スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. ホームページを作る前に
  4. ホームページのデザインを考えよう

Jimdo逆引きコラム

ホームページを作る前に

ホームページのデザインを考えよう

執筆:野崎 晃(株式会社デック)

2017年8月25日更新

  • このエントリーをはてなブックマークに追加

閲覧数544views

このコラムをPDF形式でダウンロードする

ホームページの構成がある程度決まったら、次はどのような見た目のホームページを作るのかイメージを膨らませてみましょう。デザインはホームページを訪れたお客様に一瞬で様々な印象を伝えます。

とくにメインビジュアルとホームページ全体の色使いは、ホームページの印象に大きく関わる要素です。ホームページを見にきたお客様に、どのような印象を持ってもらいたいかという視点で考えてみてください。

メインビジュアルを決めよう

ホームページのトップページに大きく表示されるイメージ画像は「メインビジュアル」などと呼ばれ、ホームページを見にきた人の目に一番最初に飛び込んできて、強い印象を残します。そのため、メインビジュアルはホームページ全体の印象を左右してしまう場合もあるのです。

では、どのようにメインビジュアルを決めれば良いのでしょうか?
まず一番最初に考える必要があるのは「あなた会社やお店の事業が一目でわかるかどうか」ということです。

ホームページを見にきたお客様は、メインビジュアルを見た時にそのホームページに求めている情報があるかどうかを瞬時に判断します。そのため、適切なメインビジュアルでなければ、ホームページの中にたくさん情報があったとしてもお客様はその情報を見る前に他のホームページへ行ってしまうかもしれないのです。

たとえば、飲食店であればメインビジュアルをおいしそうな料理の写真にすることで「食事ができるお店」だと一瞬でホームページを見にきたお客様に伝えることができます。もし、料理とは全く関係の無い写真にしてしまうと、飲食店を探している人は「このホームページには求めている情報は無さそうだ」と思ってしまうかもしれません。

このように、メインビジュアルは訪れてきたお客様に「ここは○○のホームページですよ」と一瞬で伝えるという役割を担っているのです。

ホームページのカラーを決めよう

ホームページのカラーもホームページの印象に関わる大切な要素の一つです。

目立たせたい要素が複数あるからといって、たくさんの色を使うとまとまりの無い印象になってしまう場合があるため、使用する色数には注意が必要です。

一般的にホームページの最も大きな面積を占める「ベースカラー」、印象を決める「メインカラー」、目立たせたい要素などに使用する「アクセントカラー」という3色がホームページの配色の基本となります。この3色を基本にしてホームページの配色を行えば、全体の雰囲気に統一感を持たせることができるはずです。

まずは、ホームページの印象を決める「メインカラー」を決めましょう。
会社にコーポレートカラーがある場合はその色をメインカラーにする場合もありますし、色が人に与える印象から決める方法もあります。

こちらのコラムでは色が持つ意味や心理的な効果などがわかりやすく掲載されていますので、ぜひ参考にしてみてください。

また、こちらのコラムでは業種ごとによく使われる色や、注意すべきことが書かれています。

「メインカラー」が決まったら、「ベースカラー」「アクセントカラー」を選びましょう。

「ベースカラー」は背景になるので白や淡い色など、「メインカラー」の印象の妨げにならない色を選ぶと全体のイメージを作りやすいです。「アクセントカラー」はメインカラーとは正反対の色から選ぶと、ホームページのデザインにメリハリが生まれて引き締まります。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/9/17~2017/9/23]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!