WEBデザイン

【WEBデザインを独学で学ぶ】対比の原則を学ぼう!

どーも。学長です。

今回もレイアウトデザインについて授業をします。

 

【WEBデザインを独学で学ぶ】

対比の原則を学ぼう!

 

前回は「整列の原則」でしたが今回は「対比の原則」を勉強します。

レイアウトデザインに関しては、いろいろと原則がありますので、

しっかり覚えていきましょう。

 

 

それでは授業を始めます。

 

対比の原則とは?

 

対比の原則とは、「各要素の重要度を考慮し、

差別化する」ことです。

 

 

まとめることを目的とする「近接の原則」「対比の原則」とは異なって、

対比の原則はあえて差別化し、重要度の関連性を表現します。

 

メリハリをつけよう!

ページタイトルや、アピールした画像などサイトにとって重要な要素は、

できるだけ目立たせるようにしましょう!

 

stockvault-color-pencils134257

 

例えば、フォントの大きさや形、写真のトリミングなどで他の部分と差別化し、

対比させるようにします。

その一方で、本文の注釈や写真のキャプションなどは小さく扱うようにします。

 

 

ただし、対比のバランスがあまり大きくなり過ぎたり中途半端な対比では、

メリハリがつかず、返って要素の関連性がぼやけてしまいます。

 

 

情報の重要度によって「目立つ順番」をつけるようにして、

構成化を図っていくようにしましょう。

 

視線を誘導しよう!

各要素にメリハリが付けられていない場合、

訪問ユーザーは「どこが重要な部分かわからない」サイトと感じてしまいます。

視線は彷徨ってしまい、

どこが重要な部分なのか判断するまでに時間がかかってしまいます。

 

 

そのようなユーザーは、いざページに辿り着いてもすぐに違うサイトに行ってしまい、

二度とサイトに訪れることはないでしょう。

 

 

このようなサイトにならないように、訪問者に対しては「視線の誘導」を積極的に

行う必要があるのです。

そのページに何が載っているか、重要なポイントはどこにあるのか、

訪問ユーザーが理解できるようなサイトを作っていきましょう。

 

 

ページタイトル部を起点として、各要素の重要度を順番付けしていき、

その順番に応じて対比させていくレイアウトを作っていきましょう。

 

 

ページのレイアウトデザインで、訪問者が1度だけではなく、

再び来訪してくれます。

そのようなページを作れる様に、日々研究していきましょう。

 

 

それでは今日の授業はここまでです。

不明な点は、学長までお願いします。



お名前 (必須)

メールアドレス (必須)

ピックアップ記事

  1. 学園長から挨拶

関連記事

  1. WEBデザイン

    【WEBデザインの配色を学ぶ】WEBを参考にしよう!

    どーも!学長です!今日はデザ学に届いたメールを紹介します。…

  2. WEBデザイン

    バナーデザインはこうやってできる!

    どーも!学長です。今日はバナーデザインについて説明します!…

  3. WEBデザイン

    プロ級のかっこいいロゴマークを1分で作れるサイト!

    どーも!学長です!今日はロゴマークを作れるサイトついて説明しま…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

ラジオはじめました!

クライアント様サイト

  1. 起業の心得

    自分の意識が変われば行動も変わる!
  2. 起業の心得

    【デザイナー必読】3つの方法を使って私は起業できました!
  3. 日記

    宇多田ヒカルのうた 参加アーティストが豪華!!
  4. 制作実績

    せどり、輸入転売のZAKI(ザキ)さんから依頼をいただきました!
  5. 起業の心得

    デザインを真似ることは悪い事?
PAGE TOP