ダイアグラム、Zパターン、Fパターンを紹介します。F-Pattern[ad#ad-2]下記は各ポイントをピックアップして意訳したものです。ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。これは特に、テキストの比重が高いコンテンツにはまります。ダイアグラムは4つの象限に分けられます。視線の動きは青いラインを中心に、水平運動を伴って、下部へ移動します。そのため、重要なエレメントはこのラインに沿って、配置します。ロゴ、見出しなどは上左に配置し、画像や重要なコンテンツは中央に配置し、アクションボタンやコンタクト情報などは下右に配置します。休閑エリアには視覚的に強調されるものを配置しない限り、注目は最小限となります。レイアウトとは、上左から水平に上右に移動し、斜め下に移動し、最後に水平に移動し下右で終わります。ダイアグラムとの大きな違いは、休閑エリアを通過するかしないかです。レイアウトは、シンプルなデザインのために少数のエレメントを扱うのが得意です。レイアウトとは、上左から始まり、水平に上右へ移動し、そして左端に一旦戻り、下に移動し、また水平に移動します。レイアウトのポイント重要な情報は、一般的に読まれるであろうデザインの上部に横切って配置されるべきです。重要ではない情報は、左のエッジに沿って、水平の動きに合わせて配置されるべきです。人々は読むのではなく、流し読みすることを忘れずに。-情報の階層化テキストの比重が高いものがデザインエレメントに異なるビジュアルのウエイトを与えはじめ、階層と流れをつくりはじめると、上記のパターンは適用されず、コントロールをすることが難しくなります。いった場合、最も大きいビジュアルのウエイトを持っているエレメント(またはエリア)を中心にレイアウトを構成します。情報を階層化し、流れを生みだすことはこれらのパターンのいずれにおいても優先すべきことだと思います。Posts関連記事が見つかりませんでした。