スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

規則正しいデザインが必要な場合

とても基礎的なお話ですが、まとめ方が分かりやすかったのでご紹介。
元ソース https://ferret-plus.com/641?utm_source=mailmag20160921-1&utm_medium=email&utm_campaign=content
規則正しいデザインが必要な場合


1 繰り返しの法則

上記のような形は同じでも2つ並んでいるだけの状態を見てどのように感じますか?
多くの人は、「2つ並んでるだけ、よくわからない」と感じるかと思います。

それでは、続いて数を増やしてみましょう。

先ほどとは違い、「同じ形・サイズが一列に並んでいる、繰り返されている」と感じるのではないでしょうか。
なぜかというと、同じ形・サイズで複数並べることで規則性が生まれたことにより、一直線に並ぶ法則が一目で分るようになったからです。

このように、人間は視覚的に見た情報に規則性があったほうが認識しやすい傾向にあります。

2. リズムを作る法則
先ほどの「繰り返す法則」を行うことで統一感がでるものの、単調で物足りなく感じる事もあります。
さらに、繰り返す中にも強調したいものがある場合、「リズムを作る法則」がおすすめです。


先ほどのサイズと同じ画像の中に、大きなサイズの画像を加えて配列を変えてみました。
あえてサイズを大きくしたり、色・角度を変えてリズムを作ることによって、視覚的に優先順位が明確になり目に留まりやすくなります。

3. 見えない線に沿って左揃えの法則

上記の画像は、文字が上下左右と不規則にレイアウト(配置)されています。
特に、読むための文章が不規則なレイアウトの場合、「読む・認識する」ために目線を頻繁に移動しなければいけません。

そのため読みにくいと感じたり、違和感を覚えてしまいます。
そこで、先ほどのように規則性を加えてみました。

不規則だったレイアウトを規則正しく左揃えに整列させました。
左揃えにしただけで、情報が整理され見やすなったのではないでしょうか。
「見えない線に沿って左揃えの法則」は規則性が生まれ、視線移動が軽減される基本のレイアウトです。

不規則なデザインが必要な場合


4.補色を使って目立たせる
色においては、規則性(同系色)を意識すると対象が目立たなくなってしまう場合があります。
そのため、補色を活用することで、強調したい対象を目立たせることができます。

画像参照:http://rock77.fc2web.com/main/color/color1-2.html

補色とは、「正反対に位置する関係の色の組合せ」のことです。
(「赤 / 青緑」「黄色 / 青紫」など)

例えば、ホームページが、オレンジのトーン多めであれば、バナーは補色の青・紺色を使うと正反対に位置する色(不規則性)ほど目立ちやすくなります。


5. あえて文字だけにする
写真などのコンテンツが多く並んでいる際に有効なテクニックとして、あえて文字だけの不規則性を出すことでユーザーの目を引くポイントになります。


6. 立体的にする
先ほどの写真と同様に、デザインのパターンが多い場合、「立体感・質感」を出すと効果的です。
以下では、平面的なデザインの中に立体的なデザインを加えました。

- 0 Comments

Add your comment

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。