【有料級】webデザインにぴったりなフリーイラスト素材集5選【商用利用可】

デザインスキル

【有料級】webデザインにぴったりなフリーイラスト素材集5選【商用利用可】

Webデザイナーのゆーしです。

理想のデザインに合ったイラストを探すのって結構大変ですよね。
画像は有料も含めるとそこら中にありますし、アイコンはイメージしているものがない時は最悪作ってしまえばOKです。

しかし、イラスト素材を探すとなると、以下のような問題に直面するはずです。

悩んでいる人

  • 無料のイラスト素材は質の高いものはほとんどない
  • istock、Shutterstockなどの有名なフォトストックサービスで取り扱っているイラストは、海外テイストのものが多く、日本のデザインにしっくりくるものがあまりない。

そんな方のために、現役webデザイナーの僕が、無料とは思えないほど質の高いフリーイラスト素材集を5サイト紹介したいと思います。

ゆーし
実務でイラストを使う時は必ず使用しています。

後半では、無料ではありませんが、webサイトデザインによく合うおしゃれなイラストを紹介いたしますので、ご一緒にご覧ください!

 

webデザインの実務で必ず使うフリーイラスト素材集5選

 

シンプルな線画イラスト素材は「Linustock」

シンプルな線画イラスト素材は「Linustock」

シンプルな線画イラスト素材は「Linustock」

シンプルで使いやすい線画イラスト素材です。

Webデザイナー兼イラストレーターのWADAさん(公式サイト)が運営しているサイトということもあり、webデザイン向けかつ質の高いイラストが詰まってます。

eps形式(ベクター)でもダウンロードできるので、Illustratorで開いてパーツの色や体の向きを変えたりと、自由に加工することが可能です。
また、線画といいつつしっかり色付きのイラスト(こちらはpngのみ)もあるので、webサイトのテイストによって使い分けることもできます。

イラスト詳細情報

  • 商用利用:可能
  • リンクやクレジット表記:不要
  • ダウンロード形式:PNG(線画・カラーのみ)、EPS
  • イラスト数:約800(2020年7月現在)

 

実際にイラストが使われているwebサイトでは、ベクターデータをうまく加工してwebサイト全体のテイストに合わせていますね。

情報セキュリティ・脆弱性診断なら【JRシステム】のセキュリティサービス

脆弱性診断サービス | 情報セキュリティ・脆弱性診断なら【JRシステム】のセキュリティサービス

 

shigureni free illust│素朴で可愛い、女の子のイラスト素材サイト

shigureni free illust│素朴で可愛い、女の子のイラスト素材サイト

shigureni free illust│素朴で可愛い、女の子のイラスト素材サイト

女の子のイラスト素材サイト。
デザイナー兼イラストレーターのshigureniさん(TwitterInstagram)が運営しています。

掲載されているイラスト数は多くありませんが、一つひとつのイラストがとてもおしゃれなので、webサイトのアクセントにひとつあるだけでも印象が変わるかもしれません。

イラストの髪型や色を変更したい場合は、有償で個別にお問い合わせできるようなので、よりイメージに近いイラストにしたい場合は、依頼してみるのもありです。

イラスト詳細情報

  • 商用利用:5点まで商用利用
  • リンクやクレジット表記:不要
  • ダウンロード形式:webP
  • イラスト数:37(2020年7月現在)

また、ダウンロード形式がwebP(ウェッピー)のため、Photoshopで使用する時は拡張機能を使うか変換ツールでjpgやpngに変換する必要があります。

webPについては、以下のLIGさんの記事が分かりやすいので気になる方はみてみてください。

画像フォーマットWebP(ウェッピー)について詳しく調べてみた|WebP編

 

LINE ILLUST.com | 商用利用OK・無料のイラスト素材サイト

LINE ILLUST.com | 商用利用OK・無料のイラスト素材サイト

LINE ILLUST.com | 商用利用OK・無料のイラスト素材サイト

ガーリーな無料イラスト素材サイト。
イラストレーターの植月えみりさん(ポートフォリオサイト)が運営しているサイトです。

リボンやフレーム、シンボルなど、装飾系のイラストが多く、女性向けのバナーにプラスアルファで使用するにはぴったりなイラスト集です。

