creatersnest52

Webサイトの背景に使えるパターン素材サイトまとめ


一から自分で作るのは忙しいときには無理!!そこで活躍するのがパターン素材サイト達です。
クオリティーの高い素材が、無料でサクサク探せるので本当に助かりますよね。
探したいパターンの雰囲気によってお勧めのサイトがありますので参考にしていただければ嬉しいです!
基本無料のサイトばかりですが、特に海外のサイトなどは個別の権利があったりしますので規約を一読することをお勧めします。

Bg-patterns


1 20

 http://bg-patterns.com/
様々なテイストのクオリティーの高いパターンが大量に見つかります。
シームレス加工もバッチリなのは、うれしいかぎりです!正にあとは使うだけといった感じです。
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

Web Work Kit


2 20

webworkkit

シンプルなパターン素材をお探しなら、迷わずこちらをお勧めします!
水玉や、チェックなどのベーシックだけどよく使う素材がそろっています。
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

subtlepatterns


3 20

http://subtlepatterns.com/

細かく細部まで行き届いたパターンを使った背景素材が全380種類もダウンロードできます。
どんなパターンが必要なのかシミュレーションしながら探してみるといいでしょう。
個人使用、商用使用共に主に無料ですが、規約を一読することをお勧めします。

フリーテクスチャ素材館


4 20

http://free-texture.net/

自然素材のパターンをお探しのあなたには、こちらがお勧めです。
タイルや、塗り壁、紙、毛皮などありとあらゆる素材がシームレスでそろっています。
個人使用、商用使用共に主に無料ですが、規約を一読することをお勧めします。

backgrounds ETC


5 20http://backgrounds.mysitemyway.com/

写真を用いたリアルなものや、キュート系のパターン素材まで多彩な背景素材を見つけることができます。
サイトで動く素材で伸ばした感じをシュミレーションしながら選べるのも嬉しい仕様です。
個人使用、商用使用共に主に無料ですが、規約を一読することをお勧めします。

Graphic Burger


6 20http://graphicburger.com/backgrounds/

洗練されたデザインや、流行のものをお探しならこちらがお勧めです。
ユニークで洗練されたデザインなのに、ピクセル単位にまでこだわりを見せる高品質のパターン素材ばかりです!
個人使用、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

シンプルパターン研究所

7 20
http://labo.v-colors.com/pattern/
シンプルなパターンのパターンぞざいをお探しならこちらがお勧めです。
サイトはスッキリとしていて、ポインターを当てるとその場でデザインが表示され確かめられる便利な仕様です。
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

Color Museum


8 20

http://www.colormuseum.info/

緻密で繊細なやさしいパターンをお探しでしたら、こちらがお勧めです。
1柄につき5色の.patファイルおよび色別jpegファイルのセットがダウンロードでき便利です。
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

なんやかんやのパターン素材
9 20

http://patterns.nanya-kanya.info/

和柄やちょっと変わったパターンをお探しならこちらがお勧めです。
カラーバリエーションを含めると、全部で6264種類もありお望みのパターンと出会える確立は高いですね!
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

somephoto


10 20

http://somephoto.net/

写真をつかったリアルなパターン素材をお探しならこちらがお勧めです。
植物素材が多く、壁紙にも使用できるほどの大きめの素材が多数見られます!
個人使用、商用使用共に無料ですが、規約を一読することをお勧めします。

Background Labs

11 20

http://www.backgroundlabs.com/

海外サイトですが、変わったデザインのユニークなものが多いお勧めサイトです。
ヒゲやソフトクリームなど可愛いイラストのパターンサイトが多いのが特徴です。
個人使用、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

tartanmaker


12 20http://www.tartanmaker.com/

こちらは自分でお好みのタータンチェックをつくってしまえ!というサイトです。
線の太さや色、角度から密度まで自由に調整できてしまう優れもの!
個人使用、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

everydayicons


13 20http://everydayicons.jp/patterns.html

こちらはかわいい系のパターン素材をお探しの際にお勧めのサイトです。
情報が簡潔で見やすいのが特徴で、素材一つ一つのクオリティーも高くアイコンや壁紙も手に入ります。
個人使用、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

Patterns of Change


14 20http://www.lizaphoenix.com/tiles/

またまたかわいい系のパターン素材をお探しの際にはお勧めのサイトです。
特徴としてカラーでパターンを選べるので、とにかくパパッと探したい!なんてときに役に立ちます。
個人使用、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

deviantART


15 20
deviantart

超有名どころのdeviantartは何でも揃っていて、困ったらとりあえずのぞくことをお勧めするサイトです。
登録してるユーザーが投稿しているさまざまなテイストのパターン素材があり、見ていてあきません。
基本的には個人、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

 Premium Pixels


16 20

premiumpixels

ハイクオリティーなパターン素材をお探しの方にはこちらがお勧めです。
どのパターンも質感や色合いに凝っていて、ちょっと気合入れて作るときには探してみてください。
基本的には個人、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

Ftg

17 20

http://ftg.projectdd.jp/

簡潔にシンプルなパターン素材を探したいならこちらのサイトがお勧めです。
シームレスなパターンは何も考えなくても、並べるだけで様になりますね。
個人、商用使用共に主に無料ですが、規約を一読することをお勧めします。

Pattern8


18 20http://pattern8.com/

たくさんのパターン素材中からとりあえずパパッと探したい方にはこちらがお勧めです。
カラーでソートすることができる特徴をもち、クオリティーも高いのでハズレがありません。
基本的には個人、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

Ava7patterns


19 20http://patterns.ava7.com/

パターンのほかにも斜線、罫線、模様、柄もありワンストップで済ませたいときにはお勧めのサイトです。
なんといっても、サイトの作りもかわいらしくて、探している間も癒されます!
基本的には個人、商用使用共に主に無料ですが、個別に規約を一読することをお勧めします。

LeMog-3dTextures


20 20

http://www.lemog.fr/lemog_textures/

膨大な量のパターン素材がありますが、カテゴリー別けがきちんとできていて探しやすいサイトです。
しっかりシームレス処理がしてある素材ばかりなので、何も考えずにならべてOK!なものばかりです。
個人、商用使用共に主に無料ですが、規約を一読することをお勧めします。

最後に・・・

ここまでご覧頂いてありがとうございます。これは!!と琴線に触れるサイトが見つかったのなら嬉しいのですが、いかがでしたでしょうか?
各サイトごとに様々なカラーがあり、どれも使えそうで見ていても飽きることがありません!
ちょっと空いた時間に、使えそうな素材をあつめておくのもお勧めです。
商用にお使いの方も、そうでない方もサイトごとのルールが存在しますので規約を一読することをお勧めします。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next Article商用利用できる無料のCSSテンプレートまとめ