NTTドコモ様_dカーシェア
NTTドコモ様_dカーシェア
2018.07.04
#25
デザインのトレンド

アイコン使いや図版が参考になるサイトまとめ

藤田

こんにちはデザイナーの藤田です。

突然ですが、アイコンや図版のデザインに苦労したことってありませんか? 僕はけっこう毎回苦労するので今回のブログで「アイコン使いや図版が上手いな」と思うサイトを集めてみました。

TAKAO 599 MUSEUM


http://www.takao599museum.jp/

GIFアニでアイコンを動かしているのがとても可愛いですね!

下層ページで使用しているアイコンも動かしてたり図版を丁寧に作っていたりと、しっかりとデザインにコストをかけている好印象なサイトです。ラインアイコンの線を太くすると親しみやすい印象になりますね。

Web design tools for designers and developers | Webflow


https://webflow.com/designer

透明感のある色使いのアイコンは今後新たなトレンドとなりそうですね。サイト全体の色使いもオシャレです。

recipist | 資生堂


https://www.shiseido.co.jp/recipist/

ラインアイコンに色味を加えるとアイコンに一手間加えた感が出ますね。ラインアイコンのシャープさと可愛らしさのバランスが素敵なアイコンデザインですね。

株式会社KSKアナリティクス | AI IoT時代のデータ活用・分析ソリューションカンパニー


https://www.ksk-anl.com/

サイト内にアイコンと図版をたくさん使っているサイトです。

アニメーションが大胆なのでそちらを注視しちゃってましたが、デザインもめちゃめちゃ丁寧に作り込みがされています。デザインやアニメーションはもちろんですが、アイコン・図版作成にもとても参考になるサイトですね。

We develop for patients – Debiopharm Group – Clinical trials


https://patients.debiopharm.com/
アイコンというよりイラストに近いデザインですがこのサイトと同様にhttps://www.designbetter.co/https://en.creddy.ru/のサイトのようにペタッとした印象のアイコンやイラストをアニメーションさせる手法は今後流行りそうですね。

まとめ

いかがでしたか?

色々な参考を探してみて、ラインアイコンが引き続き人気あるなっていうのと、コストがかかっているものは当然ながら素敵だなということを感じました。

個人的には透明感のあるアイコンデザインに今後挑戦していきたいなと考えております。

それではまたー。