デザインの強弱と視線移動 | 広島のグラフィック&Webデザイン 販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング

デザインの強弱と視線移動

こんばんは。


今日は、きのうの視点移動をデザインの
「 強弱 」の面から見てみます。

デザインの「 強弱 」は

・大きさ
・太さ
・色

で決まります。


視線は当然ながら、一番強いところに一番先に行き、
その後、図形(文字)の強い順に流れます。

大きさ、太さ、色をうまくバランスさせると
自然な流れができますが、
それをうまくやらないと、なんとなく視線が定まらなとか

あちらこちらに飛んでしまう、というようなことが起きます。

以下、図でご覧ください。


$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング

これは同じ書体で文字の大きさを変えたもの。
自然に左から右へ視線移動します。


$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング


これは同じ大きさで書体を変えたもの。
太さの順に、自然に左から右へ視線移動します。


$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング

これはわざと同じような見え方にしたもの。
どこを見ていいのか、目が落ち着かないと思いませんか?




同様に、今度は四角形を使ってみます。

$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング






まず大きい四角に目が行き、次に右の小さい四角に視線が動きます。


$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング





赤は強い色なので最初に目に入ります。
黒も強い色ですが、赤に負けて2番目の視点です。 




$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング

強い色(赤)でも小さい形で、黒が大きい形だと
どちらを見ていいのかわからなくなります。




$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング


同じ色だと、形が大きい順に強弱がつくので
それに沿って視線が流れます。



$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング






いくつかの色を並べると、強い順に視線が動くので
視線があちらこちらにならないよう、並べ方に注意が必要です。




$グラフィックデザインで販促と笑顔のお役に立ちます 阿瀬川デザイン ハッピーデザイニング


強い色を小さい形で、弱い色を大きな形で作ってみました。
視線が分散するのでどこを見ていいのか混乱してきそうです。


明日はもう少し具体的な形で、
デザインの強弱を見ていきたいと思います。


それでは、また♪