Operated by Ateam Inc.

イーデス

現役WEBデザイナー8人が教える即実践で使える素材集&情報サイト32選

最終更新日:

現役WEBデザイナー8人が教える即実践で使える素材集&情報サイト32選
お金の知識
このページにはPRリンクが含まれています
イーデス』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や報酬の有無が影響を及ぼすことはございません。
また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。※提携機関一覧

WEBサイトを作るときに、必ず必要になるのが画像素材ですね。

WEBサイトを制作する時に大切なのは、配色のバランスはもちろんですが、素材の良さで天と地ほどWEBサイトの魅力に差がでるので、素材選びがとても重要になります。

そこで、今回現役デザイナー8人が、本気で選んだ実践で活用できる素材サイトやトレンドをキャッチするための情報サイトをご紹介しようと思います。

気になる内容をタップ

現役デザイナーが実践で活用している素材集やトレンドキャッチサイト32選

日本の高画質写真素材

GIRLY DROP

GIRLY DROP
GIRLY DROPサイトにある画像例
  • 商用可
  • 無料

女性向けサービスと相性良い素材サイトになります。

かわいい&おしゃれな雑貨や人物の写真素材が無料でDL可能で、クレジット不要、商用利用可ですので、とても使いやすいサイトになります。

URL:https://girlydrop.com/

Ramica

Ramica
Ramicaサイトにある画像例
  • 商用可
  • 無料

こちらも女性向けサービスとの相性の良いサイトになります。
おしゃれでレトロな風景写真が多く、インスタで加工しているような画像を探している方におすすめなサイトになります。

URL:https://www.ramica.net/

写真AC

写真AC
写真ACサイトにある画像例
  • 商用可
  • 無料

無料素材集として有名なサイトです。
商用利用可能ですので、気軽に多くの写真を使うことができます。大きい画像をダウンロードする場合には、会員登録が必要ですが、こちらも無料です。
とりあえず、フリー素材を探している方はこちらのサイトから探し始めるのをおすすめします。

URL:https://www.photo-ac.com/

PAKUTASO

PAKUTASO
PAKUTASOサイトにある画像例
  • 商用可
  • 無料

無料で使える素材集!素材は9000枚を超えており、会員登録しなくても高画質画像をダウンロードできます。
企業などとコラボしており、ドラマ・アニメのシーンを実写で再現しているなど、面白く使える画像が多いです。

URL:https://www.pakutaso.com/

PIXTA

PIXTA
PIXTAサイトにある画像例
  • 商用可
  • 有料

日本のWEBサイト向けの素材集サイトです。

国内でも圧倒的に写真数が多いので、あらゆる用途のサイトで活躍してくれる素材集サイトです。ほとんどの画像が有料ですが、一部無料画像もあります。頻繁に素材を探す方は、定額制プランがおすすめです。

URL:https://pixta.jp/

GATAG無料商用可

GATAG
GATAGサイトにある画像例
  • 商用可
  • 無料

自然な風景や動物や人物などの高画質画像が無料でダウンロードできるサイトです。
各写真に、評価が付いており、迷ったら一つの基準にもなります。検索機能も日本語対応していますので、使いやすい素材サイトになります。
URL:https://www.gatag.net/

フード・フォト

フード・フォト
フード・フォトサイトにある画像例
  • 商用可
  • 無料

食べ物に特化した素材サイトです。
あらゆる食べ物の写真が揃っていますので、食べ物系の素材が必要になった場合、まずこのサイトを利用するのをおすすめします。基本無料ですが、利用用途については写真毎に異なりますので、確認しながら利用しましょう。

URL:https://food.foto.ne.jp/

アマナイメージズ

アマナイメージズ
  • 商用可
  • 有料

国内最高クラスと言っていいほど綺麗な素材が集まっているサイトです。
テレビ番組内の素材にも使える写真があったり、ほぼすべてのニーズに答えてくれる素材サイトです。ただし、画像は有料でお値段もそこそこしますので、ハイクオリティな画像を追求するような、サイトに利用するのがおすすめです。

