アイコン制作に役立つおすすめサイト4選

Sakamoto Kyon
4 min readMay 30, 2016

--

「アイコン」は、UI設計において最も大切な要素のひとつです。

弊社のサービス「iQON」でも、投稿や検索、お知らせなどの機能や、コンテンツの意味を伝えるメニュー部分で複数のアイコンを利用しています。

ホーム、アイテムをさがす、コーデをさがす、店舗をさがす、などなど…。iQONには豊富なコンテンツがあるため、各アイコンですみ分けできるよう工夫しています。

新しい機能やコンテンツが追加されるとき、どんな風にアイコンで表現するかは、かなり頭を悩ませる作業になります。このアイコンで意味は伝わるか。伝わるがサービスの世界観と合っているか。などなど…

ミニマムに、でも確実にユーザーへ伝えないといけないため、かなり難易度の高いデザインと言えます。

今回は、そんなアイコン制作に役立つサイトを4つピックアップしてみました。

iconmonstr

http://iconmonstr.com/

3,000以上のアイコンを検索・ダウンロードできるサイト。

数はもちろんですが、すべてのアイコンがシンプルで質も高く、SVG / AI / PSD / PNGなど様々なデータ形式で無料ダウンロード可能です。ダウンロードしたアイコンデータは、商用利用できる点も便利。

また、それぞれのアイコンで複数パターンそろっているため、比較や検証がしやすいという魅力もあります。

Noun Project

https://thenounproject.com/

先ほど紹介した「iconmonstr」と同じく、アイコンを検索・ダウンロードできるサイトです。ただしこちらは、アイコン利用時にクレジット併記が必要だったり、使用料を支払う必要があったりするので、ご注意ください。

各アイコンに複数パターンがそろっているだけでなく、色々なテイストでも見ることができるため、インスピレーションを刺激したいときに利用するのもおすすめです。

SODAFISH

http://www.sodafish.com/

SonyやNikeなど、大手企業をクライアントに持つデザインスタジオのサイト。

シンプルで分かりやすく質実剛健、といった手本にしたい作品を見ることができます。

また、ABOUTで紹介されている「良いアイコンデザイン6箇条」では、アイコンを制作するときに気をつけるべきポイントがまとめられているので、ぜひ読んでみてください。

iconwerk

http://www.iconwerk.com/

こちらもGoogleやIKEAなど、大手企業をクライアントに持つアイコンデザイナー、Stefan Dziallasのサイト。

シンプルで分かりやすいのはもちろんですが、どことなく遊び心や可愛らしさのある雰囲気がとても素敵です。

ただ分かりやすくつくるだけでは物足りない。もうひとさじテイストに深みが欲しい。そんな課題を克服するためのヒントがあると思います。

以上、アイコン制作に役立つおすすめサイト4選でした。

VASILYではアイコン制作にもこだわりたいUIデザイナー・学生インターンを募集中です。ご応募お待ちしております!

http://bit.ly/1TNRGPd

--

--

Sakamoto Kyon

直近はリモートでベンチャーのデザインパートナーをやってます。得意ジャンルは女性向け💃 ファッション👗 社会課題を解決するサービスにも取り組み中です。ざっくりポートフォリオ → https://bit.ly/3UAgBuZ