商用利用可能な写真素材サイト

  • BEIZ images

    背景素材が集められたサイトです。

    印刷物でも、Web上に表示されるコンテンツでもとても使いやすいと思います。

  • 写真AC
    • 会員登録:必要(有料会員はダウンロードできる枚数が増えます)
    • 加工:○
    • クレジット表記:不要

    会員登録は必要ですが、デザインに使える写真が多数掲載されています。

    利用規約
  • unsplash
    Unsplash
    • 会員登録:不要
    • 加工:○
    • クレジット表記:不要

    会員登録なし、無料で、ハイクオリテイな写真が使えます。

    利用規約

商用利用可能なイラスト素材サイト

  • ツカッテ

    このサイトについてどうやって説明するべきか考えてたら、

    ふと『保育園の教室掲示で貼られていたイラストに似てるな』と思いました💭

    それくらいゆるふわで可愛いイラストがたくさん集まってます!

    使用は21点以内の場合のみ無料で使用できるようです!

    利用規約
  • Bg-Patterns

    商用可で無料の背景素材サイトです。

    ベタっと使ってもいいし、形を変えてあしらいとしても使えます!

    利用規約
  • OKUMONO

    サムネイルや配信の背景における素材が集められています。

    サイズが一律1920×1080に揃えられているのも嬉しいです。

    個人的には『雑談』とかかれた素材が大好きです!

    利用規約
  • BEIZ images

    背景素材が集められたサイトです。

    印刷物でも、Web上に表示されるコンテンツでもとても使いやすいと思います。

  • Frame Design

    デザイン枠、飾り罫線専門の素材サイトです。

    イラストサイトで探すと時間がかかりがちなので、

    フレームと飾り罫線だけがまとめられているのは本当にありがたいです!

    利用規約
  • 農民イラスト

    農村地域で発展してきた文化や、

    生態系の循環・多様性を図解するプロジェクトを進行する過程で制作された

    愛らしいイラストが並ぶサイトです。

    ほぼ無料で使用することができます。(情報入力時に「0JPY」と入力)

    Webやアプリ等の無料で利用できるコンテンツ内で使用する場合はクレジットが必要です。

    詳しくは利用規約をご確認ください。

    利用規約
  • oishiso

    夜中にこのサイトを見たら、

    Uber Eats頼んでしまいそうなくらい飯テロな素材が並んでいて魅力的です。

    このサイトに入る前には必ず腹ごしらえを⚠️

  • vector Shelf

    可愛くて手書き感のあるイラストが特徴の素材が集まるです。

    JPGやPNGではなく、ベクターデータへのこだわりがありがたいです。

    管理人さんがデザイナーだからこそ痒いところに手が届くんでしょうね。

    利用規約
  • areira

    ポストカードとイラスト素材が掲載されたサイトです。

    ゆるふわで女性らしいイラストが本当に可愛い!

    年賀状や暑中見舞いを出す機会が減ってきていますが、

    このサイトを見ていると誰かに送りたくなります。。。

    利用規約
  • PENTA

    温かみのある可愛いイラストが特徴的です。

    他のサイトで見かけないような独特のイラストもあります。

    パワーポイントで使うと可愛いかもと思いました。

    利用規約
  • フリイラくん

    キャッチーで可愛いイラストサイトです。

    他のイラストサイトと違うのは、動くイラストがあるところ!

    動画に入れるととても可愛いです!!

    利用規約
  • マンガパーツSTOCK

    漫画で見かける集中線や吹き出しを始め、動画で使えそうなアニメーションも用意されています。

    YouTubeのサムネイルやバナーなどで使えそうです!

    利用規約

