対称性はいつWebデザインにふさわしいか

人間は一般的に対称性が好きです - 対称性が高いほど客観的に美しいと認識されることが多くなります。 とはいえ、完全に対称的なWebサイトはほとんどありません。 実際、ほとんどのWebデザインは、さまざまな強度の非対称デザインでいっぱいです。 これは、対称性よりも重要なのはバランスです。 Webサイトをどの程度対称的にするかは、Webサイトとその目標によって異なります。

完全対称性と近似対称性

ほとんどのWebサイトは完全に対称的ではありません。つまり、半分にカットすることはできず、それらを反映させて同じレイアウトにすることはできません。 最も一般的なレイアウトタイプの1つ - コンテンツの幅の広い要素への単一のサイドバー - は、通常非対称です。 ウェブサイトの完全な対称性は芸術的な選択かモジュラーのどちらかです - 長い小説、左右対称のモジュラー要素そしてそれから長いフッターを使うNational Novel Writing Monthのためのウェブサイト。

プロ意識と芸術性

完全に対称的または完全に非対称的になることは、典型的には芸術的な選択です。 音楽、デザイン、アートなど、特定の芸術的才能やスキルを紹介する目的で個人用のWebサイトを作成する場合は、テーマに合った対称性または非対称性を使用するWebサイトを自由に設計してください。 ただし、より専門的な訪問者を対象としたデザインの場合は、標準のほぼ対称的なレイアウトに従うことがより適切な選択です。 あまり使用されていない対称性ははっきりしていると見なすことができますが、標準はそれを安全にします。 銀行のWebサイトにアクセスすると、幅広い消費者層にアピールするためのデザインがどのようなものであるかがわかります。

使いやすさに焦点を当てる

ほぼ対称的なデザインは理解しやすく従うことが容易です。 コンテンツの流れは通常論理的であるため、訪問者は飛び散ったり迷ったりすることなくフォローすることができます。 あなたが持っているより多くの内容、それが画像または大量のテキストの形であれ、あなたのデザインはそれほど複雑ではないはずです。 訪問者がコンテンツをフォローしたり、どこに行くべきかを理解したりするのに苦労している場合、彼らは動き回る可能性が低いです。

バランスと非対称

Webデザインの非対称性がうまく機能する理由は、バランスが取れているからです。 Joshua David McClurg-Geneveseによると、彼の記事「デザインの原理」では、バランスは要素の均衡とページ上の視覚的な重みです。 非対称デザインを特徴とするほとんどのウェブサイトは視覚的要素とテキストの大きなブロックのバランスをとります。 非対称性の利点の1つは、目がサイトに沿って動くのを助け、最も重要なコンテンツに訪問者を微妙に誘導することです。

対称デザインの例

一般的な対称レイアウトは、コンテンツの大部分の両側に2つの列を使用することです。 ブログで特に人気があります。 Facebookを見てください。これは普遍的な対称性ではありませんが、強い対称性があります。 Google+は非常によく似たデザインを使用しています。 もう1つの例はTwitterのデザインで、これはページの中央に列を配置しておおよその対称性を特徴としています。 別の見方では、メインのMyspaceページです。 列ではなく、おおよそ水平方向と垂直方向の対称性を特徴としています。最初の2行は互いにほぼ対称的で、下部のモジュールは互いにほぼ対称的です。

非対称デザインの例

デザイナーのPatrick McNeilが、 "Webdesigner Depot"の記事「非対称Webデザインの非対称バランス」を作成しました。これには、非対称デザインのいくつかの例が掲載されています。 もう1つの例は、ブリザードWebサイトです。これは、ヘッダーとページのコンテンツの間のテキストの視覚的ブロックとバランスのとれた大きな視覚的要素を使用しています。