top of page

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


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

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


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


1. シンプルなデザイン


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


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



2. Webの常識をリサーチ


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


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


素晴らしいWebデザイン

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


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


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


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



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


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

  • はっきりとした色のコントラストを。例えば、白い背景の上に、クリーム色のテキストで文章を書くと、サイト訪問者に不要なストレスを与えてしまうか、その前に諦めてページを閉じてしまうでしょう。色のコントラストが強いほうが、テキストは読みやすくなります。

  • 小さすぎるフォントサイズは避ける。小さな文字は、可愛く繊細な印象を演出できるかもしれませんが、実用的ではありません。虫眼鏡がなければ、あなたのメッセージが伝わらないなんてことにならないように注意しましょう。

  • フォントで目立たせる。ブランドイメージを決め、ホームページでは2~3個以下のフォントに絞ってデザインしましょう。


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


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


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



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



ja03.png
bottom of page