istockなどでも類似のイラストは見かけますが、これが無料で利用できるのは大変ありがたいです。

イラスト詳細情報

  • 商用利用:可能
  • リンクやクレジット表記:不要
  • ダウンロード形式:png,eps
  • イラスト数:約200(2020年7月現在)

また、イラストカットも3,000円で受けてもらえるようなので、イラストが気に入った人はぜひ依頼してみてください。

 

unDraw - Open source illustrations for any idea

unDraw - Open source illustrations for any idea

unDraw - Open source illustrations for any idea

IT系のwebサイトでよく見かけるようなフラットデザインのイラスト素材です。

こちらは海外サイトですが、かなり素材が豊富で、SVG形式でダウンロードもできるので日本のwebサイトのテイストに合わせて加工することが可能です。

また、サイト上でベースカラーの変更ができるので、テイストを合わせてみて使えそうであればダウンロードする、といった効率の良さもgoodポイントです。

イラスト詳細情報

  • 商用利用:可能
  • リンクやクレジット表記:不要
  • ダウンロード形式:png,svg
  • イラスト数:約1300(2020年7月現在)

 

Illustration Gallery by ManyPixels | Open-Source Editable Illustrations

Illustration Gallery by ManyPixels | Open-Source Editable Illustrations

Illustration Gallery by ManyPixels | Open-Source Editable Illustrations

こちらも海外サイトで、unDrawと同じように、サイト上でベースカラーの変更ができます。

unDrawと異なるのは、イラストのジャンルが豊富で、カラーのタイプが「モノトーン」「2カラー」、イラストのテイストが「アイソメトリック」「線画」から探せます。

イラスト詳細情報

  • 商用利用:可能
  • リンクやクレジット表記:不要
  • ダウンロード形式:png,svg
  • イラスト数:約1500(2020年7月現在)

 

 

有料だけど実務でよく使うイラスト素材

後半は、「istock」から見つけた有料だけど実務でよく使うイラストを紹介いたします。

 

Aleksei Morozovさんのイラスト

Aleksei Morozovさんのイラスト

iStockで公開中のAleksei Morozovさんのイラスト

おそらく海外のイラストレーターの作品ですが、日本のwebデザインに雰囲気の合いそうな、フラットで温かみのあるイラストです。

 

hisa nishiyaさんのイラスト

hisa nishiyaさんのイラスト

iStockで公開中のhisa nishiyaさんのイラスト

日本のイラストレーターの西谷久さん(ポートフォリオサイト)のイラスト集です。

柔らかい雰囲気が特徴で、保育園や親しみのある病院のサイトなどに合いそうです。

 

 

まとめ

無料イラストを提供しているサイトは、実は他にもたくさんあります。

ただ、実際にwebデザインの制作現場で上記のようなイラストを使用するかと言われると、ほぼないといっても過言ではないでしょう。

ゆーし
ギャラリーサイトを眺めると分かる通り、上記のようなサイトのイラストが使われているのは見かけませんよね。

イラストはサイト全体の印象を左右する大事な要素です。
無料であっても、素材感の出ない優秀なイラストを使用してwebサイトのクオリティをぐっとあげましょう。

最後にもう一度、実務で必ず使うフリーイラスト素材集5選をまとめておきます。

ご覧いただきありがとうございました!

人気記事

独学でwebデザイナーになるための完全ロードマップ【行動できない人へ】 1

ゆーし 新卒でweb制作会社のディレクターとして入社し、8ヶ月でwebデザイナーへ転職。 webデザイナー歴2年目 2019年12月からWebデザインの副業を始め、5ヶ月で100万円達成。 悩んでいる ...

【見本あり】デザインカンプの作り方とコツを現役webデザイナーの解説 2

未経験者からすると、デザインカンプはいわばあなたのデザインスキルをアピールする実績そのものです。 ポートフォリオに載せるものになるので、的外れなものを作りたくないですし、あわよくばいけてるデザインを作 ...

webデザインスキルを爆速で上げるトレースのやり方 3

悩んでいる人・Webデザインのトレースって意味あるの? ・デザイン力を効率よくスキルアップできるトレースの方法ってあるの? webデザインのトレースは、やり方次第でその効果は大きく変わります。 デザイ ...

-デザインスキル

Copyright© これだけデザイン , 2020 All Rights Reserved.