Web Gallery デザインノミカタ

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

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

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

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

• 会員登録：不要
• 加工：○
• クレジット表記：不要

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 会員登録：不要
• 加工：○
• クレジット表記：不要
• 料金：1つのコンテンツに使用する総数が30以内であれば無料（詳しくは利用規約を確認）

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

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

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

• 会員登録：必要（有料版は使えるアイコンが多くなります）
• クレジット表記：必要

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adobeの配色サイトです。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• クレジット表記：必要（動画の概要欄から指定されているクレジットをコピー）

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

• クレジット表記：必要（動画の概要欄から指定されているクレジットをコピー）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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