現役WEBデザイナー8人が教える即実践で使える素材集＆情報サイト32選
最終更新日:
このページにはPRリンクが含まれています
また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。※提携機関一覧
WEBサイトを作るときに、必ず必要になるのが画像素材ですね。
WEBサイトを制作する時に大切なのは、配色のバランスはもちろんですが、素材の良さで天と地ほどWEBサイトの魅力に差がでるので、素材選びがとても重要になります。
そこで、今回現役デザイナー8人が、本気で選んだ実践で活用できる素材サイトやトレンドをキャッチするための情報サイトをご紹介しようと思います。
株式会社エイチームライフデザイン
編集者イーデス編集部
「ユーザーが信頼して利用できるWEBメディア」を目指す編集部チーム。実際のユーザーの声や業界知識の豊富な専門家の協力を得ながら、コンテンツポリシーに沿ったコンテンツを制作しています。暮らしに関するトピックを中心に、読者の「まよい」を解消し、最適な選択を支援するためのコンテンツを制作中です。
■書籍
初心者でもわかる！お金に関するアレコレの選び方BOOK
■保有資格
KTAA団体シルバー認証マーク（2023.12.20～）
■許認可
有料職業紹介事業（厚生労働大臣許可・許可番号：23-ユ-302788）
気になる内容をタップ
現役デザイナーが実践で活用している素材集やトレンドキャッチサイト32選
日本の高画質写真素材
GIRLY DROP
- 商用可
- 無料
女性向けサービスと相性良い素材サイトになります。
かわいい＆おしゃれな雑貨や人物の写真素材が無料でDL可能で、クレジット不要、商用利用可ですので、とても使いやすいサイトになります。
Ramica
- 商用可
- 無料
こちらも女性向けサービスとの相性の良いサイトになります。
おしゃれでレトロな風景写真が多く、インスタで加工しているような画像を探している方におすすめなサイトになります。
写真AC
- 商用可
- 無料
無料素材集として有名なサイトです。
商用利用可能ですので、気軽に多くの写真を使うことができます。大きい画像をダウンロードする場合には、会員登録が必要ですが、こちらも無料です。
とりあえず、フリー素材を探している方はこちらのサイトから探し始めるのをおすすめします。
PAKUTASO
- 商用可
- 無料
無料で使える素材集！素材は9000枚を超えており、会員登録しなくても高画質画像をダウンロードできます。
企業などとコラボしており、ドラマ・アニメのシーンを実写で再現しているなど、面白く使える画像が多いです。
PIXTA
- 商用可
- 有料
日本のWEBサイト向けの素材集サイトです。
国内でも圧倒的に写真数が多いので、あらゆる用途のサイトで活躍してくれる素材集サイトです。ほとんどの画像が有料ですが、一部無料画像もあります。頻繁に素材を探す方は、定額制プランがおすすめです。
GATAG
- 商用可
- 無料
自然な風景や動物や人物などの高画質画像が無料でダウンロードできるサイトです。
各写真に、評価が付いており、迷ったら一つの基準にもなります。検索機能も日本語対応していますので、使いやすい素材サイトになります。
URL:https://www.gatag.net/
フード・フォト
- 商用可
- 無料
食べ物に特化した素材サイトです。
あらゆる食べ物の写真が揃っていますので、食べ物系の素材が必要になった場合、まずこのサイトを利用するのをおすすめします。基本無料ですが、利用用途については写真毎に異なりますので、確認しながら利用しましょう。
アマナイメージズ
- 商用可
- 有料
国内最高クラスと言っていいほど綺麗な素材が集まっているサイトです。
テレビ番組内の素材にも使える写真があったり、ほぼすべてのニーズに答えてくれる素材サイトです。ただし、画像は有料でお値段もそこそこしますので、ハイクオリティな画像を追求するような、サイトに利用するのがおすすめです。
海外の高画質写真素材
PEXELS
- 商用可
- 無料
世界中の高品質な無料写真（CC0ライセンス）が揃っているストックフォトサービスです。
検索機能が優秀なので、イメージしている写真がすぐに見つかります。
また、UIもシンプルで使いやすいので、オススメです！
URL:https://www.pexels.com/ja-jp/
Barn Images
- 商用可
- 無料
海外旅行系のサイトにピッタリな素材集サイトです。
アメリカ・イギリス・イタリア・ポルトガルなどの旅行者目線の風景写真が多く、高画質で欧米感を出せる写真が沢山あります。ただし、屋内の写真は少なめなので、風景で迷っている方向けです。
CUPCAKE
- 商用可
- 無料
スウェーデン在住の写真家が撮った写真サイトです。
写真がすでに加工されており、雰囲気がとても良い背景写真が多いので、加工無しでそのままWEBサイトに利用することができます。
URL:https://cupcake.nilssonlee.se/
Realistic Shots
- 商用可
- 無料
毎週画像が追加され更新されているサイトになります。
小物などの写真も多く、ちょっとしたスマホやパソコンやインテリアなどの写真を探している方には使いやすいサイトになります。
URL:https://realisticshots.com/
FancyCrave
- 商用可
- 無料
カテゴリー分けがしっかりされており、高画質写真を探しやすいサイトです。
なかなか普段見ないような角度や建物や風景の写真が多く掲載されているのが特徴的なサイトですので、ちょっと変わった写真を使い方向けになります。
MMT
- 商用可
- 無料
花や自然といった写真が多く、海外の植物や花の写真が欲しいと思ったら、写真はすべて高画質なので、とても使いやすく、花の写真が欲しいと思ったら一度探してみるといいサイトです。
freely photos
- 商用可
- 無料
ちょっと変わった画像を探している方におすすめなサイトです。普段見ないアングルやプレゼンなどで変わった背景を使いたい場合時などに利用することが多いサイトです。
毎週更新されているため、訪れるだけでも楽しいサイトです。
tookapic
- 商用可
- 無料
フォトグラファー参加型の写真サイトになります。
気軽にアプリからでも投稿できるサイトになっているのですが、プロの写真家も参加しているため写真のクオリティーは素晴らしいです。無料と有料の素材がありますので、選ぶ際には注意が必要です。
Free Nature Stock
- 商用可
- 無料
自然の高画質写真を集めたサイトになります。
あらゆる自然の風景の写真があるため、背景素材としても使え、ほぼ毎日更新されているため、背景素材で風景を使いたい方におすすめのサイトです。
サイトのソースコードをみると、コメントで自然のAA（アスキーアート）が書かれているのも面白いです。
URL:https://freenaturestock.com/
ここまで紹介したのは、主に写真サイト系でしたが、ここからは、アイコンやイラストなど実践で使えるサイト集を紹介していこうと思います。
アイコンやイラストサイト集
ヒューマンピクトグラム
- 商用可
- 無料
シンプルな人間のピクトグラムが無料でダウンロードできます。ビジネスに使える面白系など、バリエーションが多く使いやすくておすすめです。
AIデータもダウンロードできるので、好きな形に改変も可能です。
シルエットデザイン
- 商用可
- 無料
シルエットの素材が商用利用可能で使えるため、汎用性が高い素材サイトです。
とても多いジャンルのシルエットが揃っており、ランキングなどで王冠アイコンを使いたい時や車のアイコンなどを利用したいときによく使っています。
やじるし素材天国「矢印デザイン」
- 商用可
- 無料
矢印デザインは、TopeconHeroesダーヤマが制作した矢印素材をひたすらストックするオンライン素材集です。
このサイトにストックしたやじるし素材はWEB制作や会議の資料、企画書などのデザイン素材として無料で利用可能です。
イラストレーターのデータ、png、jpgとあって使い勝手が良いです。
フキダシデザイン
- 商用可
- 無料
フキダシデザインは、TopeconHeroesが制作したフキダシ素材をひたすらアーカイブするサイトです。
このサイトにアーカイブした吹き出しは、WEB制作や会議の資料、企画書などのデザイン素材として利用可能です。
FLAT ICON
- 商用可
- 無料
フラットデザインサイト向けのアイコンがダウンロードできるサイトです。
検索は、英語でしなければなりませんが、あらゆるアイコンが揃っているため、非常に便利です。アイコンに迷ったらまずこのサイトを見るのをおすすめします。
ICOOON MONO
- 商用可
- 無料
6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO。
サイズも小さいものから大きなものまで、png、jpg、svgでダウンロードできるので、デザイナーもデザイナーじゃない人も使いやすいサイトになります。
Sketch App Sources
- 商用可
- 無料
Sketchを使っている人におすすめの無料素材サイト。（一部有料もあり）
sketchで使いやすい形式で、世界中のクリエイターが素材を公開しており、iOS,AndroidなどのUI素材も多数あります。
URL:https://www.sketchappsources.com/
freepik
- 商用可
- 無料
数百万以上の無料ベクター、PSD、写真と無料アイコンがダウンロードできるサイトです。
クオリティがかなり高くフラットなデザイン素材が多いため、フラットデザインで作っているサイトにおすすめなサイトです。
ここまでが、写真や素材を集めるために利用しているサイトになります。
デザインをする上でさらに、写真や素材の魅力を引き立てるために、フォント選びが大切になってきます。
そんな時に、利用しているサイトをここから紹介したいと思います。
ブラウザ上で一気にフォントを確認できるサイト
wordmark
自分のPCにインストールされているフォントをブラウザ上で一気に確認できるサイトです。
Photoshopなどでデザインをしているときに、フォント選びに困ることがあり、一覧で見られるためとても便利なサイトです。
FONT VIEW
こちらのサイトも、自分のPCに入っているフォントをブラウザ上で確認できるサービスです。
背景が白と黒に分かれているため、確認する際に、雰囲気が分かるので、黒い背景の場合はこちらのサイトを利用するのがおすすめです。
ここからは、現役デザイナーが流行やトレンドに遅れを取らないために、どこから情報をキャッチしているのかを、ご紹介したいと思います。
現役デザイナーが情報をキャッチするために利用しているサイト
Webクリエイターボックス
Photoshopやillustratorなどの使い方や、デザインの基本となる事などを分かりやすく解説してあり、ほぼ毎日更新されているため、チェックしているサイトです。
URL:https://www.webcreatorbox.com/
コリス
CSSやjQueryなどの使い方や、WEBにすぐ実践できる技術情報が満載なので、アイディアや表現に困った際や、訪れるサイトです。
UX MILK
デザイナーにとって大切なユーザーを目的の場所まで導くUX
そのアイディアや考え方などの情報がまとまっているサイトです。
デザインやプログラミング要素も多く情報配信していますので、毎日チェックしています。
LIG
WEBデザインについてはもちろんなのですが、デザイナーとして大切な事や、マーケティング系の情報も詳しく掲載されていますので、
デザイン以外の知識を身につけるために、見ておくと良いサイトです。
Webディレクターズマニュアル
WEBディレクターに必要な要素がまとまっており、どうのように表現したらデザイナーに伝わりやすいのかなどが書かれているため、デザイナーも読んでおくといいサイトです。
URL:https://web-d.navigater.info/
色々なサイトを紹介しましたが、各サイト毎に特徴があるため、全部見ていると時間が掛かってしまいます。
ここからは、今まで実践でWEBデザインをしてきて、ここだけ抑えておけばとりあえずなんとかなる！といったサイトをご紹介します。
ここだけ見ておけばWEBサイト制作時の素材に困らない！
| 写真系 | PIXTA,写真AC この２サイトを抑えておけば、写真素材で困ることはあまりりません。 |
|---|---|
| 素材系 | ICOOON MONO アイコン素材は、WEBサイト制作時によく使う事になりますので、 |
| 情報系 | コリス、UX MILK WEBで使えるCSSの書き方やjQueryのモーションデモがあるため、 |
上記のサイトだけでも抑えておけば、WEB制作時の素材などに困ることは少ないです。
WEBデザインに不慣れな場合は、まず上記サイトから自分が探している素材を検索してみることをおすすめします。
まとめ
いかがでしたでしょうか。素材サイトは国内・海外にたくさんあり、どこから探したらいいのか迷うことも多いと思いますが、今回紹介したサイト内で用途ごとに使い分け、素早く欲しい素材を見つけられる参考になればと思います。
お金の知識の関連記事
人気カードローンランキング
- ※プロミス：※融資時間：申込時間や審査により希望に沿えない場合があります。無利息期間：30日間無利息サービスを利用するには、メールアドレス登録とWeb明細利用の登録が必要です。新規契約時の融資上限：本審査により決定となります。18歳、19歳の申込みについて：申込時の年齢が19歳以下の場合は、収入証明書類の提出が必須となります。高校生（定時制高校生および高等専門学校生も含む）は申込できません。
- ※アコム：※審査時間・融資時間：申込時間や審査により希望に添えない場合があります。
- ※アイフル：※申込の状況によっては希望にそえない場合があります。
