東京都内のホームページ制作・Ustreamライブ配信・講義インタビュー撮影

Facebookページを見る Twitterアカウントを見る
ご相談・お問い合わせ
ホームへ戻る » ウェブの活用を考える。 » デザイン » 質感のあるサイトで立体的なページを作ろう!

質感のあるサイトで立体的なページを作ろう!

2013.08.29

こんにちは。デザイン担当の秋月です。
第二弾サイト紹介として、今回は「質感のあるサイト」というテーマで探してみました。
WEBサイトは、結果的にパソコンやスマホのツルツルの液晶で見るわけですが、布地っぽかったり紙の質感のあるサイトにすると、平べったいはずのサイトに立体感が出るような気がして、最近自分でデザインするときも、そこの部分を意識してみたりもしています。

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

TRACK

TRACK
http://www.track.co.jp/
スクロールすると背景色が変わるデザイン会社さんの不思議なサイトです。
全体的に砂のかかったような質感の背景です。
結構余白を大胆に取ったサイトなので、この質感がサイトをシンプルにしすぎてない感じが素敵です。

Amazee Lab

Amazee Lab
http://www.amazeelabs.com/en
海外のサイトですが、イラストも可愛いです。
コンクリの壁にペンキで絵を描いたような雰囲気でしょうか。
文字なども、上に乗ってる感じでなく、活版印刷されたみたいになっているのがオシャレですね。

JAN PLOCH

JAN PLOCH
http://janploch.de/
ページデザインやスクロールの仕掛けもとてもかわいいサイトです。
こちらも壁に絵を描いたようなデザインですが、ページ中ほどの文字が載っている部分もボトルのラベルのようになっていてかっこいいです。

スリング専門店 pu-pi

スリング専門店 pu-pi
http://pu-pi.com/
抱っこ紐の通販サイトです。
布を扱ったサイトさんなので、背景が布地で暖かみがありますね。
コンテンツの枠も縫ったようになっていて、手触りが伝わってきそうです。

SYMPHONY

SYMPHONY
http://www.symphonyonline.co.uk/
またまた海外サイトですが、こちらもイラストが可愛いです。
細かいタイルのような質感で、フラット的なデザインですが、色の濃淡や区切り目の微妙な影によって、画面の上に何層か面が重なっているようにも見えます。
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

いかがでしたでしょうか?
また気になるサイトがあったら紹介させて頂きます。

ページトップへ戻る