Smartphone スマホ

 
スマホデザイン・UI

【フリーアイコン特集】スマホサイトに最適な直感的で分かりやすいデザインまとめ

こんにちは。

今はスマホ主流の時代になり、サイト閲覧もスマホでというユーザーが増えてきましたね!

WEBサイトも、より直感的で分かりやすいデザインが求められるようになってきており、webデザインの基本となりつつあるフラットデザインやそこから派生したマテリアルデザインがまさにそうですね♪

サイトがシンプルになっていくなか、それに合わせ、より直感的なデザインの「アイコン」が多く登場しています。
どんなアイコンを作ればいいのか、どんなアイコンを配置すればクリックしてもらいやすいのか。

パーツデザインで悩んだ時にぜひぜひ参考にしてほしい素材を集めてみました!

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

 

100+ PSD Icons for iOS

icons8-psd-packピクセル単位にこだわって作成されたアイコン100種類セットです。バリエーションも幅広く、あらゆるシーンに活用できます。

Icon Pack

icon_pack

商用使用も可能なアイコンセット。一筆書きのようなシンプルなデザインで、ユーザーの直感力を刺激します

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

 

300 Metro-Style Icons

metrize-icon

300種類ものアイコンデザインが揃っています。すべてサークルに囲まれていて、統一感があります。

Cheetah Icons

cheetah-icon

黄色と黒がポップなアイコンセット。ちょっとしたアニメーションも加わっています。

Tourism & Travel Icon Set

travel-beach-icon

旅行やレジャーに関するアイテムを100種類用意。太めの線がポップです♪

RNS Fonts

free-weather-icon こちらは天気予報に関連したアイコンセット。約70個あり、どんな天気も表現できます。

Vector Fruit Icons V1.0

fruit-vector-icon

果物や野菜をアウトラインデザイン。レストランなどの店舗サイトで使えそうですね〜!

120 Free Vector Icons

120vector-icon

フラットデザインを採用した120種類のアイコンセット。白を基調としたシンプルなサイトと相性が良さそうですね。

36 Free Retro Shopping and Ecommerce Icons

retro-shopping-icon-01

こちらは「SALE」や「カート」などECサイトに必要なアイコンがセットになっています。レトロな表現がまたGOOD!!

Adobe Icons

adobe-icon

 

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

Adobeソフトのアイコンセットです。なにかと使い勝手がよさそうですね!

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

このように、デザインのアイデアで悩んだ時にぜひ参考にしてみてくださいね!

この記事を書いた人


近藤れおな(こんどう・れおな)
青山学院大学卒業後、株式会社パソナ入社。人材コンサルタントとして、大手通信会社や外資系ホテルの採用・育成に携わる。 大学時代からパソコンは友達で、サイト制作やブログ作成・youtubeに熱狂する。 元々、ミュージシャンになりたかったが、巡り巡ってアイドルのプロデュースやマネジメントをするようになる。 育成・Web・音楽を軸に多方面で活躍中。尊敬する人物はイチローと松本人志。
タグ

記事mobifyロゴ
Mobify(モビファイ)とは

Googleが認定しているマルチスクリーン対応のための最適化サービス。
デバイスに応じ、専用にデザインされたサイトを表示することができます。
ページの表示を高速化させる仕組みも持ち合せており、ユーザーの離脱を防ぐことが可能です。

▸Mobify(モビファイ)についてさらに詳しく

 最新記事