商用サイトで使えるフリー素材サイトまとめ
アイコンや壁紙を設定したりアイキャッチ画像を用意したり・・・
と、WEBサイトを作る時に欠かせない存在なのが「素材」です。
今回はジャンル別に素敵な素材サイトをまとめさせていただきました!
無料、商用サイトでの使用可、リンク不要でも使用できるもののみですが
ご使用の際は必ず配布サイトの利用規約をご確認ください。
JPG、PNG、GIFがメインなのでフォトショやイラレがなくても大丈夫です!
壁紙素材
Subtle Patterns
色合いや模様が主張し過ぎなくてちょうどいいです!
フリーテクスチャ素材館
シームレスでも使えるリアルな質感のテクスチャ素材がたくさんあります。
somephoto
使いやすいテクスチャや壁紙にも使用できる大きな写真素材が多種多様!
なんやかんやのパターン素材
ドット柄やチェック柄からちょっと変わった柄まで色々です。
写真素材
足成
写真素材といえば!というくらい有名な、掲載数多数のサイトです。
ゆんフリー写真素材集
動物や植物から世界中の風景や町並みまで、画質の綺麗な写真ばかりです。
Imagebase
PowerPoint用まで配布されている海外の写真素材サイト。
BEIZ Graphics
ギャラリーのように美しい写真素材が並んでいます。
ふぉとさいく
なんと、モデル犬、モデル猫の写真素材です。かわいい!
写真AC
メールアドレスの登録が必要ですが、写真のレパートリーは多数。
PAKUTASO
高画質素材が揃っています。元から綺麗なので使いやすいです!
.foto project
ビジネス向けの人物写真やCG画像素材もあります。
Photo Material
一般写真素材の他、Facebookのヘッダー画像サイズのものも配布されています。
ラブフリーフォト
著作権フリーで使用できる写真素材です。
Photock
有料でもおかしくない美しい写真を無料で配布されています!
アイコン素材
無料素材倶楽部
GIF形式の小さめアイコンがどっさりです!
ICON HOIHOI
色々なジャンルのシンプルアイコンが複数サイズで配布されています。
Icones.pro
海外のアイコン配布サイト。ソーシャルアイコンもあります。
Iconfinder
海外のアイコン検索サイト。「heart」とか「arrow」とか「twitter」とかで検索!
FindIcons
上記のサイトで見つからなかったらこっちでも検索!
WEBサイト素材
ShanaBrian
ダウンロードアイコンや矢印アイコンなどクオリティーの高い素材が揃っています。
ソザイング
バナーやボタンなどのWEB素材の他、写真素材もあります。
blue-green
女性向けのやさしいイメージのWEB素材。壁紙もあります。
撮り放題.com
ネットショップ向けアイコン素材を配布されています。
Design Warehouse
文字入れ用メニューボタンやTwitterボタンなどなどです。
Tyto-Style
クオリティーの高いWEB素材です。
その他素材
百花繚乱
お花のイラスト素材ならここ!透過PNGとJPGから選択できます。
寄せ書きデザイン・素材集
リボンのイラスト素材ならここ!上記の姉妹サイトです。
矢印デザイン
矢印素材ならここ!色んな矢印ありますよ~!
フレームデザイン
フレーム素材ならここ!上記の姉妹サイトです。AIとPNG、両方配布してくれています。
フキダシデザイン
吹き出し素材ならここ!上記の姉妹サイトです。大きいサイズ、助かります!
フリーWEB素材 Re:vre
おまけ。mayuが運営する女性向け素材サイトです!
お陰さまでたくさんの方にご利用いただけているのですが、
当素材は使用の際にリンクをお願いしております。
ご協力いただける方はぜひご利用ください!
あとがき!
mayuがブックマークしているサイトを一部ご紹介させていただきました(´▽`)
素晴らしい素材を配布してくださっている皆さまに感謝です。
またお気に入りの素材サイトが増えたら追加しますねー!
こんな記事も書きました!
-
-
名刺代わりのサイトを思いっきしリニューアルしてみた件!カスタマイズTIPS色々書きました。
mayuの活動なんかをまとめただけの俗に言う自己紹介サイトがありまして、 ちょっとお手すきになった...
-
-
WordPressにヘッダー画像機能(カスタムヘッダー)がない場合の作り方
カスタマイズサポートにてヘッダー画像の導入方法を尋ねられることが多々あるので 設定手順を公開してお...
-
-
ページ遷移時のフェード効果を実装するjQuery
リンクをクリックした時にページが滑らか~にフェードしながら遷移する方法です。 今回新たに作成し...
-
-
WordPressでCSSの反映を確認しながら編集する方法
CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から ...
-
-
CSSでテーブル使わずに簡単レスポンシブ!下線だけ引いて横並びデザイン
こういった感じの、シンプルな2カラムの表を作成したいなーと思いました。 デザインは、下...
-
-
無料で簡単にロゴを作れるツール「LOGASTER」が斬新!
Webサイトを作るときって、ただのテキストタイトルを表示するよりも独自のロゴがあれば締まるのにな~っ...
-
-
CORE(TCD027)でトップページの新着記事一覧にページナビをつける
先日導入したCORE(TCD027)テーマについてのカスタマイズ記事でございます。 トップペー...
-
-
WordPressをカスタマイズする前に子テーマを作っておく
子テーマについての前置き WordPressはほとんどの方が既存のテーマから お好みのものを選ん...
-
-
コピペで使えるCSSデザイン枠テンプレート
どシンプルなものからちょっと凝ったものまで、 CSSでスタイリングしたデザイン枠のテンプレートです...
-
-
MacやiPhoneのスクショはめ込み画像を作る
そうそう、こんな画像ってたまに必要なときがありますよね!笑 これ、わざわざ画像を合わせ...