Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1998年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのもとデザインアプローチを行なっており、現在も世界中の博物館で彼のデザインした数多くの製品が収集されています。 Apple社の製品は昔から外見の設計に大きな労力が払われていますが、特にジョナサン・アイブ(インダストリアルデザイングループ担当上級副社長)が手がけたアップル社のiMacやiPodなどのデザインは、ラムス氏から大きな影響を受けていることが指摘されています。当のラムス氏は「アップル社のデザイン
Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate）から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも本当の黒には見えません。 そこで他の色も混ぜて、本当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%＋M20%＋Y20%＋K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ
これはお見事！思わずドキッとしてしまう16のアイデア広告（PART2） マニキュアか何かの化粧品がドボドボ……。街中にこんなものがあったら、ついつい目が行ってしまいますよね。 その他、面白いアイデアで一杯の、刺激的でクリエイティブな16の広告をご紹介します。 その他のシリーズは以下よりどうぞ。 （PART1）、（PART3） 1. バス停 脱ぎ散らかされた服の先には…。バカンスに行きたくなりますが、どうせなら美女の服の方が嬉しい？ 2. スピード落とせ 「○○日間、病院のベッドに入院」と表示されるスピード表示の看板。広告というわけではありませんが、スピードを緩める気になってしまいますね。 3. エレベーターの床 下を見るのが怖くなってしまいます…。スカイダイビングの教習所の広告のようです。 4. この木なんの木？ サラダが食べたくなってきました。 5. 本 ナイフの広告。りんごがスパッと綺
2011年12月01日00:00 by hineri その記事は既に無いんよ。 カテゴリ雑記 今このページを見てるって事は、君は旧ひろぶろの記事を閲覧しようとしてここへ来たんだね。 でもその記事はもう無いんだ。 詳しくはこのブログの「このサイトについて」の所に書いてあるけど、 今“この”サイトを管理している「僕」は初代管理人じゃない。 で、君がどんな記事を見ようとしたのかわからないけど、 その記事は管理人が代替わりする時に消えちゃったってわけ。 正直言って「僕」にもよく分からないんだよ。 どこまでが運命で どこからが選んだ人生なのか まさか「僕」が「ひろぶろ」の管理人になるとはね…。 フフフッ でもまあ、今は「僕」が、面白おかしくもちょっと怖い動画とかをさ、 毎日新しく頑張って更新してるから、是非このブログのＴＯＰへ行って、 最新のオモシロ動画、ネタ動画を閲覧してみてちょ。 だって君は本当
ゆめみがちサロン ゆめみがちサロンはオンラインサロンの先駆けです。嘘です。
前回の投稿からかなり空いてしまいました。はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。さて続きです。・・・前回の投稿からかなり空いてしまいました。 はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。 次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。 さて続きです。 前回非デザイナーのためのエントリーだからwebサイトじゃなくてチラシにしよう、と思って記事を書いたんですが 駆使するツールがもちろんweb上にあるものなので、カラーもweb用になってることを失念
新書体を使った案内標識のイメージ。特徴的なのは「越」で、中央と右の部分がはねているほか、部首も従来より滑らかになった従来の書体の案内標識。「越」に省略が目立つほか、「山」の下部を角張らせている 東日本、西日本、中日本の各高速道路会社（ＮＥＸＣＯ）は、高速道路の案内標識に使ってきた独自の書体を、米アップルのｉＰａｄ（アイパッド）などに採用されている市販のものに変えることを決めた。高速走行中でも見やすく、バランスが良いという。書体の変更は、１９６３年に国内初の高速が開通して以来、初めて。 新しい書体は、大日本スクリーン製造（京都市）の「ヒラギノ角ゴシック体 Ｗ５」。書籍や雑誌、テレビ番組のテロップなどに広く使われる。文字を構成する一画一画の間の空白の大きさが均等に見えるのが特徴だ。 ３社は今年７月、新規開通や付け替えなどで標識を業者に発注する際に、今後はヒラギノを使うよう指示することを決
iPhoneやiPadと同じフォントが日本の高速道路標識にも！2010.12.15 11:007,280 1963年に高速道路が開通して以来、高速道路標識に使われてきた｢道路公団標準文字（公団ゴシック）｣が引退することになったそうです。 公団ゴシックと言えば、時速100kmで走っても、100～150m手前から6秒以内で文字が認識できる。というのがセールスポイントでした。しかし、標識に使用されていない新しい文字を使う場合に1から文字を作る必要があったり、公団ゴシックの開発者が他界されていることもあって、デザインの統一性を疑問視する声もあったようです。 そういった背景もあって、高速道路標識の技術基準の見直しのタイミングで、公団ゴシックに代わるフォントとして、複数のゴシック体を比較検討したそうです。その結果、新たに和文フォントに採用されることになったのは｢ヒラギノ角ゴシック体 W5｣です。 この
万物のデザインの数学 自然界のデザインにはどこか共通したものがある。自己相似性という原理だ。これを数学的に表現しようというのがフラクタルだ。つまり同じ式の繰り返しから自然界のデザイン生成をしようというものだ。 この手法は、特に新しいものではない。こうした自己相似性により複雑な図式が生成されることは昔からコッホ曲線やシェルビンスキーのカーペットなどとして知られていた。それがコンピューター・シミュレーションの導入により急速に発達したというのが最近の動きだ。 コッホ曲線 →ＭＩＸＩへhttp://mixi.jp/view_bbs.pl?id=11635272 １）まず線が一本あったとさ。 ２）線の真ん中３分の１を三角におる その線をまたおる するとこんなに複雑な雪の結晶のようになる シェルビンスキーのカーペット →ＭＩＸＩへhttp://mixi.jp/view_bbs.pl?id=116353
PANTONE Spring 2011(PDF) [ad#ad-2] 需要があるか分かりませんが、Photoshop用のスウォッチファイル（.aco）を作成してみました。
Whitespace: The Underutilized Design Element [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ホワイトスペースとは 優雅さと洗練さ レジビリティとユーザビリティ ホワイトスペースに注目する はじめに 素晴らしいウェブデザインをつくりだす多くのエレメントがあります、その中でも十分に利用されていないものの一つがホワイトスペースです。すべてのデザインがホワイトスペースを持っていますが、問題はすべてのデザインが十分持っているわけではないということです。 これは経験不足のデザイナーと彼らのクライアントがホワイトスペースを単にスクリーンの領域の浪費として見るという事実があります。 しかし、真実は違います。ホワイトスペースはあなたのデザインの最も貴重なエレメントです。 ホワイトスペースとは その名前が暗示する白いスペースである必要はありませ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
