Advertisement

latesticon2018nov

 

アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。

 

これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。

 

後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。

 

 

1. ラインスタイル・アイコンデザイン

 

season-icons

 

このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かりやすい点がポイントです。

 

 

2. シンプル、ミニマル・アイコンデザイン

 

food-icons

 

他のデザイントレンドと同じように、シンプルなアイコンデザインも2018年の特長と言えるでしょう。簡単な形状を組み合わせることで、アイコンをよりシンプルに仕上げています。上記サンプル例では、どれも共通するサークル円をアイコンの一部に使用することで、プロジェクトの統一性にもつながります。

 

 

3. グラデーション付きアイコンデザイン

 

mmmm

 

2018年の重要デザイントレンドにもなっている、グラデーションカラーを使ったデザインは、アイコンにも採用されています。控えめでシンプルなグラデーションや、上記サンプルのようなカラフルなものに人気が集まっています。さまざまなアイデアで、トレンドを取り入れてみることで、オリジナル性の高いデザインを演出できます。

 

 

4. シンプルな配色のアイコンデザイン

 

music_icons-1

 

あえて限られた、少ない基本的なカラーパレットのみを利用したアイコンデザインは、特に可読性を保ちたい小さな文字サイズで有効的なテクニックです。細かく作り込んだアイコンは、デザインスペースを圧迫し、目にも負担をかける恐れがあるため、配色を制限することで、見やすく分かりやすいデザインとなります。

 

 

5. アプリスタイルのアイコンデザイン

 

600-800

 

アイコンの人気が高まっている理由のひとつは、あらゆるデザインにアイコンが利用されていることです。アプリアイコンからファビコン、デスクトップ用アイコンなど、あらゆる場面でこのスタイルは採用されています。アプリスタイルの特徴としては、

  • 正方形で
  • 丸みのあるエッジがあり、
  • 色付きの背景(通常は1色使い)
  • シンプルな形状のアイコン
  • アイコンと背景色のコントラストが十分確保されていて、
  • 文字テキストはなし

などが挙げられます。

 

 

6. 太字で統一されたアイコンデザイン

 

bread-icon

 

線画スタイルのアイコンデザインの中でも、特に太いストローク線のアイコンが人気となっています。背景カラーや写真をバックに、モノクロデザインで使用されているケースが多く、太くて統一感のある線画アイコンは、ショッピングカートや連絡先の記載などに利用されています。

 

 

7. フラットスタイルも依然人気

 

behance

 

ウェブサイトにおけるフラットデザインは少しずつ変化してきていますが、アイコンデザインでは依然人気スタイルと言えるでしょう。シンプルなデザイン性や外観は、あらゆるスタイルに対応できるため、今回取り上げたトレンドの多くも、フラットスタイルとなります。

 

 

8. 絵文字アイコンデザイン

 

mojidribbble

 

絵文字デザインは、日常生活やコミュニケーションでも一般的に受け入れられるようになったいま、独自のデザイン言語とも言えるトレンド。アイコンにも絵文字の要素を取り入れることで、ユニークで素晴らしいアイデアを表現できます。

 

 

無料ダウンロードできる、新作フリーアイコン素材まとめ

 

以下は、無料ダウンロードでき、実用的なフリーアイコン素材集を一緒にまとめています。今回紹介したアイコンのデザイントレンドを採用した、商用ライセンスにも対応した素材が多く揃います。豊富な収録ファイル形式で、あらゆるケースに対応してくれます。

 

Icon Box

アイコンの太さや色を自由に変更できる、商用フリーで国産のアイコン素材集で、現在620個のアイコンが公開されています。シンプルで分かりやすいデザインで、PNGとSVGファイル形式でダウンロードできます。

icon-box

 

 

 

Eva Icons

ウェブサイトやiOS、Androidなどのスマートフォンなどにも利用できる、480種類の汎用性の高いアイコン素材セット。SVGとPNGファイル形式。

eva-icons

 

 

 

Ikonate

線画アイコンの太さやサイズ、スタイル、配色をカスタマイズして、SVGファイル形式でダウンロードできるアイコン素材セット。現在230個が公開中。

ikonate-icon

 

 

 

Tilda Free Icons

700個を超える大量の線画アイコンを無料ダウンロードでき、商用利用にも対応した、使い勝手の良いシンプルデザイン。

tilda-icons

 

 

 

75+ Free baseline icons

25x25pxで描かれたミニアイコンが75種類集まったベクターコレクションで、2スタイルが収録されています。モバイルアプリの作成役立つアイテム。

75-free-baseline-icons-sketch-580x435

 

 

 

Free Icon Packs

