効果的にコンテンツを配置する代表的な3つのレイアウトとは

ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象

[footwork_x]

グーテンベルグ・ダイアグラムなど。

[Yukarigohan]

効果的にコンテンツを配置する代表的な3つのレイアウトとは

[geniusissimo]

ブログ

[yocchi24]

グーテンベルグとZの形式しかしらなかった。こんな名称がついていたんだ…。

[hidehish]

見てる:

[adsty]

“グーテンベルグ ダイアグラム・Zパターン・Fパターン”の３つ。

[yonepon39]

レイアウトの基礎

[advisorbotan]

パターンが多様化すれば、結局人それぞれになってしまう。閲覧者の属性まで把握できればありがたい…

[masalib]

あとで読む

[noykun]

自己啓発

[hirox0214]

べんきょうになりますー

[ak77755]

コンテンツデザインパターン

[nakagaw]

わかってることをそれっぽい言葉で言ってみる

[Arison]

レイアウト。Zパターンなど

[ma-kun712]

こういう視点で見たことなかったな。覚える！

[y2_naranja]

わかりやすい。

[kitaken02]

ある種の人間工学

[vanish_l2]

グローバル、ローカル、ユーティリティ

[daisuke1209]

あとで読む

[tsrsen]

レイアウト

[BURN]

rss

[gamenou]

デザインレイアウト