ピックアップ

アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料

Behanceに「Google Visual Assets Guidelines」の紹介がありました。

これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。

アイコンのデザイン原理

丸や単純な矩形の組み合わせできています。
アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。
パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。

google  アイコン デザイン ガイドライン 1
image by Behance

google  アイコン デザイン ガイドライン 2
image by Behance

google  アイコン デザイン ガイドライン 3
image by Behance

ほかにも3つルールをピックアップ。

3D禁止

google  アイコン デザイン ガイドライン 4
image by Behance

影のルール

真っすぐか45度、ソリッドに。
google  アイコン デザイン ガイドライン 5
image by Behance

色のコンビネーション・ルール

google  アイコン デザイン ガイドライン 6
image by Behance

こうした資料は、アイコンやロゴ、ピクトグラムのデザイン(設計)時にとても参考になりますね。
Behanceでもっと見れます。

プロフィール

櫻田潤

櫻田 潤

プログラマー、システムエンジニア、ウェブデザイナーを経て、2010年よりビジュアルシンキング運営開始。2014年12月よりNewsPicks編集部でインフォグラフィックス・エディターとして記事執筆。研修・インベント講師や書籍執筆も行なっている。著書に『たのしいインフォグラフィック入門』ほか。

12 Jun, 2013