WEBデザイン

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

どーも。学長です。

 

 

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

反復の原則を学ぼう!

 

 

今回のレイアウトの基礎は「反復の原則」です。

前回の「対比の原則」に続いて、今回の「反復の原則」は非常に大事な要素ですので、

何回も繰り返して読んでください。

 

 

授業を始めます!!

 

反復の原則とは?

580045_99057819

今まで「近接の原則」「整列の原則」「対比の原則」と学んできましたが、

今回は「反復の原則」を学んでいきます。

 

 

反復の原則とは「同じ構成・デザインの要素を繰り返し使用する」原則です。

何度も繰り返して同じレイアウトを使用することで、

統一感のあるレイアウトを実現できます。

 

 

繰り返し使う!

ウェブページのレイアウトで、同じ構成で何度も使われている場合があります。

例えば、某大手ショッピングサイトでは同一のフォーマットで多数掲載されています。

スクリーンショット 2014-11-04 23.21.59

 

製品ごとに情報をグループ化し、それを繰り返すことで全体的に統一感が出ます。

複数ページにまたがっている場合も、反復の原則を利用できます。

 

名称未設定-5

 

ウェブページには多数のページがあります。その中には、

グローバルナビゲーションのように繰り返し使用される要素が存在します。

その中で、色や形などに特定のルールを作ることによって、

全てのページに統一感が出て、バランスの良いサイトになります。

 

 

上記の場合、カテゴリーが違うページですが全て同じ様なレイアウトにしていることで、

統一感を出しています。

 

一貫性を持たせよう!

複数のページで、特定の要素を繰り返す場合は「一貫性」がすごく重要になります。

特に企業ロゴ、グローバルナビゲーション、メインビジュアルはそのウェブサイトのスタイルを

決めるのに、とても重要な役割です。

 

 

これらの要素が訪問ユーザーにとって、信頼性や安心感を左右すると言っても、

決して大げさではないのです。

毎回言っていることですが、

いかに「ユーザーが求めているサイトになるか!」

この事が非常に大事なんですよね。

 

 

ページ間で反復の原則を使用する場合は、繰り返す際の要素の選定、

そのように繰り返すのかを十分に検討したうえで、

ウェブサイト全体で一貫したデザインを採用するようにしていきましょう。

 

 

さて、今日まで4種類の原則を勉強してきました。

どれが1番大事な原則とかはありませんので、必ず何度も読み返して、

理解しましょう。

ここでもインプットしてアウトプットすることが大事です。

 

 

さて今日の授業はここまでです。

不明な点は学長まで連絡ください。



お名前 (必須)

メールアドレス (必須)

ピックアップ記事

  1. 学園長から挨拶

関連記事

  1. WEBデザイン

    1分でできる!アメブロのヘッダーを画像にカスタマイズ!

    どーも!学長です!今日はアメブロのカスタマイズ方法につ…

  2. WEBデザイン

    【WEBデザインを独学で学ぶ】3段組レイアウト型とは?

    どーも、学長です。今日の授業は・・・…

  3. WEBデザイン

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

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

  4. WEBデザイン

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

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

  5. WEBデザイン

    【WEBデザインの配色を学ぶ】配色って何?

    どーも、学長です。今日の授業は・・・…

コメント

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

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

最近の記事

ラジオはじめました!

クライアント様サイト

  1. WEBデザイン

    素人臭く見えてしまう4つのロゴデザインとは?
  2. 日記

    知ってた?沖縄観光はこの時期がオススメ!
  3. 起業の心得

    デザインを真似ることは悪い事?
  4. 起業の心得

    ファンを増やす・自分の時間に高い価値をつける
  5. WEBデザイン

    【WEBデザインを独学で学ぶ】フォントの選び方を学ぶ
PAGE TOP