米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

プロフィール

櫻田潤
櫻田 潤(さくらだ・じゅん)

プログラマー、システムエンジニア、ウェブデザイナーを経て、2010年よりビジュアルシンキングを運営。あわせて、インフォグラフィックのデザインも始める。2014年、NewsPicksにインフォグラフィック・エディターとして参画。ビジュアルを用いた記事を多数、執筆デザイン。2017年よりNewsPicksのクリエイティブを統括。著書に『たのしい インフォグラフィック入門』『シンプル・ビジュアル・プレゼンテーション』