探すより早い!自分で作れるシームレスパターン

By b_kimura,

  Filed under: デザイン勉強
  Comments: None

パターンジェネレーター

※ (株)プロトン・シモヤマ寄稿

トレンドとパターン

「ミニマル」とか「フラット」なデザインが流行りだしてから
THE 柄!なページって、あまり見かけなくなりました。

でも、使いどころを工夫して上手く使えば
クオリティがぐぐっと上がって、webの世界観的なものが高まるんじゃないかなーと思います。

 

そんな事思っていたら、こんなの見つけました。

シームレスパターンを自分で作れる!

patterncooler

パターンジェネレーター

 

使い方は簡単↓↓↓

1.パターンを選ぶ。全225パターン!

パターンを選ぶ
 

2.色を選ぶ

色を選ぶ
 

3.テクスチャを決める

テクスチャを決める
 

4.ダウンロード!フリーで出来るのはPNGのみです。
(ダウンロード画面で謎のおじさんが出てきますが、使ううちに慣れます。)

シームレスパターンをダウンロード

 

これだけ!

色を決めるとき、前回紹介したcolorschemedesignerを併用するといいかもです。

自分で作ろうとすると、なかなか綺麗にシームレスにならなかったり、
微調整なんかで時間をとられてしまいますが・・・

このジェネレーターがあれば、
ハイクオリティなシームレスパターンをお手軽に!

 

・・・ただ、1つだけ難点が。

この子、重いです。

サイトの表示に 20.7秒
パターンの切り替えに 9.8秒
(※数字は参考までに。)

「選べるパターンいっぱいだし、仕方ないよ。むしろ頑張ってるほうじゃないかな!」
って言う人は、お試し下さい。

 

ちなみに今回作ったパターンはこれ。
パターン

ちゃんとシームレスです。
シームレスパターン

 

おまけ:柄を使っているサイトさんの例

http://www.aigle.co.jp/liberty/

http://sophieetchocolat.jp/

http://girlswalker.com/tgc/13ss/

http://www.more-hairmake-college.ac.jp/

ポップなサイトさんがズラリ。

柄を大々的に使っているのは、女子・若者向けなサイトさんが多いみたいです。

 

そんな中

柄が主役で、品が良くて、おしゃれなサイトを発見!

http://www.sagainc.co.jp/

この使い方は素敵ですね〜メモメモφ(。。)

シンプルなサイトが流行っているからこそ、こういう柄を使ったサイトって目立ちますね。

柄使い、マスターしたいスキルのひとつです!