米Yahoo! 新UIに学ぶアイコン・デザイン

yahoo.comのUIに使用されているアイコンのデザイン設計に関して。

Yahoo! 新UI アイコン
Yahoo!

新システムは、Yahoo!のUIデザインチームとiconwerkが協力して作りました。

iconwerk Yahoo! 新UI アイコン 1
image by iconwork

iconwerkのサイトより、デザインのポイントを。
フラットなデザインの秘密がわかります。

1.パーツの共通化

アイコンに統一感を出すために、共通化したシンプルなブロック・パーツを積み上げてデザインを作り上げています。

iconwerk Yahoo! 新UI アイコン 2
image by iconwork

2.いろんなサイズに対応

16ピクセルからプリント用の大きいサイズまで、ひとつのデザインで対応できるように設計されています。

iconwerk Yahoo! 新UI アイコン 3
image by iconwork