商用利用可能なアイコン素材サイト

  • SATO ICONS

    どこで使っても馴染んでくれそうなアイコンがたくさん用意されています。

    「確かにこのアイコンあったら助かるかも!」と思えるアイコンがたくさん並んでいるので、

    アイコン探しで困ったら一度覗いてみてもいいかもしれません。

    利用規約
  • 顔アイコンジェネレーターZ
    • 会員登録:不要
    • 加工:○
    • クレジット表記:不要
    • 料金:1つのコンテンツに使用する総数が30以内であれば無料(詳しくは利用規約を確認)

    顔のアイコンを作れるサイトです。

    チャットのアイコンからデザインまで幅広く使えます。

    作るのが難しく感じる方は、サンプルから作成することもできますよ。

    利用規約
  • Font Awesome
    • 会員登録:必要(有料版は使えるアイコンが多くなります)
    • クレジット表記:必要

    幅広いアイコンが揃っており、1つのアイコンに対して数パターン用意されています。

    ここならデザインに合うアイコンが見つかるはず!

  • everyday icons
    • 会員登録:不要
    • 加工:⚪︎
    • クレジット表記:不要
    • 料金:無料

    丸みがあって太い線のアイコンが可愛いです。

    利用規約

商用利用可能なフォントサイト

  • Google Fonts

    有名すぎて紹介するまでもない気がしますが…

    フォントがたくさん並んでいてみているだけで楽しくなります!

    流行や人気順でも並び替えが可能です。

無料で使える配色サイト

  • khroma

    好きな色を50色選んで『train』を押すと自動で配色してくれます。

    現代的で唯一無二の配色。

    『そんな配色もあるのか!』と楽しく見ることができます。

    いつもと一味違う配色をしたい時はぜひ使ってみてください!

  • THE OFFICIAL REGISTER OF COLOR NAMES

    配色に困ったらのぞいてみたい色のサイト。

    お金を払って、色に名前をつけることができる斬新なサイトですが、

    その色の明度・彩度・色相を変更したらどんな色になるかが一目瞭然です。

    モノクローム配色、アナガロス配色なども表示されます!

  • Adobe Color

    Adobeの配色サイトです。

    サイト左側にある『カラーハーモニー』から、いろんな配色のパターンを見ることができます。

    また画面上部の『アクセシビリティツール』では2色のコントラスト比を調べることができます。

  • NIPPON COLORS – 日本の伝統色

    日本の伝統的な色の名前とカラーコード( CMYK/RGB)をまとめたサイトです。

    画面右側の『MUNSELL』のボタンをスライドさせると表示が立体に切り替わります。

    和風なデザインを作る時に活用したい素敵なサイトです。

  • イメージカラー検索

    236の形容詞から連想される色を検索できる便利なサイトです。

    打ち合わせの時などに使えば、お客様と差異なくイメージが共有できそうです。

  • colorate

    カラーコードを入力するだけで、いろんな配色を教えてくれる便利な配色サイトです。

    配色だけでなく、メイドやサイド、色相を変えた場合などにどうなるのかも一目瞭然です。

  • COLORS

    グラフを作るときに大活躍の配色ツールサイトです。

CSSジェネレーター

  • Front-end Tools

    フロントエンドで使える以下のCSSジェネレーターが集められています。

    • グラデーションジェネレーター
    • ボタンジェネレーター
    • ボックスシャドウジェネレーター
    • テキストシャドウジェネレーター
    • 枠線・境界線(border)ジェネレーター
    • CSSフィルタージェネレーター
    • 三角形ジェネレーター
    • CSS Backdrop-filterジェネレーター
    • CSS Transform 2D/3Dジェネレーター
    • CSS Transitionジェネレーター
  • CSS clip-path maker

    clip-pathプロパティを使って要素を切り抜きたいけど、形が複雑すぎて設定する値がわからない時に使えるジェネレーターです。

  • CSS三角形作成ツール

    コーディングで三角形作るのが苦手な方にぜひ使って欲しいサイトです。

