• 0k
  • 0
ウェブデザイン \ 2014年3月27日

プロ並みのホームページを作成する5つのヒント

Webデザインのトレンドや流行は、ファッションと同様に、常に変化し続けています。最新トレンドを取り入れてホームページを作成することで、プロフェショナルな印象を構築することができます。あなたが面接に行くときに、最高の自分を演出するのと同じく、ホームページも最高のWebデザインが必要なんです。

プロフェッショナルなホームページを作りたいあなたが、覚えておくべきWebデザインのヒントを5つご紹介します。

プロフェッショナルな Webデザイン コンテンツ

1. シンプルなデザイン

情報が溢れている今の時代、Web業界もその例外ではありません。広告、バナー、アイコン、画像、ボタンなど、探している情報にたどり着く前に、その他のインフォメーションの渦に圧倒されてしまうことはありませんか?

フラットデザインや余白を上手く使うことで、サイト訪問者を情報の渦から救うことができるでしょう。最も伝えたいことに焦点をあて、シンプルで、ミニマルなデザインを、あなたのホームページにも取り入れてみましょう。「Less Is More(少ないほど、豊かである)」は、間違いありません。

プロフェッショナルなサイトを作成する5つのWebデザインのコツ

株式会社ヤジマさんのWixサイト

2. Webの常識をリサーチ

冒頭でも述べたように、Webデザインのトレンドは常に変化しています。トレンドに敏感になるためには、新しい目線でウェブサイトを眺めること。まずは、そのサイトのどこが気に入っていて、どこが気に入らないかを考えてみましょう。そして、リサーチに基づいて、自分のホームページを、どんな風に改善するかをメモしておきましょう。

縦に長いスクロールを用いたデザインは、あなたのホームページに最適ですか?または、お問合せページでの項目名や、アイコンの使い方など、小さなことでもいいのです。「あっ、賢い」と思ったWebデザインは、どう自分のホームページで実践できるかを考えましょう。

素晴らしいWebデザイン

3. 視覚的な階層を利用する

視覚的な階層(ビジュアルヒエラルキー)とは、基本的に私たちの目は、特定のパターンに沿って、ウェブページ上を見ており、そのパターン(階層)を理解することで、ホームページ上の重要なコンテンツをより効果的な場所に配置することができます。

例えば、「今すぐ登録」ボタンを追加する際、できるだけ多くの人にボタンをクリックしてもらい、登録者を増やしたいというゴールがあるはずです。視覚的階層によると、人の目線は、上から下に、左から右に移動します。つまり、ホームページの左上に、ボタンを配置することで、一番と注目を得ることができ、結果として、より多くのクリック数を達成できる、と推測できます。

最も重要なコンテンツのみを、一番効果的な場所に配置することをお忘れなく。一つの場所に、多くのコンテンツを配置してしまうと、結果的に混乱を招いてしまいます。

プロフェッショナルなホームページを作成する5つのWebデザインのコツ

シンガポール発「SEA ALMOND」さんのWixサイト

4. 文章はデザイン性の前に読みやすさ

文章は、情報を提供し、質問される前に、答えを提供する役割を果たします。デザインに重点を置きすぎて、読者が目を細めなければ読めないような文章は避けましょう。以下のシンプルなルールに従うことで、明確で、美しいテキスト要素を実現できます。

  • はっきりとした色のコントラストを。例えば、白い背景の上に、クリーム色のテキストで文章を書くと、サイト訪問者に不要なストレスを与えてしまうか、その前に諦めてページを閉じてしまうでしょう。色のコントラストが強いほうが、テキストは読みやすくなります。
  • 小さすぎるフォントサイズは避ける。小さな文字は、可愛く繊細な印象を演出できるかもしれませんが、実用的ではありません。虫眼鏡がなければ、あなたのメッセージが伝わらないなんてことにならないように注意しましょう。
  • フォントで目立たせる。ブランドイメージを決め、ホームページでは2~3個以下のフォントに絞ってデザインしましょう。
DOODLEMOOSE DESIGNSさんのWixサイト

DOODLEMOOSE DESIGNSさんのWixサイト

5. スマートフォンの恩恵を最大限に利用

モバイル端末からアクセスできない、閲覧しにくいホームページは、今の時代、プロフェッショナルとは言えません。それどころか、多くの見込み客を逃している可能性も少なくはありません!

Wixのホームページビルダーでは、直感的なモバイルエディタを搭載し、カンタンにしかも無料で、スマホサイトを作成することができます。上記のWebデザインのポイントを押さえつつ、スマートフォンではどんなデザインになるかを、プレビューモードで確認しながら、PC、タブレット、スマホなど、どこから見ても素敵なホームページを作成しましょう。

スマホサイトも無料でカンタンに作成できるWixサイト

tronicaさんのWixサイト

さあ、プロフェッショナルなホームページ作りを始めるには、まずはホームページテンプレートを選びましょう。すべて無料です!

ライター: Wix Team
Wix

今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email