Loading...
  • 48k
  • 7
Wix でウェブデザインしよう \ 2017年1月5日

ワンランク上のホームページを作るための8の秘訣

世界で9500万人以上が使うホームページ作成ツールWix。人気の秘密はデザイン性が高く、効果のあるホームページを簡単に作れることです。

「オシャレなサイトがパワーポイント感覚で簡単に完成した」「サイトの更新が本当に楽になった」「Wixのおかげで、副業をスタートできた」「問合せが増え、売上アップにつながった」など嬉しい声を、ユーザーの皆様から多くいただいています。

今回は、Wixを使ってワンランク上のホームページを作るための8の秘訣をご紹介します。このブログを見て、見やすく、トレンドに合ったホームページを作ってみてください!

1.見やすいサイトのレイアウト⇒ストリップもしくはカラムを利用する

見やすいウェブデザインにするためにすぐできるのが、レイアウトの改善です。レイアウトを検討するときは、サイトのコンテンツをセクションごとに分けることができないか、まず考えてみてください。

レイアウトを考える上で便利に使えるのが、ホームページ画面をいくつかのブロックに水平分割することができるストリップです。別のオプションとしてカラム機能を利用したサイト整理法があります。カラムを使うと、垂直に画面を分割することができます。ストリップやカラムは併せて使用することも可能です。

ストリップやカラムを利用したレイアウト例として、スペインで作成されたペットショップのWixサイトもみきの黒にんにくのWixサイト(中国語版)をご覧ください。

2.ブランドイメージと一致するようにサイトの色をカスタマイズする

サイトの目的や会社のブランドによって、ホームページ上で使う色は異なってきます。色はサイト全体の雰囲気を大きく左右するので、ホームページの内容以上に重要といってもよいかもしれません。

サイトの色をなかなか決めることができない方はまず、ホームページ配色入門を読み、ここで書かれている4点に気を配りましょう。使いたい色がおおまかに決定したら、さらに色をブランドイメージ近づけるため、こちらの手順(サイトの配色を変更する)に従い、色合いを調整してください。

ホームページ, カラーパレット

3.スクロールエフェクトを追加し、ページを楽しく見せる

スクロールエフェクトをまだサイトに取り入れた事がなければ、2017年、是非試してみてください。背景が動くことで、サイト全体に活気を与え、ページを楽しく魅力的に見せることができます。

スクロール効果が加えられたサイト(例:Kuppa Coffee)を実際に見て、あなたのサイトにもスクロールエフェクトを加えてみてください。訪問者のブラウジング体験がぐっと素晴らしいものになるはずです。

4.Bigstock素材を使い、高画質の画像をホームページに追加する

プロ並みのホームページには、高画質の画像が欠かせません。でも、プロの写真家を雇うのは予算的に厳しい人もいることでしょう。

そんな時は、Wixエディタのフリー素材(ホームページ作成に自由に使って頂ける、数百もの無料画像) やエディタ内からアクセスでき、1枚単位で購入することができるBigstock素材を使ってみましょう

BigStockはロイヤリティーフリー写真素材が集まっているサイトで、4300点以上の画像が揃う大型サイトです。プロが撮影した写真を選び、背景画像やギャラリーなどに自由に使ってみてください。

Bigstock素材

5.画像のサイズを揃える

ホームページの作成には細かい作業も必要です。パーツの配置を揃えたり、画像のサイズを合わせたり…。でも、これらの細かい作業もWixを使えば、ワンクリックで解決します。

画像のサイズを合わせたい時は、該当の複数の画像をクリックした後、「サイズを均等化」のオプションを選択してください。幅を合わせたり、高さを合わせたり、自由自在に画像のサイズの変更が可能です。詳しい手順はこちら。もちろん、アイコンやボタンのサイズを統一する際にも使っていただけます。パーツの配置や間隔を整えるのもWixのツールを使えば、楽々です。

6.ギャラリーにマウスオーバー効果を追加する

訪問者のアクションによって動くインタラクティブなホームページは、人の興味を引くため、購入や購読などのコンバージョン率が高い傾向にあります。画像の上にカーソルを合わせると動くマウスオーバー効果をギャラリーに追加してください。

スムーズで小さい動きなので、動きが多いウェブデザインが好きでない方にもおススメの機能です。

7.生き生きとしたサイトを動画背景で実現

ダイナミックなホームページを作成するには、動画背景を利用するのが一番です。ターゲット顧客やサイトの目的により、全てのホームページに動画背景が適しているとは限りません。でも、試してみるのに値する機能です。

動画背景

8.注目してもらいたいコンテンツをスライドショーで表示

スライドショーを使うことで、新商品の紹介、イベント告知、新ブログ記事など、注目してほしいコンテンツを訪問者にきちんと見てもらうことができます。スポットライトを当てたいアイテムをスライドショーで掲載しましょう。詳細はこちらをご覧ください。

ホームページ作成ならWix


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

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

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

Wixブログを購読 \  

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

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