方向は意図的に視聴者の目をある要素から別の要素に導きます
良いページデザインの要素の中には、印刷物であろうとウェブであろうと、動きと密接に関連した方向の概念があります。 ページデザインの要素は、ページのある領域から別の領域に視聴者の目を意図的に誘導します。 目を向けるために使用されるデザインに共通する3つの方向は次のとおりです。
- 水平 -ページや画面を線やその他の要素で左右に半分に分割すると、デザインの上半分の各要素に移動してから、ページを分割する水平線または要素の下のセクションに移動します。
- 縦線 - 2つの細長い列のテキストまたは2つの細長い写真またはグラフィック要素がある場合、垂直方向のデザインがあります。 目は1つの列の上から下に向かって流れ、次に2番目の列の上に移動します。
- 対角線 -デザインに対角線や三角形を使用すると、特に対角方向のレイアウトが多くないWeb上で目が取り込まれます。
すべてのページデザインには支配的な方向性があり、最も重要な要素の配置によって確立されます。
設計における方向の使用
ウェブデザインでは、ページ上の画像によって方向が決定されることが最も多いですが、ページ上にタイプまたはグラフィック要素を配置して方向を付けることもできます。
印刷とWebデザインに方向性を含める方法
次の方法でウェブデザインに方向性を組み込む:
- あなたの画像を見て、被験者が向いている方向を判断する。 絵の中の人が右を見ているなら、あなたはページの左側にイメージを置くべきです。 さもなければ、写真の目の方向はあなたの読者の目をページから遠ざけます。 あなたは、ページの側面を見ている人はいません。
- あなたのレイアウトを使って方向を提案する。 水平線、垂直線、または斜線で、写真のような密な要素を配置します。 テキストのように密度の低い要素は、それらを囲みます。
- 線、画像、HRタグを使用して、動きと方向を提案します。 水平線は静かで、ページ上で目をスムーズに左から右に動かします。 縦線は上から下への動きを示し、斜線はページのある領域から別の領域への動きを強く示します。
- バランスのとれていない要素も方向と動きを示します。
方向と移動に影響するレイアウト特性
目は、通常、最初にページ上で最大の要素に移動します。 それは大きな写真または大きな見出しである可能性があります。 それが次に動く場所は、デザインの方向の関数です。 良いデザインでは、目が次に行く場所は、ページが提供しようとしているメッセージの重要な部分につながります。 ページ上の最初のラージオブジェクトの次の重要なオブジェクトへのモーションは、
- 色。 明るい色は中立色よりも素早く目を引き付けます。
- グラフィックス。 ポインティング・フィンガまたは矢印は、目を特定の方向に見せる。
- 形。 ページを通って螺旋状に、またはある要素から次の要素に移動する点線のような形が、その経路に沿って目を運ぶ。
方向を決定する方法
方向を示すためにページをデザインする方法がわからない場合は、Webページを参照して出版物を印刷して、目が最初にどこに、次にどこが先になるのかを確認して実験してください。 その後、起こった理由を探します。 目を1つの要素から次の要素に移動させるデザイン要素を認識したら、それらの要素を独自のデザインで使用できます。