URL:https://amanaimages.com/

海外の高画質写真素材

PEXELS

PEXELS
PEXELSサイトにある画像例
  • 商用可
  • 無料

世界中の高品質な無料写真(CC0ライセンス)が揃っているストックフォトサービスです。
検索機能が優秀なので、イメージしている写真がすぐに見つかります。
また、UIもシンプルで使いやすいので、オススメです!

URL:https://www.pexels.com/ja-jp/

Barn Images

Barn Images
BarnImagesサイトにある画像例
  • 商用可
  • 無料

海外旅行系のサイトにピッタリな素材集サイトです。
アメリカ・イギリス・イタリア・ポルトガルなどの旅行者目線の風景写真が多く、高画質で欧米感を出せる写真が沢山あります。ただし、屋内の写真は少なめなので、風景で迷っている方向けです。

URL:https://barnimages.com/

CUPCAKE

CUPCAKE
CUPCAKEサイトにある画像例
  • 商用可
  • 無料

スウェーデン在住の写真家が撮った写真サイトです。
写真がすでに加工されており、雰囲気がとても良い背景写真が多いので、加工無しでそのままWEBサイトに利用することができます。

URL:https://cupcake.nilssonlee.se/

Realistic Shots

Realistic Shots
Realistic Shotsサイトにある画像例
  • 商用可
  • 無料

毎週画像が追加され更新されているサイトになります。
小物などの写真も多く、ちょっとしたスマホやパソコンやインテリアなどの写真を探している方には使いやすいサイトになります。

URL:https://realisticshots.com/

FancyCrave

FancyCrave
FancyCraveサイトにある画像例
  • 商用可
  • 無料

カテゴリー分けがしっかりされており、高画質写真を探しやすいサイトです。
なかなか普段見ないような角度や建物や風景の写真が多く掲載されているのが特徴的なサイトですので、ちょっと変わった写真を使い方向けになります。

URL:https://fancycrave.com/

MMT

MMT
MMTサイトにある画像例
  • 商用可
  • 無料

花や自然といった写真が多く、海外の植物や花の写真が欲しいと思ったら、写真はすべて高画質なので、とても使いやすく、花の写真が欲しいと思ったら一度探してみるといいサイトです。

URL:https://mmtstock.com/

freely photos

freely photos
freely photosサイトにある画像例
  • 商用可
  • 無料

ちょっと変わった画像を探している方におすすめなサイトです。普段見ないアングルやプレゼンなどで変わった背景を使いたい場合時などに利用することが多いサイトです。
毎週更新されているため、訪れるだけでも楽しいサイトです。

URL:https://freelyphotos.com/

tookapic

tookapic
tookapicサイトにある画像例
  • 商用可
  • 無料

フォトグラファー参加型の写真サイトになります。
気軽にアプリからでも投稿できるサイトになっているのですが、プロの写真家も参加しているため写真のクオリティーは素晴らしいです。無料と有料の素材がありますので、選ぶ際には注意が必要です。

URL:https://tookapic.com

Free Nature Stock

Free Nature Stock
Free Nature Stockサイトにある画像例
  • 商用可
  • 無料

自然の高画質写真を集めたサイトになります。
あらゆる自然の風景の写真があるため、背景素材としても使え、ほぼ毎日更新されているため、背景素材で風景を使いたい方におすすめのサイトです。
サイトのソースコードをみると、コメントで自然のAA(アスキーアート)が書かれているのも面白いです。

URL:https://freenaturestock.com/

ここまで紹介したのは、主に写真サイト系でしたが、ここからは、アイコンやイラストなど実践で使えるサイト集を紹介していこうと思います。

アイコンやイラストサイト集

ヒューマンピクトグラム無料商用可

