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

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

藤田

藤田

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

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

TAKAO 599 MUSEUM


https://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/のサイトのようにペタッとした印象のアイコンやイラストをアニメーションさせる手法は今後流行りそうですね。

まとめ

いかがでしたか?

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

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

それではまたー。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイナーの藤田です。 野球とビールと猫が好きです。 ジョブズの「来る日も来る日もこれが人生最後の日と思って生きるとしよう。」という言葉が好きです。言葉の通り毎日、全力投球で頑張っております。 どうぞ、よろしくお願い致します。

このメンバーの記事をもっと読む
デザインのトレンド | 46 articles
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL