コンテンツ
印刷されたパンフレットであろうと最新のウェブアプリであろうと、デザインするページレイアウトの主な目的は、情報を明確かつ効果的に読者に伝えることです。重要なメッセージがリーダーに確実に配信されるようにするための最良の方法の1つは、バランスの取れたページレイアウトを作成することです。
ページレイアウトの設計には、通常、要素の多くの配置、再配置、およびフォーマットが含まれます。多くの設計者は、このプロセスに有機的にアプローチし、満足のいく最終結果への道を感じています。これはいくつかの素晴らしい幸せな事故につながる可能性がありますが、自由形式の方法論を使用すると、ページの視覚的なバランスが失われる可能性があるというリスクがあります。
優れたページ構成は、見た目に心地よいだけでなく、それらの重要なメッセージを対象読者に明確に伝える必要があります。ページレイアウトのデザインのバランスを保つのに役立ついくつかのヒントをまとめました(優れたウェブサイトビルダーも役立ちます)。これらのアプローチは、使用しているメディアに関係なく、バランスの取れた構造を提供するためにうまく機能します。
Web固有のアドバイスについては、完璧なWebサイトレイアウトを作成するためのガイドを参照してください。
01.グリッドを使用する
ページにある程度のバランスを持たせるための最も簡単な方法の1つは、グリッドシステムを使用することです。グリッドは以前は印刷されたページの唯一の保存場所でしたが、グリッドの概念をデジタルメディアに移行するために、過去数年間にオンラインで多くの作業が完了しました。
グリッドを使用してページ上のさまざまな要素の位置を通知することにより、ページを構成するさまざまな要素間の接続を作成します。これは、レイアウトに秩序感を与え、読者にフォールバックするための明確な構造参照を提供し、ページの成功を高めるのに役立ちます。
これは重要です。なぜなら、すべてのページ要素が相互に接続していると感じると、全体的な効果が読者にとってより快適になり、それらを安心させ、重要な要素であるコンテンツへのアクセスを容易にするからです。
02.単一の焦点を選択します
バランス感覚を提供する最も効果的な方法の1つは、レイアウト設計に単一の焦点を選択することです。実際のこの良い例は、ページ上の最大の単一要素として大きな画像を使用することです。
強力なビジュアルは、読者をページに導く強力な方法を提供し(理想的なウェブホスティングサービスの専門家による分析も同様)、レイアウト内の残りのコンテンツを配置するための便利な構造要素も提供します。複数の視覚要素がある場合は、ゲシュタルト理論の近接原理を使用してそれらをグループ化し、同じ方法で配置します。
同じように見出しや引用符を使用できることも覚えておく価値があります。優れたディスプレイの見出しは、バランスの取れたレイアウトを確保するのに役立つ構造を提供し続けながら、画像と同じくらい視覚的な興味を提供することができます。
03.三分割法を使用する
バランス感覚を提供する最良の方法の1つは、デザイナーのお気に入りの三分割法または黄金比を使用することです。簡単に言えば、三分割法では、ページを垂直方向と水平方向の両方で3分の1に分割すると、グリッド線が交差するポイントがコンポジションの自然な焦点を提供します。
重要な要素をこれらの4つのポイントに揃えることで、たとえば、ページの要素を完全に中央に配置する場合よりも、より心地よい構図を実現できます。
三分割法自体は、魔法のようにレイアウトにバランスを提供することはありませんが、原則を拡張することで、自然な焦点に向かうこの傾向を簡単に使用して、レイアウトのバランスを知らせることができます。
一般的なアプローチは、ページの最も重要な要素をページの上部(または下部)の3分の1に配置し、主要な焦点を交差点の1つに一致するように配置することです。あなたのサイトのために保存するたくさんの資産を手に入れましたか?これらのクラウドストレージオプションを確認してください。
04.空白を使用する
初心者のデザイナーは、ページ上のすべてのスペースを利用して、すべてのギャップが埋められるまでコンテンツを詰め込むのが一般的です。より経験豊富な人は、デザインの最良の部分は、要素をシューホーニングするのではなく、要素を除外することを伴う場合があることを知っています。
印刷媒体で空白を利用する最も一般的な方法は、ページの余白とガターを拡大することです。ウェブ上では、要素の周りに十分な呼吸スペースを提供するだけで、レイアウトデザインが構成されバランスが取れているように感じることができます。
ネガティブスペースの使用は、コンテンツを一緒に固定する明確な構造(グリッドによって提供されるものなど)がある場合に最適に機能します。空白のリスクは、無計画に導入された場合にページ要素間の切断感になる可能性があるためです。
05.デザイン要素を繰り返す
繰り返しはまた、構成に接続されたデザインとバランスの強い感覚を提供することができます。レイアウト全体でモチーフまたはデザイン処理を識別して再利用することにより、読者に参照を提供して、異なる領域が接続され、同じ全体的な構成の一部であると感じることができるという考え方です。
この手法を使用して、繰り返しによって導入された類似性のパターンを意図的に壊すことにより、全体的なバランスを維持しながら、デザインに焦点を当てることもできます。
06.階層を使用する
ページレイアウトの涅槃を達成するための重要なアプローチの1つは、構造と階層の明確な感覚です。構造についてはすでに触れましたが、ページ上のさまざまなコンテンツの相対的な重要性を伝えることも重要です。たとえば、見出しは、ほとんどの場合、本文のコンテンツよりも視覚的に重要です。
レイアウトデザインを構成するさまざまな要素を見て、どの要素が最も重要かを判断します。この要素を使用して、ページ上の残りの要素に構造的なフックを提供し、それを最も重要なものにします。
07.スケール、コントラスト、調和を使用する
最後に、スケールの使用は、レイアウトで良好な視覚的バランスを実現するための非常に効果的な方法です。一部の要素を他の要素よりも大きくすることで、秩序と階層の感覚が浮かび上がります。これにより、視聴者は最初にレイアウト内の大きな要素を自動的に確認し、読みながら小さな要素に進むため、快適なレイアウトを作成できます。
この原理はコントラストを高めても機能するため、コントラストを介してページ上の要素を分離することにより、最初にそのポイントに目を向けることができます。これはページへの道を提供し、またレイアウトを開発するための有用な構造上のポイントを提供します。
スケールとコントラストの両方が1つの要素に適用されると最も効果的に機能し、レイアウトの他の部分から目立つようになります。調和の原則を使用して、他の人がつながりを感じ、焦点を強調するようにします。