デザイン4原則でラクラクデザイン -その3:反復(繰り返し)-

イメージ写真

WEBサイト構築の際、デザインに統一感とオリジナリティを出すためには、今回の「反復の原則」つまり、「反復=繰り返し」を利用するとよいだろう。
「反復の原則」とは、全体を通して、同じデザイン要素を繰り返して使うことで、デザインに統一感、共通性を与え、全体としてのリズムを生み出す手法である。

この「反復の原則」はサイトデザインにおいて、非常に有効で、これなくしてはデザインは成立しない。たとえば、ボタンのデザインや見出し、ヘッダーのデザインなどの要素を「反復(繰り返し)」することで、統一感が生まれ、さらに、ユーザーがページ遷移しても、デザインが繰り返されていれば、デザインに一貫性が生まれ、ユーザーは安心してサイトを利用できる。

この「反復」は人の脳が“物”を認識する時の識別機能を利用したものである。つまり、脳は“物”をパターンとして認識し区別し、単純化して見るようにできている。“物”を見たときに脳は本能的にパターン化できるものがないか探しているのである。そのパターン化する機能を利用することで、人は物を認識しやすくなり、理解が早まるといえる。デザインのなかにできるだけ、パターン化したもの、グループ化したものをたくさん、「繰り返す」ことが重要な内容となる。

1.デザイン上のある特徴を繰り返す「反復」

反復とは、デザイン上のある特徴を作品全体を通して繰り返すことである。(図1)は名刺デザインだが反復を使って統一感を出している。例えば、書体はすべて同じ、色相を反復、アイコンを反復、などだ。反復することによりイメージを統一することができる。

名刺デザイン
(図1)

 

2.「反復」とは一貫性である

「反復」とはパターン化することが基本である。パターン化し、その要素を繰り返すことで一貫性を生み出す手法である。色や形、書体、レイアウトなど視覚的に認識できるものなら、何でもよい。繰り返すことで一貫性が生まれる。特に、WEBサイトではユーザーに操作(クリックなど)を促すものの場合、ボタンの色や、大きさや、配置などを繰り返し「反復」することで、ユーザーに、ここが操作できる部分なんだなと感覚的に伝えることができ、使いやすさ、ユーザビリティ向上を図ることができる。

繰り返しの作成例
(図2)3ページ、4ページ、5ページと繰り返して行くとWEBサイトのルールがはっきりする。 デザインの中の視覚的な特徴のある何かを何度も繰り返すことで、 ページ全体が整理され、一貫性が保たれ統一された印象づけができる。

 

3.「反復」のポイント

  • 反復はシンプルに構成する
  • デザイン上の何か特徴的なものを何回も繰り返す
  • 反復を利用して、見た目の統一感、一貫性、視覚的リズムを作る
  • アイコンなどは3次元(リアル)より2次元(フラット)のほうがパターンとして認識しやすい

この「反復の原則」を使い一貫性あるECサイトを構築し、訪れたユーザーにとって分かりやすく、安心して買い物ができるサイトをデザインしていただきたい。次回は「4.コントラスト」について説明する。

関連する記事

SNSで集客する際のポイントは? ーInstagram・LINE編ー... 先日、Facebookの全世界で月間アクティブユーザー数が20億人突破したとの報道があった。競合するアメリカの投稿サイトのTwitterは4月時点での月間アクティブユーザー数が3億2800万人としているので、その伸長率には目をみはるものがある。 SNSにはそれぞれ特長があり、その特長をいか...
越境EC マレーシアのポテンシャルは?... 9月3日、東京都は越境ECで中国向け販売、マレーシア向け販売を支援する事業を開始した。 これは中国とマレーシアの現地モールに特設サイトを開設し、販売するというものだ。中国では、「寺庫(スーク―)」モールサイトで、マレーシアは「11street(イレブンストリート)」での販売となる。 東京都...
デジタル広告はついにテレビ広告を超えた... 日本のスマートフォンの利用状況は継続して増加しており、2018年の調査では「スマホのみ利用する」ユーザーは48%となっており、男女比においては、女性の58%がスマホのみ利用しているという、「ネットはスマホで見る」が当たり前の時代になりつつある。 また、デジタル化、モバイル化の傾向は、広告界...
海外販売に関する補助金・助成金情報(2019.October)... 10月は別名、神無月(かんなづき、かみなしづき)とも呼ばれ、神無の「無」は「の」という意味があり、「神の月」という意味である。つまり、10月は「神様を祭る月」なのである。 また、今月より消費税が10%に上がった。この税率アップはどこまで家計に響くのだろう。キャッシュレス決済を賢く活用し、出...
顧客を逃さない為のECサイトチェックポイント... ECサイトの目的は成約率をあげ、売上げを伸ばすことである。でも、サイトのどこをどうすれば良いのかわかない。ECサイトは構造が複雑でどこに問題点があるのか分かりにくいも事実である。 だた、押さえるところをしっかり押さえられていれば、売上げは伸びていくものと思われる。 今回は少しでも売上げア...
加速する 中国の「ニューリテール戦略」とは... 中国の景気が減速し中国向け輸出減など、日本にも影響が出てきている。アメリカとの貿易摩擦も影響し減速に追い打ちをかけている。 そのような中、アリババグループは好調をキープしているようだ。 今年、1月31日に発表された2018年10-12月期の決算報告では、グループ全体で昨年比41%増の1,1...

コメントをどうぞ