アイコンデザイン 7つの原則、優れたアイコンをデザインするために

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か

[coliss]

アイコンデザイン 7つの原則、UI全体のデザインにも通じるプロのデザインテクニック。

[sisya]

車の警告ランプに恨みでもあるのかという並びだが、車の警告ランプはかなりの割合の人が（免許持っているのに）意味を言えないアイコンなので、槍玉に挙がっても仕方なかった。

[ultimate-ez]

“数字に頼らず、目を使って成果物を確認”はどうだろうなー？例えにでてる再生アイコンは三角形の外接円の中心で合わせる、とか数字に頼る方が良いと思うな。

[EngineerYtr]

仕事で時々アイコン自作するけど、いつも出来上がりがカッコ悪い。そして「社内システム」だからいいかと諦める。大変参考になった。

[nana_07]

むちゃくちゃ参考になるやつ

[h_taiji]

アイコンの原則

[scipio1031]

分かりにくい自動車の計器アイコンは慣れてる人には馴染み深いし、もう二度と変えられないんだろうな。

[yamuchagold]

生存競争！

[yarumato]

“Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ”

[akatakun]

上記のアイコンは三角形が円の中央に配置されていますが、わたし達の目では中央からずれているように見えます。この原因は三角形は幅の広い部分が重く感じられ、重心が左に傾いているから。