ヒューマンピクトグラム
  • 商用可
  • 無料

シンプルな人間のピクトグラムが無料でダウンロードできます。ビジネスに使える面白系など、バリエーションが多く使いやすくておすすめです。
AIデータもダウンロードできるので、好きな形に改変も可能です。

URL:https://pictogram2.com/

シルエットデザイン

シルエットデザイン
  • 商用可
  • 無料

シルエットの素材が商用利用可能で使えるため、汎用性が高い素材サイトです。
とても多いジャンルのシルエットが揃っており、ランキングなどで王冠アイコンを使いたい時や車のアイコンなどを利用したいときによく使っています。

URL:https://kage-design.com/

やじるし素材天国「矢印デザイン」

やじるし素材天国「矢印デザイン」
  • 商用可
  • 無料

矢印デザインは、TopeconHeroesダーヤマが制作した矢印素材をひたすらストックするオンライン素材集です。
このサイトにストックしたやじるし素材はWEB制作や会議の資料、企画書などのデザイン素材として無料で利用可能です。
イラストレーターのデータ、png、jpgとあって使い勝手が良いです。

URL:https://gahag.net/

フキダシデザイン

フキダシデザイン
  • 商用可
  • 無料

フキダシデザインは、TopeconHeroesが制作したフキダシ素材をひたすらアーカイブするサイトです。
このサイトにアーカイブした吹き出しは、WEB制作や会議の資料、企画書などのデザイン素材として利用可能です。

URL:https://fukidesign.com/

FLAT ICON

FLAT ICON
  • 商用可
  • 無料

フラットデザインサイト向けのアイコンがダウンロードできるサイトです。
検索は、英語でしなければなりませんが、あらゆるアイコンが揃っているため、非常に便利です。アイコンに迷ったらまずこのサイトを見るのをおすすめします。

URL:https://www.flaticon.com/

ICOOON MONO

ICOOON MONO
  • 商用可
  • 無料

6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO。
サイズも小さいものから大きなものまで、png、jpg、svgでダウンロードできるので、デザイナーもデザイナーじゃない人も使いやすいサイトになります。

URL:https://icooon-mono.com/

Sketch App Sources

Sketch App Sources
  • 商用可
  • 無料

Sketchを使っている人におすすめの無料素材サイト。(一部有料もあり)
sketchで使いやすい形式で、世界中のクリエイターが素材を公開しており、iOS,AndroidなどのUI素材も多数あります。

URL:https://www.sketchappsources.com/

freepik

freepik
  • 商用可
  • 無料

数百万以上の無料ベクター、PSD、写真と無料アイコンがダウンロードできるサイトです。
クオリティがかなり高くフラットなデザイン素材が多いため、フラットデザインで作っているサイトにおすすめなサイトです。

URL:https://jp.freepik.com/

ここまでが、写真や素材を集めるために利用しているサイトになります。
デザインをする上でさらに、写真や素材の魅力を引き立てるために、フォント選びが大切になってきます。
そんな時に、利用しているサイトをここから紹介したいと思います。

ブラウザ上で一気にフォントを確認できるサイト

wordmark

wordmark

自分のPCにインストールされているフォントをブラウザ上で一気に確認できるサイトです。
Photoshopなどでデザインをしているときに、フォント選びに困ることがあり、一覧で見られるためとても便利なサイトです。

URL:https://wordmark.it/

FONT VIEW

FONT VIEW

こちらのサイトも、自分のPCに入っているフォントをブラウザ上で確認できるサービスです。
背景が白と黒に分かれているため、確認する際に、雰囲気が分かるので、黒い背景の場合はこちらのサイトを利用するのがおすすめです。

URL:https://fontview.info/

ここからは、現役デザイナーが流行やトレンドに遅れを取らないために、どこから情報をキャッチしているのかを、ご紹介したいと思います。

現役デザイナーが情報をキャッチするために利用しているサイト

