複数のレイヤーを使用したウェブデザインのガイドラインと実例

複数のレイヤーを使用したマルチレイヤータイプのウェブデザインのガイドラインと実例をNoupeから紹介します。

サイトのキャプチャ

Multi-Layered Design: Guidelines and Examples

マルチレイヤーのガイドライン

私たちは、マルチレイヤーのデザインがミニマリストのサイトよりビジュアル的により複雑であることを知っています。しかし、そのマルチレイヤーをどのように作成するべきかに多くを語っていません。
マルチレイヤーのデザインは、ミニマリストのデザインから始めた人にとってはなかなか踏み出せないものかもしれません。

テーマを決める

最も良いデザインは、全体的にテーマか美学的なものを持っています。決して任意のエレメントを急いで作っているだけではありません。例えば、汚した感じのグランジのエレメントは、より繊細に使用されます。

サイトのキャプチャ

Team Fannypack
非常に明白なグランジデザインのサイトです。

一般的なテーマでもエレメントでもサイトのデザインとして結びつけ、ビジュアル的に密着させる役目をします。何も考えずにあらゆるものを配置してしまうと、それはひどい状態で終わるでしょう。

取り除く

シャネルのコマーシャルに、女性が外出する時に朝身に着けたものからアクセサリーを一つはずすというものがありました。これは取り除くことで、残っていることにもっと多くの重要性を与えることができるということです。

サイトのキャプチャ

Anna Pawelczyk
たくさんのビジュアルを持ちながら、まったく散らかった感じがしないサイトです。

この「取り除く」アイデアはデザインにも応用が可能です。デザインを終えた時、そこから何か取り除くことができるかどうか見てください。ほとんどの場合、常にその何かは存在しているでしょう。
何も取り除くものがない時は、これはサイトを作成する上でミニマリストの原則と関係があります。

思い出してください。
ここでのゴールは多くのビジュアルの興味を持っているデザインを作ることであり、散らかっていて汚いデザインを作ることではありません。

ディテールを見落とさない

ディテールは一般によほどのことがない限り、審美的にしデザインを素晴らしくバーションアップします。タイポグラフィ、細いラインなど小さいディテールが大きい影響を与えます。

サイトのキャプチャ

Acuwellsolutions
洗練された細かいディテールが見栄えを引き立てているサイトです。

マルチレイヤーを使用したウェブサイト

ビジュアル的に複雑な素晴らしいサイトを紹介します。
※元記事にはもっと多くのサイトが紹介されています。

サイトのキャプチャ

Harmony Republic

サイトのキャプチャ

kevadamson.com

サイトのキャプチャ

Website Bakery

サイトのキャプチャ

Siete de Febrero

サイトのキャプチャ

Mplusz

サイトのキャプチャ

Synch Media

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss