2021.02.19
- Design
レイアウトに合わせやすいアイソメトリックイラスト素材集
デザインのトレンドは移り変わりの波が激しいものです。
自分はInstagramやTwitterなどでデザインの細かなトレンドとかをインプットしておいて、ギャラリーサイトとかで実務案件にどのように反映させているのかチェックするような感じです。
今ではフォントやイラストレーション、テクスチャの使い方などは、Webもグラフィックも大差ないほど共通するトレンドがあるなーと感じています。
そこで今回は昨今のイラストレーションのトレンドのひとつでもある『アイソメトリック』なイラストレーションの素材サイトなど紹介していこうと思います。
Contents
アイソメトリックとは
アイソメトリック（isometric）とは辞典を引くと“等尺性”とか“等大”とかが出てきます。また製図法の用語で“等角投影法”という意味もあるようです。これは対象物を立体的に表現する手法で、意味としてはこちらのほうが近いと思われます。
例えばアプリのバナーなどでこんなデザインを見かけたことはありませんか。
特徴としては立体的で、表情などもあまりなく、動きやポーズなどで何をしているか表しているものが多いですね。
色使いもフラットデザインの流れを汲みつつ、ワンポイントで影をつけるなどしています。また、面白いのは原寸にそって描かれたイラストもあれば、敢えて縮尺をずらし、人よりも大きなアイコンなどと組み合わせている点です。
タイポグラフィと合わせてレイアウトを設計する際にも便利で、使いようによっては十分サイトのメインビジュアルなどにも活用できます。わたしもブログのサムネイル画像など作るときに使ってますね。
アイソメトリックなイラストが実際に使われているサイトがこちら。
本当に必要な機能だけを集めたSEOツール | SEARCHWRITE(サーチライト)
このようにビジネス系や、オーガニックなイラストなど、幅広いデザインに合わせやすいのも特徴です。
フリー素材サイトの紹介
※各サイトには利用規約が存在しています。ここで紹介しているサイトはほとんどが無料でダウンロードできるものですが、使用する際には一度利用規約を確認しましょう。
Isometric
それほど数は多くありませんが、各カテゴリごとに洗練されたデザインのものが多く、レイアウトの調整にも役立ちます。ダウンロードはサインインなしで可能で、ファイルはSVGとPNGがダウンロードできます。
ManyPixels
こちらはカテゴリーの種類だけでなく、イラストのタッチごとの分類もされているサイトです。アイソメトリック意外にもアウトラインがとられたイラストや、カラーの指定も可能です。こちらのサイトもサインインなしで、SVGとPNGよりダウンロードファイルを選択できます。
Adobe Stock
Adobe Stockも無料素材がけっこう充実してきていて、イラスト素材も豊富です。イラストのタイプなどまでは選択できませんが、やはりトレンドを意識してか、選べるイラスト素材にはアイソメトリックなものが多いようです。
無料のライセンスを取得すると、aiデータにてダウンロードができます。
unDraw
こちらのサイトはシンプルに2色で配色されているイラストが中心で、カラーチャートより好みの色に変更が可能です。配色がシンプルな分、カラースキームが決められているサイトデザインにも合わせやすいのが特徴です。
ダウンロードはSVGとPNGより選択できます。
以上、今回は4つの素材サイトを紹介しました。
例えイラストのダウンロードサイトであっても、細かく見れば色使いやグラデーションの使い方など、他の部分のトレンドも抑えたものも多くあり、気にしてみればけっこう勉強にもなりますよね。