商用利用可能な音楽素材サイト

  • DOVA SYNDOROME

    YouTubeのBGMでよく耳にする曲は全てここに集約されていると言っても過言ではないサイトです。

    音楽・効果音を探すことができます。

    検索がしにくいのが難点。。。

    YouTubeで曲名を検索してから、このサイトで探すことをお勧めします!

    利用規約
  • VSQ Plus+

    福岡県の映像制作会社 株式会社VSQが運営するフリー音源サイトです。

    効果音・ジングル・BGMを探すことができます。

    著作権消滅後のクラシックなども紹介されています。

    TV映像制作のプロが作っているので、他のYouTubeチャンネルと差別化できること間違いなしです!

  • OtoLogic

    BGM・ジングル・効果音が一気に探せて、種類も豊富。

    動画編集者には大助かりなサイトです。

    クレジットを表記すれば無料で使用することができます。

    クレジットを表記したくない方は素材を購入することもできますよ。

    利用規約
  • Vlog No Copyright Music
    • クレジット表記:必要(動画の概要欄から指定されているクレジットをコピー)

    Vlogで使いやすい音楽が揃っているYoutubeチャンネルです。

  • No Copyright Background Music
    • クレジット表記:必要(動画の概要欄から指定されているクレジットをコピー)

    動画のBGMに使える音楽がたくさん投稿されています。

    再生リストに雰囲気ごとに音楽がまとめられているので、探しやすいです。

  • BGMer
    • 会員登録:不要
    • 加工:⚪︎
    • クレジット表記:可能であれば表記

    動画編集で使えるBGMがたくさん掲載されています。

    ショートバージョンとロングバーションがあるのも嬉しいポイントです。

    音楽ジャンル・用途などから検索することもできます。

    利用規約

商用利用可能な動画素材サイト

  • テロップストック

    使いやすいテロップベースが揃いまくりのサイトです。

    テロップベース探しに困ったら、

    まずはこのサイトから探してみてもいいかもしれませんよ!

    利用規約
  • ムビデザ

    テロップベース・背景・トランジション・ワイプ枠・画面枠が揃った

    動画編集者のためとしか言いようのないありがたいサイトです。

    有料素材もありますが、無料素材だけでも十分大活躍してくれます!!

    利用規約
  • Telop.site

    エンタメ系の動画で使ってみたい、

    テロップベースとテロップボード、フレームが掲載されています。

    一部有料の素材があるので、ご注意ください!

    利用規約
  • YouTuberのための素材屋さん

    インパクトがあってキャッチーな動画素材が多数揃っています。

    なんと言っても種類が多いのが魅了的です。

    ハロウィンやクリスマス、お正月など季節ごとの素材もあります!

    利用規約
  • みりんの動画素材

    動画編集で使えるエフェクト素材や背景素材が用意されています。

    1から作るのは難しいのでこう言うサイトがあるのは本当に助かる。。。

    個人的には紙吹雪のエフェクトをとてもよく使っています。

    利用規約

その他の便利なツールサイト

  • Wayback Machine

    1996年以降の保存データをインターネットから無料で閲覧できます。

    リニューアルされる前のWebを見たい時などに大活躍です。(URLは同じで圧必要があります。)

  • きゃっこぴ

    Webサイトをデザインするとき、バナーを作るとき、

    キャッチコピーに頭を悩ませることはありませんか?

    きゃっこぴは世の中の素敵なキャッチコピーが集まったサイトです!

    業種や印象、キャッチコピーの構成など条件を絞って検索もできます。

  • Font-familyメーカー

    font-familyの指定の困ったら使って欲しい便利なサイトです。

    そのフォントがどのデバイスに対応しているかも合わせて確認できます!

  • Web ToolBox

    ウェブ開発のためのToolが多数用意された素敵なサイトです。

    ぜひ一度見てみてください!!!

  • Pattern Library

    WordPressのブロックエディタで使えるパターンを紹介しているサイトです。

    使い方はこちらから→https://patterns.vektor-inc.co.jp/about/

  • MOTION PERIODIC TABLE モーション周期表

    Adobe After Effectsでつかえる全73種類のモーショングラフィックを集めたサイトです。

    気になるものをクリックすると、作成方法や応用が載っており、作例も見られるので、

    インスピレーションが欲しい時にも使えます。

  • WEBデザインシュミレータ〜デザインカンプ共有サービス〜

    デザインカンプをドラッグ&ドロップするだけでPCやスマホでどのように表示されるかがわかります。

    また、共有用のURLを発行してクライアントに見ていただくことも可能です。

  • statcounter

    ブラウザのシェア率や、デバイスサイズ、SNSなどいろんな統計が見られるサイトです。

    コーダーさんもデザイナーさんも使って欲しいサイトです。

  • 住所データのランダム作成

    Webデザインで住所を入れるときに便利なツールです。

    実在しない住所を最高1000件まで生成してくれます。

  • web計。

    画像の比率、オブジェクトのサイズなどWebデザインで幅広く使える計算機です。