効果的に「奥行き」をデザインに与えているウェブサイトのまとめ
Post on:2011年2月8日
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。
そんな奥行きを効果的にとりいれたウェブサイトを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020801.png)
Showcase of Depth and Perspective in Web Design
[ad#ad-2]
元記事では数多くのウェブサイトが紹介されており、その中からいくつかピックアップしました。
※コメントは当方のものです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-01.png)
Wing Cheng
グラフィック・ウェブデザイナーのポートフォリオサイト、奥行きのある蛇腹のパネルが面白い効果を生みだしています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-02.png)
Joyful Giftcard
ヘッダ・背景の固定配置がデザインにスパイスを効かせています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-03.png)
Two Giraffes
キャプチャはフッタ部、ヘッダも印象的なデザインが使用されています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-04.png)
Tim Palmer(※音注意)
メインとなるコンテンツを1ページで構成したサイト。繊細なテクスチャ使いも美しいデザインです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-05.png)
FESP Faculdades
奥行きだけでなく、アニメーションも併用したナビゲーションが印象的です。
[ad#ad-2]
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-06.png)
BROKENDESIGN
コンテンツではダイナミックなCSS3アニメーションも楽しめます(要Chrome, Safari)。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-07.png)
Andrey Fedorenko
特徴的なエレメントの使い方が一度見たら忘れないデザインです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-08.png)
DinoYul
Photosho Loveな1ページで構成されたサイト、コンテンツの切り替えはスピード感があって気持ちいいです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-09.png)
James Good Limited
大胆な奥行きを使ったエレメントが印象的です。ページごとにデザインが異なり、全部見るのも楽しみの一つです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011020802-10.png)
Pleppo.fi
FlashのようでFlashではないサイト。そのダイナミックなナビゲーション機能は、ぜひ一度お試しを。
sponsors