« ブログのトップページに戻る

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

   投稿者 : 2015年4月21日 By

イメージ写真

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

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

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

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

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

名刺デザイン
(図1)

 

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

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

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

 

3.「反復」のポイント

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

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

関連する記事

中国”独身の日” 越境ECでは日本がトップ... 先月11月11日「独身の日」は、中国ネット販売を行っている企業が特売セールを行う商戦日だった。中国最大のECサイトのアリババグループは「独身の日」の1日の取扱い高を発表した。扱い高は過去最高の1,682億元、日本円にして約2兆8,594億円と昨年の記録をまた更新した。 米ブルームバーグ社は...
決済プラグインにペイオニア(米国内用オンライン銀行)が登場... Live Commerce の決済プラグインに米国内の銀行送金で利用可能なペイオニア(米国内用オンライン銀行)が追加されました。 Live Commerceでは管理画面からプラグインを有効化し、Payoneer(ペイオニア)で指定された銀行振込口座を入力するだけで設定完了です。 ペイオニ...
タクシーもスマホで呼ぶ時代?タクシー配車アプリ事情... スマホでタクシーを簡単に呼べるアプリをご存知でしょうか? 地図上で乗りたい場所を指定すれば、近くを走っているタクシーを探して配車してくれるサービスで、日本でも導入が進んでいます。 例えば、47都道府県117グループのタクシー会社と提携している全国タクシー配車では、地図上で乗りたい場所を...
インスタグラムで集客するときのポイント... SNSツールで一般的なのは、Line、Facebook、twitterであるが、ここにきてユーザー数を獲得しているツールがインスタグラム(Instagram)である。インスタグラムは2014年の時点で月間ユーザー3億人、利用者の68%が女性、90%が35歳以下の男女であり、ファッションに敏感な世...
海外展開に関する補助金・助成金情報 (2016.Sep)... 9月の補助金・助成金の募集状況を紹介する。 補助金・助成金は国や地方自治体から支援される「返済不要なお金」である。助成金は要件が合えば基本的には受給でき、補助金は審査があるため、要件が合っても受給出来ない可能性がある。 今回は海外展示会、見本市出展に対するものや海外向けホームページ構築な...
eBay出品代行に「伝統工芸品」カテゴリーが追加された... Live−CommerceではeBay出品代行ツールで簡単にeBay出品できるシステムを独自に開発した。これまでは、出品可能な商品カテゴリーは腕時計、財布、バック、ジュエリー、カメラのみとなっていたが、今回、さらに「伝統工芸品」が追加され、日本の陶器や工芸品、金工、着物、人形などとい...
このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。