あきばれホームページ作成
小さく始めて大きく育てるホームページ作成サービス

HPを使ったWEB集客が分かる!経営者向けのメールマガジン『経営塾』

デザイナーじゃなくても絶対役立つ「デザイン四大原則」(その2)

関連情報:初心者でも簡単!【ホームページの作り方講座】

経営塾バックナンバー: 2018年3月8日配信

この記事を読むのにかかる時間:約 5 分

今回は、前回に続いて「デザイナーさんたちが守っている、デザインの4大原則」をご紹介します。

デザインの4大原則は、以下の4つです。

  1. 近接
  2. 整列
  3. 強弱
  4. 反復

前回はその中から「近接」と「整列」についてご紹介しました。

前回の記事

続いて残りの「強弱」「反復」について見ていきましょう。

強弱:メリハリをつける

「強弱」は、情報に優先度をつけて、はっきりと違いをつけることです。
「コントラスト」「メリハリ」とも言われます。

すべての要素が同じように並んでいるだけだと、どこから読めばいいかわかりません。

また、全部目立たせてしまうと、全部目立ちません。

重要な情報をしっかり認識してもらうために、「はっきりと」違いをつけることが大切です。

たとえば、以下のデザインサンプルを見てみましょう。

開くと、向かって右側にあるオレンジ色の背景のキャッチコピー部分に目が行きます。

その中でも「秋期講座」「特別講座」という箇所に目が行ったのではないでしょうか?

一番目立たせたい部分に、はっきりと大胆に違いをつけると、メリハリがつき、重要な情報が分かりやすくなります。

強弱をつけるには主に以下の方法がありますので試してみてください。

  • 文字サイズを変える
  • 文字色を変える
  • 文字の太さを変える
  • 枠や背景色で囲う
  • 周りに広い余白を取る
  • アイコンや線などのワンポイントをつける

【あきばれホームページ】のCMS【Buddy】では、メリハリのついたパーツ(見出し、画像、ボタン、リンクetc)をご用意しています。

タイトルや誘導リンクなどの目立たせたい部分は、予め文字を大きくしていたり、色を変えていたり、など工夫を凝らしています。

各パーツを配置しただけでも、メリハリのついたデザインが簡単に作れるので、「デザインが苦手……」という方にもおすすめです。ご興味ある方は、ぜひ弊社CMSをご覧ください。

反復:特徴的な要素を繰り返し使う

「反復」は、特徴的なポイントを意識して繰り返し使うことです。

見出しデザインやアイコン、モチーフ、色使いなどの要素を、サイト内の随所で繰り返し使って、デザインに一貫性を持たせます。

以下のデザインサンプルを見てみましょう。

 

このサンプルでは「花」がモチーフとなっており、メインエリアのバナーやアイコンなど随所で、花のモチーフが使われています。

このようにサイト内の全ページを通して統一することが重要です。

サイト内にまったく違うアイコンや色使いのページが1ページあると、違うサイトのように見えます。ユーザーに「あれ?違うサイトに移動したかな?」と不安を与えてしまうので、統一感を意識して「一貫性」を持たせてみてください。

【あきばれホームページ】のCMSのテンプレートは、WEBデザイナーが統一感を意識してデザインしています。

難しく考えなくても、簡単に一貫性を出せるので、これからホームページを作成しようという方はぜひ一度弊社サービスもご検討ください。

以上、「デザイナーさんたちが守っているデザインの4大原則」をご紹介しました。

この4大原則に共通しているのは「読み手にわかりやすいデザイン」を意識して工夫している点です。

ルールを意識しつつ、ユーザーの視点でわかりやすいかをチェックしてみてください。

事例としてご紹介した【あきばれホームページ】のデザインサンプルは、以下のページからご覧いただけます。

他にも多数のデザインを掲載しました。今なら今月追加されたばかりの新しいデザインも掲載していますので、4大原則に着目してぜひご覧くださいね。

お客さまを増やせるデザインサンプル

初心者むけHP作成サービス【あきばれホームページ】では、お客さまを増やせるデザインに力を入れています。

以下のページで、「お客さまを増やせるデザインサンプル」をいくつかご紹介しております。ぜひご確認ください。

部品型CMS【Buddy】というツールを利用していますので、ページの下の方もビジネスらしい、信頼感のあるデザインのホームページが作成可能です。

お客さまを増やせるデザインサンプル

10分で読める、身につく! ホームページ作成&活用術が、毎週届く!
8500社超の制作実績から生まれたノウハウが手に入るメールマガジンです。

ネット集客がみるみる分かる『経営塾』登録
無料

お客様を増やせる、低価格なホームページ作成サービスのサービス・料金

チラシとHPの連動で集客UPへ

本日は、会員さまよりいただいたお便りをご紹介します。 会員さまからのお便り 住宅の…続きを読む

ページの一番上へ

自分で更新できる集客ホームページのサービス・料金

お問合せ・ご相談をお気軽におよせください

このようなお問合せをお待ちしています

  • 他にどんなデザインがありますか?
  • デザインを自分で変更できますか?
  • 費用はいくらかかりますか?
  • 私の業種の事例はありますか?

こんな方はお気軽にご相談下さい

  • サイトが素人っぽいのできちんとしたHPを作りたい
  • いつまでたってもHPができなくて、困っている
  • サイトがあるだけで、ちっとも役に立っていない
  • Jimdo、Wix、WordPressが使いにくい