収入UPの転職を目指す方へ

商用利用OK!Webデザインで使える無料素材サイト13選

  • 2023/01/10
free_material_site_for_web_design.jpg

デザインを制作する際に、写真やアイコン、テクスチャなどの「素材」をゼロから作っていくのは時間がかかり、とても大変です。そこで役に立つのが、素材サイトです。デザインをする上で、「商用OK」「著作権表記不要」「クオリティが高い」をクリアしている優れた素材サイトを知っておくと、とても便利です。もちろん有料素材を使うWebデザイナーの方もいらっしゃいますが、毎回お金を払ってはいられないという方も多いでしょう。

ここでは、ぜひブックマークに入れておくべき、商用利用OKのフリー素材サイトをピックアップしてご紹介します

AIちゃん
AIちゃん

いろんなWebページがあるけれど、どんな写真や画像が使われているかってすごく大事だよね!

有村先生

そうですね。ここでは無料で使える素材を入手できるおすすめのサイトをたくさん紹介していきます。

目次

無料素材サイト:写真編

Unsplash(海外サイト)

Unsplashは必ず知っておきたい無料写真サイトです。世界中からクオリティの高い写真が投稿されています。クールな写真が欲しかったらこのサイトをのぞいてみるといいでしょう。

PEXELS(海外サイト)

Pexels(ペクセルズ)も定番の無料素材サイトです。前述のUnsplashと同じく、クールで美しい写真が欲しい時におすすめですが、Unsplashと異なるのが動画素材もある点です。無料の動画素材が欲しければPexelsで探してみましょう。また、UnsplashとPexelsを一括検索できるO-DANというサイトもあります。広告は表示されますが、こちらも使い勝手が良いサイトです。

Pixabay

Pixabay(ピクサベイ)も有名な素材サイトの1つです。UnsplashとPexelsと異なる点はイラスト素材もあることです。さらに動画と音楽の無料素材まであります。写真のクオリティはUnsplashと比べると劣るので、Unsplash→Pexels→Pixabayの順に探して行くと良いでしょう。

写真AC

日本では定番の無料写真サイトです。クオリティが高い、日本人の無料画像を手に入れるなら写真ACを使うといいでしょう。640px程度の小さい画像は無料でダウンロードできますが、それ以上になると有料になります。無料プランだと検索制限もあるので検索回数には気をつけてください。
写真AC以外にも姉妹サービスとしてイラスト素材の「イラストAC」やシルエット素材の「シルエットAC」サイトもあります。

PAKUTASO

PAKUTASOも有名な日本の写真素材サイトです。クオリティの高い人物写真が多いのが特長です。人気がある反面、バナー広告やアフィリエイトサイトのメインビジュアル等としてよく使われる素材サイトです。

無料素材サイト:イラスト編

イラストAC

日本の無料イラスト素材サイトの中では、クオリティと量が群を抜いているといえるでしょう。イラストのテイストのバリエーションも多く、欲しい素材が簡単に見つかります。無料ユーザーの場合は、ダウンロード待ち時間15秒、1日の最大ダウンロード数が9点になります。

Storyset

最近流行りの「アイソメトリック」素材が無料で手に入るサイトです。アイソメトリック素材とはシンプルで色数を抑えたやや立体的なイラストのジャンルです。2022年現在かなり流行中です。

アイソメトリックの無料素材は人気があるため、素材サイトも増えてきました。代表的なものとしては、以下の5つです。Tech Picは日本人が制作した素材サイトです。やや冷たい印象を持ちがちなアイソメトリック素材ですが、TechPicの素材は温かみがあるのが特徴といえるでしょう。

ちなみに、有料サイトにはなってしまいますが、質の高いアイソメトリック素材を格安で入手できるサイトが「FreePik」です。月額1000円程度の有料プランでダウンロードし放題です。無料プランの場合はクレジット表示をつける必要がありますが、アイソメトリック素材を何度も使う場合はFreePikを契約するのも良いかもしれません。

無料素材サイト:アイコン、ピクトグラム、テクスチャなど

Subtle Patterns

Webデザイナーなら、1度はこのテクスチャ素材サイトのお世話になっているのではないでしょうか。サイト名の「Subtle」とは「わずかな」とか「ほのかな」という意味です。ここのテクスチャを使うだけで、さりげなく背景にテクスチャが敷けて、上質なテイストに仕上がります。

シルエットデザイン

とにかく種類が多く、動物や地図、家紋に至るまであらゆるシルエット画像が揃っています。シルエット素材はアイコンとして使用したり、背景にさりげなく溶け込ませて配置したりと、使いどころが多く、重宝するのではないでしょうか。

ICOON MONO

数少ない日本のアイコン素材サイトです。どこか可愛らしく温かみのあるアイコンが見つかるでしょう。6000個以上のアイコンをダウンロードできるサイトです。このサイトはクセのないデザインで、一目でわかりやすいデザインなので、非常に使いやすいサイトです。
画像のサイズや色を3種類から選ぶことができるので、自分で加工する手間が省けます。

イラストマン

会員登録の必要がなく、1,500点以上のイラストをダウンロードすることができます。

ポップで個性的な絵柄で、色々なポーズやシチュエーションの人物のイラストが配布されています。たくさんあるので、サイト製作でたくさんのイラストが必要になった時も、絵柄を統一させて作ることができます。

素材の数に比例してカテゴリーも多いですが、わかりやすく整理されているので、目的の素材を見つけやすいところも便利です。配布されている画像形式は、AIとPNGになります。

Loose Drawing

親近感のある手描きのようなタッチのイラスト素材が、会員登録不要でダウンロードすることができます。ビジネスで使えるものから時事ネタまでラインナップが豊富で、6種類の色のパターンから選択することができるのも嬉しいポイントです。

シンプルで統一感があるイラストなので、広告やフライヤーなどの様々なデザインで使いやすいです。画像形式はPNGなので、使い勝手もいいですね。

HUMAN PICTOGRAM 2.0

ピクトグラムのイラスト素材が集まったサイトです。わかりやすいところでいうと、トイレや非常口のマークなどに使われているような人型のイラストですね。色々なポーズやシチュエーションのアイコンがそろっていて、バリエーションが豊富です。AIデータでダウンロードすれば、好きな形に変えることができますよ。

おわりに

ここまで写真、イラストともに商用OKなフリー素材サイトをご紹介してきましたが、参考になりましたでしょうか。Webデザイナーはニーズが高く、将来性のある職業であるとともに、自由度の高い働き方ができる点が魅力の職業です。デザインにおいて、素材の選定はとても重要ですので、ぜひ、上記のサイトをブックマークして活用してみてください。

Webデザインスクールのインターネット・アカデミーは、母体がWeb制作会社のため、Webデザインの現場のノウハウを短期間で習得することができます。また、プロのWebデザイナーに直接自分が作った作品のデザインチェックをしてもらう事ができるため、Webデザイン初心者の方でも安心して学ぶことができます。気になる方は、まずは無料カウンセリングにご参加ください。

Webデザインに必須のスキルをマスター

Webデザイナーコース

Photoshop(フォトショップ)とIllustrator(イラストレーター)を使い、デザインの基本からプロのWebレイアウト技術まで学ぶことができるコースです。

相談してコースを選びたい方はカウンセラーに無料で相談

カウンセラーに無料で相談

※無理な勧誘は一切ありません

無料で相談してみる