無料デザイン素材を配布する Design Zone では、60種類を超えるバラエティ豊かなアイコンパックが公開されており、Ai、EPS、PNGファイル形式に対応しています。医療や消防士、観葉植物、ゲームなどユニークなテーマも多く、今回特におすすめしたいサイト。

free-icon-packsdesign-zone-sample-1

 

 

 

Healthy Food – Undesirable Substances Icons

トランス脂肪酸やカフェインフリー、GMO、アルコールフリーなどヘルシーにこだわった、特殊アイコン素材8個セット。

healthy-food-values-the-undesirables-s64

 

 

 

6 Architecture Icons Sketch Resource

建築、インテリアをコンセプトにした、シンプルなラインアートが魅力的な素材集。

architecture-icons-w42

 

 

 

Capitalist: Food & Drinks Icon Set

たべものと飲みものをテーマに、果物からコーヒー、ビールなどの他に、ハンバーガーやピザ、ブリトーなどファストフードが揃います。

capitalist-food-and-drink-icon-set

 

 

 

44 Free Amusement park icons

アミューズメント娯楽施設をテーマに、メリーゴーランドやゴーカート、アイスクリームなどのデザートをかわいいデザインで表現しています。

icons-amusement-park-01

 

 

 

Cute User Avatar Icon Set

世界各国のさまざまな民族、人種を表現できる、50種類のアバターアイコン素材セットで、PNGとSVGファイル形式で収録されています。

avatar-free-icons-screenshot-full

 

 

 

Free Online Marketing & SEO Icon Set

SEOやオンライン・マーケティングを想定したアイコンデザイン、50種類が収録された素材集。PNGとSVGファイル形式。

marketing-icon-illustrations-featured

 

 

 

50 Free back to school icons

学校をテーマに作成された、かわいいデザインのアイコン素材セットで、SVGとPNGファイル形式で収録された50種類。

size-back-to-school-cover-07-18

 

 

 

25 Free Folder Icons Ai

さまざまなフォルダ形式を25種類揃えたアイコン素材セットで、Illustrator用AiとEPSファイル形式で収録されています。

folder-icons-1-1600x1090

 

 

 

E-commerce & Navigation Vector Icons Set

ショッピングサイトのユーザビリティを向上させる、ナビゲーション向けアイコン素材48種類が揃います。Ai、EPS、SVG、PSD、PNG、Sketchとファイル形式も豊富。

e-commerce-navigation-vector-icons

 

 

 

50 Free SVG and PNG food deliverey icons

最近増えている出前、フードデリバリーサービス向けアプリ開発に役立つ、50種類のアイコン素材がPNGとSVGファイル形式で揃います。

small-preview-food_delivery_cover

 

 

 

Home Routine Free Icons

日常生活の行動に関するテーマで集めた、ユニークなベクターアイコン素材37個セット。Illustrator用AIファイル形式。

home-routine-icons_tanya-goncharova_150718_prev01

 

 

 

Free Vector Wedding Icons

結婚式ウェディングに関連するアイテムを20種類そろえています。収録ファイル形式は、AiやEPS、PNG、PSD、SVGと豊富な点もポイント。

free_wedding_icons_by_ilsefranckaert_091018_pre1

 

 

 

25 Vector Line Seafood Icons

エビやタコ、イカや巻き貝など海洋生物25種類がパックになった素材集。

seafood-icons

 

 

 

Free Summer Holiday Icons

浮き輪やシュノーケル、キャンプ道具やパスポートなど、夏のバケーションをテーマにしたアイコン素材セット。SVGとPNGファイル形式。

free-summer-holiday-icons_perdana-kurniawan_190718_prev01

 

 

 

8 Free Racing-Themed Icons

表彰台やコースマップ、チェッカーフラッグ、メーターなどレーシングに関するテーマが揃います。

8-racing-icons-e44

 

 

 

Mini Apple Icons

iMacやiPhoneなどApple製品ガジェットを、忠実に再現したミニアイコン素材セット。

mini-apple-icons-a81

 

 

 

Essential Minimal Payment Icons

VisaやMastercard、American Express、PayPalなどのクレジットカードを、ミニマルスタイルで表現したアイコン素材。

minimal-credit-card-icons

 

 

 

100 Free Hand-drawn Vector Icons

手書きのへたウマなイラスト100種類を揃えた、ベクターアイコン素材セット。SVGファイル形式。

100-free-hand-drawn-vector-icons

 

latesticon2018july
ウェブサイトやグラフィック制作において、重要なデザイン要素のひとつであるアイコン。今回は、Photoshop や Illustrator、Sketchなど幅広いデザ

 

参照元リンク: Icon Design in 2018: The Key Trends – Design Shack

サムネイル@ : Color line icons by howcolour – CreativeMarket