Webクリエイターボックス

Webクリエイターボックス

Photoshopやillustratorなどの使い方や、デザインの基本となる事などを分かりやすく解説してあり、ほぼ毎日更新されているため、チェックしているサイトです。

URL:https://www.webcreatorbox.com/

コリス

コリス

CSSやjQueryなどの使い方や、WEBにすぐ実践できる技術情報が満載なので、アイディアや表現に困った際や、訪れるサイトです。

URL:https://coliss.com/

UX MILK

UX MILK

デザイナーにとって大切なユーザーを目的の場所まで導くUX
そのアイディアや考え方などの情報がまとまっているサイトです。
デザインやプログラミング要素も多く情報配信していますので、毎日チェックしています。

URL:https://uxmilk.jp/

LIG

LIG

WEBデザインについてはもちろんなのですが、デザイナーとして大切な事や、マーケティング系の情報も詳しく掲載されていますので、
デザイン以外の知識を身につけるために、見ておくと良いサイトです。

URL:https://liginc.co.jp/

Webディレクターズマニュアル

Webディレクターズマニュアル

WEBディレクターに必要な要素がまとまっており、どうのように表現したらデザイナーに伝わりやすいのかなどが書かれているため、デザイナーも読んでおくといいサイトです。

URL:https://web-d.navigater.info/

色々なサイトを紹介しましたが、各サイト毎に特徴があるため、全部見ていると時間が掛かってしまいます。
ここからは、今まで実践でWEBデザインをしてきて、ここだけ抑えておけばとりあえずなんとかなる!といったサイトをご紹介します。

ここだけ見ておけばWEBサイト制作時の素材に困らない!

写真系PIXTA,写真AC

この2サイトを抑えておけば、写真素材で困ることはあまりりません。
迷った場合は、まず上記2サイトから素材を探すのをおすすめします。

素材系ICOOON MONO

アイコン素材は、WEBサイト制作時によく使う事になりますので、
上記サイトを抑えておけば、アイコンに困ることはありません。

情報系コリスUX MILK

WEBで使えるCSSの書き方やjQueryのモーションデモがあるため、
すぐに実践に活用できる情報が満載です。トレンドなどの情報も配信しているため、
日頃からチェックしておくと良いサイトです。

上記のサイトだけでも抑えておけば、WEB制作時の素材などに困ることは少ないです。
WEBデザインに不慣れな場合は、まず上記サイトから自分が探している素材を検索してみることをおすすめします。

まとめ

いかがでしたでしょうか。素材サイトは国内・海外にたくさんあり、どこから探したらいいのか迷うことも多いと思いますが、今回紹介したサイト内で用途ごとに使い分け、素早く欲しい素材を見つけられる参考になればと思います。

お金の知識の関連記事

人気カードローンランキング

プロミス

  • 実質年利:年4.5%~17.8%
  • 利用限度額:最大500万円※
  • 審査時間:最短3分

アコム

  • 実質年利:年3.0%~18.0%
  • 利用限度額:最大800万円
  • 審査時間:最短20分

アイフル

  • 実質年利:年3.0%~18.0%
  • 利用限度額:最大800万円
  • 審査時間:最短20分※
  • プロミス※融資時間:申込時間や審査により希望に沿えない場合があります。無利息期間:30日間無利息サービスを利用するには、メールアドレス登録とWeb明細利用の登録が必要です。新規契約時の融資上限:本審査により決定となります。18歳、19歳の申込みについて:申込時の年齢が19歳以下の場合は、収入証明書類の提出が必須となります。高校生(定時制高校生および高等専門学校生も含む)は申込できません。
  • アコム※融資時間:お申込時間や審査によりご希望に添えない場合がございます。
  • アイフル※申込の状況によっては希望にそえない場合があります。

ランキングの詳細はこちら

  • Facebook
  • x
  • LINE

© 2022 Ateam LifeDesign Inc.