2008年5月29日

質感・素材感のあるサイト

テクスチャーという言葉は、サイトのデザインに関してキーワードのように感じる今日この頃。。。

ということで今回は布地などを利用したような、質感・素材感あるサイトを上げてみようと思います。


http://www.freepeople.com/

Screenshot_07_01.jpg

 こちらは前面に布地を使用したデザイン。メニューバーのところまで布を使用しているというのもまたいいですね。女の子心をくすぐります。

 


http://www.edgepointchurch.com/

Screenshot_08_01.jpg

土のような素材や、紙や段ボール紙を使用したようなデザインで男性的でハードなイメージ。

 


http://www.pienternet.be/index.php

Screenshot_09_01.jpg

いたるところにある、かすれた感じのさりげないテクスチャーがヘッダーのインパクトのある写真をいい感じに中和してますね。。。


http://www.karaburke.net/

Screenshot_10_01.jpg

こちらは壁紙のようなグリーンの部分もさることながら、紙がめくれているようなヘッダーの見せ方がいいですね。コンテンツ部分の黒にグリーンとピンクがはえる。。。

 


ノートを使用してアナログ感を出しているサイト

最近ノートのような素材を利用したアナログ感のあるサイトって多いですね。

ということで今回はノートをデザインの素材として使用しているサイトを上げてみようと思います。


http://www.cosmicsoda.com/

Screenshot_05.jpgのサムネール画像 写真の周りを点線で囲っているのもノートに合っていて可愛いですね。

 

http://www.peterrabbit.com/miss_potter/home/index.cfm 

Screenshot_62.jpgのサムネール画像一部分だけでなく全体的に素材感ある素材でデザインされていて可愛いですね。キャラクターの目元が動いたりするなど、細部までのこだわりを感じます。

 

きれいなバックグラウンドのサイト

ブログをきちんとはじめたということで、今まで見てストックしてきたサイトをカテゴリーごとにまとめて提示していこうと思います。

今回はきれいなバックグラウンドのサイトとしてまとめてみました。


http://www.brianjeremy.com/

Screenshot_01_01.jpg このサイトは結構頻繁には背景を変更していますが、いつもきれいにデザインされています。透明感のあるカラフルなボタンも可愛いですね。


http://www.ndesign-studio.com/

Screenshot_02_01.jpg こちらはとってもリッチなバックグラウンド。多くのサイトできれいなサイトとして紹介されています。



http://www.webdesignerwall.com/

Screenshot_03_01.jpg こちらは背景のデザインだけでなく、ノートや紙をちぎったようなアナログ感のあるところも凝っていて素敵ですね。


http://www.imwithsully.com/

Screenshot_04.jpgこちらは女の子のイラストとバックグラウンドの植物が合っていてとっても雰囲気があります。。。


http://www.beatfly.net/

Screenshot_23_01.jpgヘッダー部分に透明感を加えたデザインが素敵ですね。女性とのSWIRLを用いたコラージュも秀逸!



2008年5月27日

ブログはじめました。


ようやくきちんとした形でブログをはじめることができました。このブログ上では、サイト制作やデザインなど参考になりそうなことのメモとして活用していこうと思います。