バランスは、構図の最も重要な要素の1つです。
バランスは、要素の対立によって平衡と調和を生み出します。 バランスのとれた状態は、見る人にとって直感的に心地よいものです。
人間の身体は垂直方向に対称的であり、私たちの視覚的受容もこれに対応しています。 私たちは縦軸に対してバランスのとれたものを好む。 私たちは常に、ある力と別の力のバランスをとる傾向があります。
デザインの文脈では、バランスは要素の視覚的な重みに基づいています。 視覚的な重みは、視聴者が画像に払う注意の持続時間です。 Webサイトのバランスがとれていれば、訪問者は無意識のうちに心地よさを感じる。 Web サイトのバランスは、その要素の視覚的に比例した配置として認識されます。
How to make your website look balanced?
Symmetrical (static) balance
バランスの最も一般的な例は、対称性です。 対称的なバランスは、水平または垂直の中心軸の両側に要素を均一に配置することで生まれます。 つまり、ページの真ん中を通る想像上の線の両側は、実は互いに鏡像なのです。 左右対称のバランスは退屈で予測可能だと考える人もいるが、時の試練に耐え、ページ上に快適さと健全さの感覚を生み出す最良の方法の一つであり続けている。
Asymmetrical (dynamic) balance
左右の重みが不均等な構成は、バランスが非対称になります。
ダイナミックなバランスは、心に仕事を残さない静的なものより常に興味深いものです。 均衡がとれていないと、私たちの視線は反射的にカウンターウェイトを探し始め、気づかないままになっている可能性のある部分に注意を向ける絶好の機会となる。
多くの場合、こうした「カウンターウエイト」はボタンや見出しになります。
重要な情報 (またはアクションへの呼び出し) は、「カウンターウェイト」として使用されるべきです。
非対称が鮮明であるほど、見る人はその原因を突き止めようとします (カウンターウェイトを調べようとします)。 人は本能的にそのような画像をいつもより注意深く研究する。 しかし、ここでは比率の感覚が必要で、あまりに偏った構図は必ずしもよく認識されない。
半径方向のバランス
均衡の一種で、視覚的要素が共通の中心点から放射状に広がっているもの。 放射状のバランスは、デザインではあまり使用されません。 その利点は、注意が焦点(まさに中心)を容易に見つけ、保持できることです。
モザイクバランス
これは、ジャクソン・ポロックの絵画のように、バランスのとれたカオスである。 このような構図には、突出した焦点はなく、すべての要素が等しく責任を負っている。 階層がないため、一見すると視覚的なノイズを形成していますが、すべての要素が一致し、首尾一貫した全体を形成しています。
Secrets of Visional Equilibrium
構成のパワーバランスについて話すとき、重力、テコ、重さ、支点など、物理世界の力と比較することが多いようです。 私たちの脳と目は、力学の法則に非常に近い形でバランスを知覚しているのです。 お椀の秤のように、ある点でバランスをとっている無地の面を想像するのは簡単です。 もし、画像の片方の端に要素を加えると、バランスが崩れ、それを修正する必要性を感じるのです。 その要素は、色相でも、色でも、点でもいいんです。 目標は、画像の視覚的な「質量中心」、つまり重心を見つけることです。
残念ながら、オブジェクトの視覚的な質量を決定する正確な方法はありません。 一般に、デザイナーは直感に頼ることになる。
- Size
大きなオブジェクトは常に重くなります。
- Form
不規則な要素は規則的な形の要素より軽く見えます。
- Color
暖かい色は冷たい色より重い。
- Hue
暗いものは明るいものよりも重くなる。
- Texture
テクスチャを持つオブジェクトはより重く見える.
- Location
中心から離れるほど視覚的に重く感じられるようになる。
- Orientation
垂直の要素は水平の要素より重く見える。
- Density
多くの小さな要素が一つの大きな要素と釣り合っている。