Lv.2 視線の流れ｜伝わるデザインの順番を整える– DESIGN ROOM（設計室） –

作る側は「自分の知っている順番」で面を見てしまい、実際の読み手の動きが見えにくくなります。

LPなどで、一番伝えたいはずの「ボタン」よりも先に、派手な「装飾」へ読者の目が行ってしまう状態を防ぐためです。

目立たせたい「タイトル」よりも、後ろの「背景画像」に視線が流れてしまうと、発信の意図が弱くなってしまいます。

視線の流れには「レイアウト・文字サイズ・色・余白」のすべてが関わっています。そのため、視線が迷う原因が1箇所に留まらず、画面全体に分散しやすくなります。

タイトルも、写真も、装飾も、全部を目立たせたい！という欲張りな状態です。

すべてが同じように主張すると、結局どこを見ればいいのかわからなくなります。

強調箇所が多すぎると、視線が落ち着く場所（着地する場所）がなくなります。

読み手の目が画面内で激しく跳ね回り、疲弊してしまいます。

見出し（大枠）よりも先に、細かな「補足」から読ませてしまうような配置です。

構造が逆転していると、情報が頭に入りにくく、伝わりにくくなります。

色だけで目線を動かそうとするのも見誤りやすいポイントです。

土台となる「配置」や「余白」が整っていないと、色は効果を発揮しません。

小さな画面では、視線の魔用意がより強くでます。

PCの広い画面で作っていると、この前提を忘れがちになので注意が必要です。

作った本人は内容を知っているため読めてしまいます。

しかし、初見の人には、あなたが意図した「流れ」が全く見えていないことがあります。