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

イメージ写真

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

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

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

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

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

名刺デザイン
(図1)

 

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

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

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

 

3.「反復」のポイント

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

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

関連する記事

今後のインバウンドの需要拡大には何が必要?... JNTO(日本政府観光局)は昨年12月、訪日外国人累計者数が3,001万人を越えたと発表した。この数字は、2016年の2,000万人から僅か2年で3,000万人と推移したこととなり、東京オリンピック開催年の2020年の4,000万人の目標はクリアできそうな勢いで伸びている。 だが、ここから...
色の持つイメージ:白は清潔、シンプルをイメージ... 色が何らかのサインを送りだしていることは誰もがよく知っている。 誰がどんな色を選ぼうと、共通しているのは、その色に対して人は反応するということだ。私たちは色に対し条件反射し、気づくこともない。 色に対する反応は直観的反応とも言われ、個々の色は人の本能的な反応と密接に関係し、その反応は生理...
Live Commerce 2.1 リリース – 関税計算プラグインを搭載、海外向けEC... Live Commerce 2.1をリリースしました。 http://www.live-commerce.com/new/ 今回のアップデートでは、大きな機能追加や画面上の変更はありませんが、海外向けECサイトをスピーディーに開店できるようにオンライン機械翻訳がデフォルトで利用できる様にな...
甘くみてはいけない、ラグビーW杯のインバウンド効果... 8月21日、Googleトレンドワードで27%の高い上場率を見せたワードがある。 そのワードは「インバウンド」という当ブログではおなじみの言葉だ。 「インバウンド(Inbound)」とは、内向きに入ってくるという意味合いがあり、主に旅行関連では外国人が訪日することを指す。 なぜ、「イン...
ECを活性化! ビデオコマースを検証する... ここ数年でECサイトに動画による商品説明が見られるようになってきた。イーコマースに対してそれらはビデオコマースと呼ばれている。欧米ではかなり普及し、成功事例も多く報告されているが、日本でもWEB環境の高速インフラの整備やスマホユーザーの増加により今後、そのようなサイトが増えることが予想される。 ...
海外ビジネス向け「海外送金サービス」比較... インターネットのおかげで海外とのコミュニケーションだけでなく、貿易、物流、金融など様々なモノの取引が便利な時代になった。その中でも、税金や海外送金については、未だに頭を悩まされているビジネスオーナーは多いらしい。 海外ビジネス取引において海外送金は頻繁に行われるのでコストも削減したいもの。 ...

コメントをどうぞ