ページ上のランダムなオブジェクトに直面すると、視聴者はしばしば接続を見つけようとします。 デザイナーは、意味を伝え、メッセージを広めるために、オブジェクト(テキストや画像)をグループに配置することによって視聴者を助けることができます。 これらのグループの近さは近接性であり、設計の原則です。
Proximityはページ要素間の結合を作成します 。 オブジェクトをどれくらい近づけて配置するかは、関係を示唆することができます。 離れて配置されたオブジェクトは違いを示唆することがあります。
別の原則と見なされることもありますが、単一性や「ドキュメントのどの部分がどのようにうまく機能するか」は、近接性を意味するために使用されることがあります。 近接性は近さである。 しかしながら、近接性のない要素は、第3の要素を導入することによって統一することができる。 例:マージンのテキストラベルをマップの中央のポイントに接続する矢印。 このようにして、離れているが一緒に属している要素の間で、関係または単一性を達成することができる。
オブジェクトをグループ化するには、グループ間に物理的障壁(ルールなど)を配置し、形状、 色 、またはテクスチャを使用してアイテムを視覚的にグループ化し、アイテムとは別に視覚的に分離することによって、
ページレイアウトでのプロキシミティの使用
アイテムを個別のユニットにグループ化する近接性を使用して、ページに個々の要素が多数ある場合は、ビューアを圧倒しないでください。
- キャプションを画像の近くに置くだけでなく、キャプションが画像と一緒になることを明確にするだけでなく、2つの別々の画像ユニットから1つのビジュアルユニットを作成します。
- アドレス、電話番号、電子メールアドレス、 Webアドレスなどの要素をグループ化すると、すべての連絡先情報を1つの簡単な単位にまとめることができます。飛び回って間違いなく見落とされる
- グループ化する要素が多数ある場合は、サブグループ化を検討してください。 連絡先情報を例として使用してグループ化しますが、スペーシング(または他の手段)を使用して複数の電話番号などのサブグループを作成します。
近接ナビゲーションを使用した援助ナビゲーション
- 読者をテキストの中に正しく誘導したい場合は、 見出しを本文のコピー(広告、ニュースレター記事など)の近くに置いてください。 テキストを理解するために付随するビジュアルが特に重要な場合は、代わりにビジュアルを見出しの直後に置くことができます。
- David Ogilvyの仕事に基づく5ステップ広告デザイン式は、通常、広告を通して視聴者を誘導する傾向がある特定のパターンで5種類のコンテンツを配置します。 近接性は、これらの5つのタイプのコンテンツを構成するマテリアルをグループ化するためにも使用できます。
ユーザーの手助けとなる近接性
プロキシミティを使用して一緒になって他の部分を区切る要素をまとめて、複雑なページや情報満載のレイアウトを理解できるようにします。
- たとえば、セミナーのためのパンフレットは、数日間にまたがって広がる多くの個別のワークショップで構成され、場所は簡単に圧倒されます。 ワークショップごとの情報(タイトル、説明、日時、場所)をまとめてグループ化するとともに、登録方法、費用、費用などの全体的な詳細を示すグルーピングを提供するために、プロキシミティ(他の要素とデザインの原則とともに)を使用します。連絡先。
- Webページでは、プロキシミティを使用して、メイン/サブナビゲーションリンク(テキスト、タブ、ボタンなど)を機能(ショッピング/カタログ、週刊スペシャル、テクニカルサポートなど)に応じてグループ化できます。