背景画像300種類以上をリアルタイムに試すことが出来るブックマークレット”SubtlePatterns Bookmarklet”

ツール

WEBデザインしてる上で、どうしてもセンスや経験が大きく見栄えに影響する要素の一つとして、サイト全体の背景パターンって挙げられますよね。変な背景画像やパターンが使われているサイトだと『いやむしろ真っ白でよくね?』って言っちゃいたくなることもしばしば。

でも背景画像/パターンってそんな直ぐ思いつく物でもないですよね?サイト全体のテイストを大きく左右するからこそ、色々なパターンを試してみたいって物だと思います。

そんな時オススメなのが、今回ご紹介する『SubtlePatterns Bookmarklet』というブックマークレット!

このブックマークレットを使うと、いま見ているサイトの背景画像がリアルタイムに変更されます。使い方だけ見ておきましょう!

1.サイトからブックマークを追加

スクリーンショット 2013-02-14 11.18.04

上記画面の緑のボタンをブラウザのブックマークバーとかに追加!

2.背景を変えてみたいサイト上でブックマークレットをクリック

144a5ad25859dd0ec5ee7eccfbdd781a1

先ほど追加したブックマークレットをクリックすると背景パターンが切り替わる!黒…は無いな。

3.なんかよさげな背景画像が無いか探してみる

8da5114eab390e8658cd73eec94771781

背景パターンは300種類以上あるので、飽きることなく色々試すことができますね。とりあえずグリッド系とか良さそうだった!

 

これだけでもサイトデザインの参考にするのに便利なんですが、このブックマークレットは僕のブログでも何度か紹介させて頂いた『Subtle Patterns』という、背景画像を紹介しているサイトから参照しているので、気に入った背景パターンはこのサイトからダウンロードすることもできます!(ライセンスはサイトを参照:Creative Commons Attribution-ShareAlike 3.0 Unported License)

結構、背景パターン一つとっても悩んでいる人は多いと思うので、ここで紹介させて頂きました!僕自身このブックマークレットにはお世話になる気がしますし、ちょっと今後も参考にさせて頂きましょうかね。

それでは、皆さん良き背景パターンライフを〜。

コメント

Pagetop