アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。
これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。
後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。
1. ラインスタイル・アイコンデザイン
このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かりやすい点がポイントです。
2. シンプル、ミニマル・アイコンデザイン
他のデザイントレンドと同じように、シンプルなアイコンデザインも2018年の特長と言えるでしょう。簡単な形状を組み合わせることで、アイコンをよりシンプルに仕上げています。上記サンプル例では、どれも共通するサークル円をアイコンの一部に使用することで、プロジェクトの統一性にもつながります。
3. グラデーション付きアイコンデザイン
2018年の重要デザイントレンドにもなっている、グラデーションカラーを使ったデザインは、アイコンにも採用されています。控えめでシンプルなグラデーションや、上記サンプルのようなカラフルなものに人気が集まっています。さまざまなアイデアで、トレンドを取り入れてみることで、オリジナル性の高いデザインを演出できます。
4. シンプルな配色のアイコンデザイン
あえて限られた、少ない基本的なカラーパレットのみを利用したアイコンデザインは、特に可読性を保ちたい小さな文字サイズで有効的なテクニックです。細かく作り込んだアイコンは、デザインスペースを圧迫し、目にも負担をかける恐れがあるため、配色を制限することで、見やすく分かりやすいデザインとなります。
5. アプリスタイルのアイコンデザイン
アイコンの人気が高まっている理由のひとつは、あらゆるデザインにアイコンが利用されていることです。アプリアイコンからファビコン、デスクトップ用アイコンなど、あらゆる場面でこのスタイルは採用されています。アプリスタイルの特徴としては、
- 正方形で
- 丸みのあるエッジがあり、
- 色付きの背景（通常は1色使い）
- シンプルな形状のアイコン
- アイコンと背景色のコントラストが十分確保されていて、
- 文字テキストはなし
などが挙げられます。
6. 太字で統一されたアイコンデザイン
線画スタイルのアイコンデザインの中でも、特に太いストローク線のアイコンが人気となっています。背景カラーや写真をバックに、モノクロデザインで使用されているケースが多く、太くて統一感のある線画アイコンは、ショッピングカートや連絡先の記載などに利用されています。
7. フラットスタイルも依然人気
ウェブサイトにおけるフラットデザインは少しずつ変化してきていますが、アイコンデザインでは依然人気スタイルと言えるでしょう。シンプルなデザイン性や外観は、あらゆるスタイルに対応できるため、今回取り上げたトレンドの多くも、フラットスタイルとなります。
8. 絵文字アイコンデザイン
絵文字デザインは、日常生活やコミュニケーションでも一般的に受け入れられるようになったいま、独自のデザイン言語とも言えるトレンド。アイコンにも絵文字の要素を取り入れることで、ユニークで素晴らしいアイデアを表現できます。
無料ダウンロードできる、新作フリーアイコン素材まとめ
以下は、無料ダウンロードでき、実用的なフリーアイコン素材集を一緒にまとめています。今回紹介したアイコンのデザイントレンドを採用した、商用ライセンスにも対応した素材が多く揃います。豊富な収録ファイル形式で、あらゆるケースに対応してくれます。
アイコンの太さや色を自由に変更できる、商用フリーで国産のアイコン素材集で、現在620個のアイコンが公開されています。シンプルで分かりやすいデザインで、PNGとSVGファイル形式でダウンロードできます。
ウェブサイトやiOS、Androidなどのスマートフォンなどにも利用できる、480種類の汎用性の高いアイコン素材セット。SVGとPNGファイル形式。
線画アイコンの太さやサイズ、スタイル、配色をカスタマイズして、SVGファイル形式でダウンロードできるアイコン素材セット。現在230個が公開中。
700個を超える大量の線画アイコンを無料ダウンロードでき、商用利用にも対応した、使い勝手の良いシンプルデザイン。
25x25pxで描かれたミニアイコンが75種類集まったベクターコレクションで、2スタイルが収録されています。モバイルアプリの作成役立つアイテム。
無料デザイン素材を配布する Design Zone では、60種類を超えるバラエティ豊かなアイコンパックが公開されており、Ai、EPS、PNGファイル形式に対応しています。医療や消防士、観葉植物、ゲームなどユニークなテーマも多く、今回特におすすめしたいサイト。
Healthy Food – Undesirable Substances Icons
トランス脂肪酸やカフェインフリー、GMO、アルコールフリーなどヘルシーにこだわった、特殊アイコン素材8個セット。
6 Architecture Icons Sketch Resource
建築、インテリアをコンセプトにした、シンプルなラインアートが魅力的な素材集。
Capitalist: Food & Drinks Icon Set
たべものと飲みものをテーマに、果物からコーヒー、ビールなどの他に、ハンバーガーやピザ、ブリトーなどファストフードが揃います。
アミューズメント娯楽施設をテーマに、メリーゴーランドやゴーカート、アイスクリームなどのデザートをかわいいデザインで表現しています。
世界各国のさまざまな民族、人種を表現できる、50種類のアバターアイコン素材セットで、PNGとSVGファイル形式で収録されています。
Free Online Marketing & SEO Icon Set
SEOやオンライン・マーケティングを想定したアイコンデザイン、50種類が収録された素材集。PNGとSVGファイル形式。
学校をテーマに作成された、かわいいデザインのアイコン素材セットで、SVGとPNGファイル形式で収録された50種類。
さまざまなフォルダ形式を25種類揃えたアイコン素材セットで、Illustrator用AiとEPSファイル形式で収録されています。
E-commerce & Navigation Vector Icons Set
ショッピングサイトのユーザビリティを向上させる、ナビゲーション向けアイコン素材48種類が揃います。Ai、EPS、SVG、PSD、PNG、Sketchとファイル形式も豊富。
50 Free SVG and PNG food deliverey icons
最近増えている出前、フードデリバリーサービス向けアプリ開発に役立つ、50種類のアイコン素材がPNGとSVGファイル形式で揃います。
日常生活の行動に関するテーマで集めた、ユニークなベクターアイコン素材37個セット。Illustrator用AIファイル形式。
結婚式ウェディングに関連するアイテムを20種類そろえています。収録ファイル形式は、AiやEPS、PNG、PSD、SVGと豊富な点もポイント。
エビやタコ、イカや巻き貝など海洋生物25種類がパックになった素材集。
浮き輪やシュノーケル、キャンプ道具やパスポートなど、夏のバケーションをテーマにしたアイコン素材セット。SVGとPNGファイル形式。
表彰台やコースマップ、チェッカーフラッグ、メーターなどレーシングに関するテーマが揃います。
iMacやiPhoneなどApple製品ガジェットを、忠実に再現したミニアイコン素材セット。
Essential Minimal Payment Icons
VisaやMastercard、American Express、PayPalなどのクレジットカードを、ミニマルスタイルで表現したアイコン素材。
100 Free Hand-drawn Vector Icons
手書きのへたウマなイラスト100種類を揃えた、ベクターアイコン素材セット。SVGファイル形式。
