Loading...
  • 0k
  • 0
ウェブデザイン \ 2014年10月29日

Wixサイトで実践!成功するデザインの秘訣

たとえ経験豊富なデザイナーであっても、ウェブデザインやユーザビリティに関する最新トレンドを収集する努力は欠かせません。今回は、トレンドを取り入れた、成功すること間違いなしのウェブデザインの秘訣を、ホームページ作成が全くの初心者という人でも分かりやすくご説明します。

理想のホームページテンプレートを選んだら、さっそくあなたのWixサイトで実践してみましょう!プロフィール写真や、SNSボタン、ヘッダーやオリジナルのロゴなど、以下のポイントに沿って、自分流にカスタマイズすることで、プロフェッショナルな印象のオリジナルホームページがあっという間に完成します。

Wixサイトで実現!成功するデザインの秘訣

スペースを整理・整頓

ホームページの見た目も機能も美しく見せる近道は、まずパーツを揃えて配置することです。Wixエディタには予め「グリッド線」が引かれており、そのグリッド線に沿ってパーツや画像をオブジェクトにスナップして配置しましょう

複数のパーツを揃えて配置したい場合は、以下の方法で簡単です:

Ctrl キーを押したままパーツ(または画像)を選択>オブジェクトを囲む青いボックスを右クリック>ポップアップメニューから「設定」をクリック>整列スタイルを選択してください。

パーツを揃えて配置

固定ヘッダーを使って成功間違いなし

固定ヘッダーは、ホームページのトップメニューをおしゃれに、かつ機能的に改善してくれます。固定ヘッダーは見た目がかっこいいだけでなく、ページの下へスクロールしても、メニューへアクセスできるようになります。

ヘッダーやフッターを固定する方法をご覧ください。

固定ヘッダー

SNSアイコンをオリジナル仕様にカスタマイズ

WixのホームページにはSNSアイコンがデフォルトで装備されています(装備されていない場合は、追加方法を参照)。しかし、SNSアイコンを楽しくカスタマイズできるたくさんの選択肢があることをご存知でしたか。ホームページのデザインに合ったアイコンを見つけたら、訪問者をSNSページへ誘導するのも忘れずに。自分のソーシャルアカウントのURLに変更しましょう。

ソーシャルアイコンをカスタマイズ

ページ変換をスタイリッシュに演出

ホームページに、思わずハッとするような美しい演出を仕掛けたくありませんか?ページ間を移動する際のスタイルに素敵な効果を追加しましょう。

横方向にスワイプ、縦方向にスワイプ、クロスフェード、アウト・インなどから、ページ変換スタイルを選択しましょう。ページ変換効果のスタイル詳細と設定方法を参照ください。

ページ変換スタイル

インスタグラムのようなフィルタを画像に追加

最近大人気の写真トレンドと言えば、写真におしゃれなフィルタをかけてカスタマイズすること。あなたの画像をプロ並みに加工してくれる、人気のフォトフィルタがWixエディタに入っています!

つまり、Wixエディタを離れることなく、インスタグラムのような素敵なフィルタ効果を画像に追加できます。Wixの画像エディタの使い方を見て、早速サイト上の画像を一新しましょう。

フィルタで画像を一新

フォトギャラリーで画像を引き立てる

画像をもっと印象的に魅せる方法があったらな、と悩んでいませんか? Wixの画像ギャラリーは、手間なく、画像を美しく表示してくれるツールです。オリジナル画像をアップロードするだけで、あとは画像ギャラリーのマジックに任せるだけ!

WixエディタやWix App Marketの中から、数ある画像ギャラリーのスタイルを選びましょう。

画像ギャラリー

オリジナルのロゴを手軽に作成

ホームページのヘッダーに魅力的な画像を追加して、ブランド名に注目を集めましょう。Wixエディタには、多彩なクリップアートが豊富に揃っています。ブランド名を目立たせると同時に、ホームページにオリジナリティを出し、プロフェッショナルな印象を与えてくれます。

Wixエディタでクリップアートを見つける方法:

エディタの左にあるメニューから「追加」>「画像」>「クリップアート」をクリックして、好きなクリップアートを追加しましょう。

オリジナルのロゴを作成

動画ギャラリーでホームページを盛り上げる

前述のフォトギャラリーと同様に、動画もスタイリッシュに整理して、表示するツールがあるんです!Wix App Market のVideo Galleryアプリをご活用ください。

動画ギャラリー

お問合わせページをカスタマイズ

楽しくて、便利なツールを追加して、より多くの人々にビジネスの所在地をお知らせしましょう(お客様が道に迷わないためにも必須です)。Google Maps をお問合わせページに追加することで、素敵な画像を表示でき、かつ、電話口で説明するよりもスマートに道順を示してくれます。

お問い合わせページをデザイン

オンラインビジネスを始める準備はいいですか?さあ、Wixで無料ホームページを作成しましょう!


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

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

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

Wixブログを購読 \  

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

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