ウェブデザイナーが従うべき2番目の効果的なデザイン原則：繰り返し

概要: 本書「A Design Book for Everyone」では、複雑なデザイン原則を、コントラスト、繰り返し、整列、親密さという 4 つの主要なデザイン原則に凝縮しています。このシリーズの記事では、4 つの設計原則における重要な要素と補助ツールについて詳しく説明します。この記事は、Web サイトのデザインにおける繰り返しの重要な役割について説明する 2 番目の記事です。

ホスピタリティ業界と連邦政府向けの Web 開発を専門とする Ryan Boudreaux 氏は、4 つの設計原則に関する一連の記事を執筆しています。この記事は、その 2 番目の記事「Web デザイナーのための効果的な設計原則: 繰り返し」です。内容は次のとおりです。

記事「Web デザイナーが従うべき効率的なデザイン原則の 1 つ: コントラスト」では、デザインの 4 つの主要原則を紹介し、そのうちの 1 つであるコントラスト、特に Web デザインにおけるその応用に焦点を当てています。この記事では、もう 1 つの設計原則である「繰り返し」について説明します。

ウェブサイトでは、「繰り返し」は多くの場合、サイトのすべてのページにわたって「繰り返される視覚要素」の形をとります。これらの要素には、色、形状、テクスチャ、フォント、タイポグラフィ、グラフィック、画像、ビデオ、空間関係、線の太さ、ヘッダー、フッター、ナビゲーション、ツールバーなどが含まれます。一貫した方法で繰り返し要素を表示すると、サイトの構成と一貫性が向上します。要素はグラデーション方式で繰り返すこともできます。その場合、左側の「繰り返し」の例に示すように、繰り返し中に要素が大きくなったり小さくなったりします。繰り返しの中に多様性を持たせることで、ウェブサイトが退屈でつまらないものになることを防ぐことができます。

ウェブサイトのトラフィックを増やすには繰り返しが重要

繰り返しは自然の一部です。ある日、外に出て森の木々をじっくり観察してみると、木々の中に似た種類の木がたくさんあることに気づくでしょう。冬に南へ飛んでいく鳥の群れを観察すると、さまざまなバリエーションの「V」パターンを繰り返していることがわかります。動物園では、シマウマの群れの中にも同様の多様性が見られます。たとえば、下の写真の 2 頭のシマウマには繰り返しの縞模様がありますが、それぞれの縞模様は異なります。変化のない繰り返しは、ウェブサイトを退屈で面白味のない、退屈なものにしてしまう可能性があります。

繰り返しにより、ユーザーには整理された一貫したエクスペリエンスも提供されます。繰り返しロゴを使用し、タイトル、フォント、色、サイズ、スタイルを Web サイトのすべてのページで一貫して維持すると、Web サイトの繰り返しの一貫性が向上し、Web サイトのトラフィックも増加します。同じ属性を持つ要素を繰り返し使用すると、魅力的な視覚イメージを作成できます。単純な繰り返しに基づいてわずかな変更を加えることで、訪問者の好奇心と注目を集めることができます。

繰り返しにより連続性が生まれ、よりプロフェッショナルに見える

類似の要素を繰り返すことで一貫性が生まれます。たとえば、あるページから別のページに移動する場合、ナビゲーション セクションは常に同じ場所に残ります。これにより、各ページが同様の機能を提供し、バランスの取れたオンライン エクスペリエンスを提供するという安心感を訪問者に与えることができます。

交差点に来たとき、それぞれの信号はどのような交通ルールを表しているのでしょうか。ある都市では、紫色の四角い信号が「進む」を意味し、別の都市では、長方形の青い信号が「進む」を意味しますが、さらに別の都市では、丸くて点滅するピンクの信号が「進む」を意味します。

もちろん、上記は極端な例ですが、最近アクセスしたサイトの中に、このような継続性とバランスが欠けているサイトがないか注目してみてください。ナビゲーション、ヘッダー、タイポグラフィ、画像、全体的なスタイルなど、一貫した要素を繰り返すことで、ユーザーにサイト全体をスムーズにナビゲートするルート マップを提供できます。ユーザーがこの反復的なデザイン要素に満足すれば、サイトを完了し、Web サイトに繰り返し戻ってくる可能性が高くなります。

ウェブサイトのデザインやフォント、色、画像、ナビゲーションなどのデザインにおいて、「繰り返し」というデザイン原則をどのように活用しますか? (Chen Qiuge による編集)

オリジナルリンク: http://www.techrepublic.com/blog/webmaster/effective-design-principles-for-web-designers-repetition/1849

元記事: http://www.csdn.net/article/2012-08-28/2809236-effective-design-principles-repetition

元のタイトル: ウェブデザイナーが従うべき2番目の効率的なデザイン原則: 繰り返し

キーワード: Web、デザイナー、従うべき、効率的、デザイン原則、繰り返し、要約、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化