[無料ダウンロードOK]サイトの背景に使用できるパターン素材

Webサイトの背景写真などにパターン画像を重ねるとテクスチャ感をプラスできます。そんな時に使用できるフリー素材です。

Webサイトで使用できる背景パターンのフリー素材です。
Webサイトの背景として写真や背景色を敷いた時に、そのままシンプルに見せる方法もありますが、さらにパターン画像を重ねてテクスチャ感をプラスしてみると、視認性がよくなったり、また少し違った表現が可能になります。そんな時に使用できるパターン素材です。

フリー素材ですので、Webサイトなどのデザインに自由にお使いください

パターンの使用例

こちらは背景写真の上にパターン画像を設定したみた例。
bgpatterns_example_01

BiNDで設定する場合は、まずはページ設定で、ページ全体(または各エリアなど)に写真を背景として設定します。
bgpatterns_setting_02

ブロック設定でブロックの背景画像にパターン画像を設定します。パターンなので配置はタイリングのままで大丈夫です。
bgpatterns_setting_01

単色の背景にパターン画像を重ねるだけでも少し雰囲気が変わります。
bgpatterns_example_02

ブロック設定で背景色と背景画像を設定します。
bgpatterns_setting_03

もちろん、Dressで見出しなど各要素の背景として使用することもできます。
bgpatterns_example_03

配布素材のサンプル

シンプルな斜めラインのパターンです。こういう素材は使い回しがしやすく、デザインの妨げにもなりにくいのでおすすめです。
bgpatterns_sample_01

同じくシンプルな斜めラインで黒バージョンです。
bgpatterns_sample_02

半透明色の大ぶりな斜めライン。少し印象を変えたい時などにどうぞ。
bgpatterns_sample_03

半透明の水玉模様。ポップな雰囲気を演出したい時などに。
bgpatterns_sample_04

素材はPNG形式の画像なので、BiNDなどに取り込んでぜひお使いください。
下記よりログインして、ダウンロードしてご活用ください。

続きを読む

関連記事