概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に

fireworksの開発が終了し、WEB制作に便利なドローイングソフトとして脚光を浴びているSketch。 最初はfireworksの代替品程度の認識でしたが、シンボル機能、スライスを切らなくてもシンボルがスライス化される機能などなど、非常に便利な機能が揃っています。 IllustratorやPhotoshopはまだまだ必要なポイント、機能があるとは思いますが、きれい目なワイヤーフレームにパーツを乗せてカンプ化、そのまま切り出しなどという基本的なデザインワークフローを実現するのに便利な機能が盛りだくさんの注目アプリケーションです。 先日のgulp勉強会で、sketchで作っているデザインを編集、保存するだけで画像やフォントが書き出され、gulp経由でブラウザもリロード！みたいな便利な機能紹介もあり、思わず買ってしまったため、日本語でsketchについて解説しているページや記事を自分用のメモ

Choose your favorite colors and get your Material Design palette generated and downloadable.

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

「Tumblrでサイト作って」そんなオーダーにももう困らない！ 人気Tumblrテーマ「ZEN 2.0」「Apollo」の作者である佐野章核さんが、Tumblrを使ったサイト制作の方法を解説します。

自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン

数学は、遙か昔から多くの芸術や建築のデザインに利用されてきました。Webデザインに黄金比や白銀比、フィボナッチ数列などをとりいれてる人もいるかもしれません。 クリエイティブなインスピレーションが得られる数学の美しさを楽しめるGIFアニメーションをまとめてみました。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに ページのレイアウト、要素や形の構成のアイデアに、またアニメーションなので動きも面白いものばかりです。

Rhizomatiks ライゾマティクスは、技術と表現の新しい可能性を探求し、研究開発要素の強い実験的なプロジェクトを中心に、人とテクノロジーの関係について研究しながらR&Dプロジェクトや作品制作を行うクリエイティブコレクティブ。アーティスト、デザイナー、エンジニアで構成され、ハード・ソフトの開発からオペレーションまで、プロジェクトにおける全ての工程に責任を持ちます。また、外部のアーティストや研究者・科学者などとのコラボレーションワークを通じ、カッティングエッジな表現作品、研究を世の中に発表しています。 研究開発を中心にさらなる挑戦を目指す 2006年の設立以降、メディアアート・広告・エンターテインメント・建築・都市開発まで、様々な領域でリアルとバーチャルを横断しながら活動の幅を拡張し、統合的なクリエイティブ力を培ってきた株式会社ライゾマティクス。数多くのプロジェクトやコラボレーションを通

Created by Timm Albers, Strategies for an Auction is a composition and sound installation consisting of six sound objects featuring speakers, displays and microcontrollers. The installation attempts to reenact a real time bidding system normally found in online advertisement platforms, which is responsible for determining what personalized ad is shown to a specific user in a given moment. Digital

期間： 2015年9月19日(土) - 2016年3月21日(月) 10:00〜18:00（金・土曜日は20:00まで） 会場： 金沢21世紀美術館 展示室 ウェブ上での遺伝子共同制作：4/26(日)〜7/26(日) バイオ・アート・ハッカソン（アイデアを競う開発イベント）：7/24(金)〜7/26(日) 展覧会：9/19(土)〜3/21(月) ※12/14〜1/1は閉場 休場日： 月曜日（ただし9/21、10/12、11/23、1/11、3/21は開場）、9/24、10/13、11/24、12/14〜1/1、1/12 料金： 「ザ・コンテンポラリー2 誰が世界を翻訳するのか」（9月19日〜12月13日）、「井上有一」（2016年1月2日〜3月21日）のチケットで観覧することができます。 一般＝1,000円（800円） 大学生＝800円（600円） 小中高生＝400円（300円） 65歳以

UnrealEngineプロフィールブログ 湖ノ狼 手の届かない、向こう側へ。ゲーム 大歳ノ島 畏怖をはらい、吉祥に祈るゲーム 移動祝祭日 あの日の夕立。風と音。リアルタイム3DCG映像 平日ダイヤ 或る男の乱数的日常リアルタイム3DCG映像 二十世紀ボヤージ 終わりなき二十世紀の旅macOSスクリーンセーバ フルカラーボッサ 世界中の色、集めましたmacOSスクリーンセーバ 流線ノート 無色透明の中にひそむものデジタルインスタレーション ホテルガジェット シュールな連泊macOSスクリーンセーバ ピープルフォレスト もりとあそぶデジタルインスタレーション スクランブル交差点 相対していいですか？映像作品 光線のワルツ 聞こえない光、見えない音楽デジタルインスタレーション クォーツコンポーザーブック 想像力のモビール書籍 New Moon 月明かりが照らすもの映像作品 すべて表示 4.25

ブランドをデザインする時の6つの質問 企業のロゴは、ビジネスにおけるブランドイメージの重要な基盤となります。会社と顧客の最初のつながりであると言えるでしょう。効果的なロゴは、適切なトーンで正しく経営理念を表わすことができます。私は数年間、様々な事業のためにロゴ作りに携わってきました。ここに紹介する質問は、新しいロゴを生み出す時、いつも私が自分自身に問いかけているものです。 1. ロゴが連想させる感情はどのようなものか？ デザインのガイドラインの中で何よりも重要な基準となるのは、ロゴが会社の特色を反映しているかどうかということです。ロゴが連想させる感情は、会社の価値観にふさわしいものでなければいけません。例えば、Disneyのロゴは「幸せ」や「楽しさ」といった気持ちをイメージさせます。曲線の多い面白味のある書体は、子ども向けの漫画やアニメーションを手掛けてきた会社にふさわしいものです。しかし

想像してください。あなたは今、オフィスにいます。周りとは仕切られた個別スペースです。今週は、近々新たに展開する予定の製品を紹介するために多くの時間を割いてきました。疲れが溜まり、不機嫌ぎみになっています。今はようやく近づいた週末が待ち遠しくて仕方ありません。 しかしその前に、新製品を紹介するホームページがWindows 10で正常に動かくかどうかを試してみなければなりません。あなたは問題ないはずだと信じています。あなたが信頼を寄せているMacには、Windowsを問題なく実行できるソフトもインストールされています。 ソフトを起動してみると、丁寧にもWindowsがポップアップ通知で可能なアップデートがあることを知らせてくれます。もちろんアップデートを開始するため、あなたは了承します。 すると、こんなものを目にするのです。 訳：何かが発生しました。 何かが発生。 新製品の準備のため期限が迫っ

Strikethrough Text With Explanations In Modal On Hover Code by: eightarmshq If you are having trouble with the pen, try the archived copy on GitHub.... Read More

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

he makes a variety of art crap across a variety of media. some of it is ok, but a lot of it kind of blows ass. he’s working on making it suck less everyday though so bear with him... :)

なぜデザインは人を動かすのか？ 〜「広告」を通じて、デザインの力を考える（前編）2015/07/01 ——2015年のアドフェストでは、八木さんが制作されたホンダのコーポレートブランディング「Honda. Beautiful Engines.」が、Design／Booklet部門で最高賞のグランデをはじめ、複数の賞を獲得されました。当財団が運営するアド・ミュージアム東京の企画展示「鉄のマインド One Show 2013」でもDesign／Flyers部門でブロンズを獲得されていますね。さらにOutdoor／Poster部門とPrint Craft／Photography部門、Print Craft／Best Use of Photo部門では、JR東日本「行くぜ、東北。」がブロンズをトリプル受賞されるなど、幾つもの賞を重ねての受賞、本当におめでとうございます（編集部：以下同様）。 八木：ま