Loading...
  • 0k
  • 0
スモールビジネスのコツ \ 2016年5月30日

Wixエディタの便利なアイコン活用術

Wixエディタは、フラットデザインや縦長スクロールのシングルページなど、美しいデザイン要素を網羅。常にWebデザインのトレンドを押さえたホームページを作成できるツールとして、多くの人から支持を得ています。その一方、機能が豊富なため、知っておくと便利な機能やツールを、もしかしたら見過ごしてしまっているかもしれません。

今回ご紹介するのは、無料で利用できる「アイコン活用術」です。ホームページ制作の際、アイコンの利用範囲は思いの外広く、ホームページ全体の雰囲気にも大きく影響します。早速、おすすめのアイコン活用術をご覧ください!

Wixエディタの便利なアイコン活用術

ナビゲーション

訪問者がホームページ上で迷わないため、上手にナビゲーション用のアイコンを配置しましょう。例えば、縦長シングルページの通販サイトをスクロールしていき、いざ「商品を購入」となった時に、決済へ進むシッピングカートが見当たらなかったらどうでしょうか?

縦長のページであれば、「トップアイコン」を配置し、クリック一つで一気にトップページへとぶことができるように工夫が必要です。また、どこからでも見つけやすいように、トップページに「ショッピングカートアイコン」を設置しましょう。快適なドライブのための道路標識のように、ナビゲーションの利便性を高めるアイコンはホームページに欠かせない存在です。

アクション誘導

アイコンにはステータスを示すだけでなく、アクションを誘導する機能があります。「お問い合わせ」、「予約」、「いますぐ入会」など、シンプルなアイコンを適切な場所に配置することで、その効果はてきめんです。

ポイント:ごちゃごちゃとした文字をアイコンに重ねることは避けましょう。最小限の文字数で、端的に伝えるのが理想的です。

ポイントを示す矢印

「注文」、「予約」、「購読」などのボタンをもっと目立たせたい!そんな場合は、「矢印」アイコンがぴったりです。人の目は矢印を追う傾向にあるため、自然と目線は矢印の先の方へ。しかし多用は禁物。厚かましくならない程度に控えめに配置するのがポイントです。

印象的な箇条書き

箇条書きを作成する場合、通常は行頭文字や数字を利用するのが一般的です。より印象的に、そして見やすい箇条書きにするため、思い切ってアイコンを利用してみてはいかがでしょうか?例えば、オーガニック料理のレシピを示す際に、関連食材のアイコンを配置するといった具合です。

Wixエディタ内には、いろいろな種類のアイコンが用意されているので、ポップな感じや、きっちりとした感じなど、ホームページの種類や、場面などによって使い分けることができます。

Wixエディタの便利なアイコン活用術、箇条書き

表彰バナーやバッジ

ショップで一番の売れ筋商品は? 特別な資格を有するチームメンバー紹介?品質保証のアピール?そのような場合には、表彰用のバナーやバッジ・アイコンを利用するのがおススメです。さらに「優勝」や「金賞」などの文字をバナーやバッジに添えると、より特別感が際立ちます。

写真代わりのアバター

チームメンバーの中には、インターネット上に自分の顔写真を掲載するのは避けたいと考えている方もいるかもしれません。その場合、アイコンが救世主となってくれます。 アバターとしてアイコンを利用すれば、写真以上に個性的に、チームメンバーを紹介できるかもしれません。

Wixエディタの便利なアイコン活用術、写真代わりのアバター

SNS用アイコン

FacebookやTwitter、InstagramなどのSNSへのリンクには、ロゴを表した定番アイコンを利用する必要があると考えていませんか?実は思い切って、ホームページのデザインやブランドに合わせたアイコンを選び、個性的なサイトにすることも可能です。

Wixエディタの便利なアイコン活用術、 SNS用アイコン

多言語サイトの国旗

多言語対応のホームページであれば、英語(English) ・日本語(Japanese)などと記載する代わりに、国旗アイコンを利用するのがおすすめです。

ホームページ上の国旗アイコンは言語を切り替える意味があることは、すでにグローバルに定着しています。アイコンを使用することで、よりシンプルなデザインにまとまります。

美味しいフードアイコン

レストラン用のホームページであれば、食欲をそそる料理写真を披露するのが一番ですが、補完的にアイコンを利用するのも手です。例えば、メニューへの誘導、レストランの紹介ページ用に関連アイコンを配置しましょう。

デザイン力の不要なアイコン編集ツール:
「さらに自由にアイコンを活用したい!でも、デザイナーではないし」、と躊躇されている方におすすめなツールがillustrioです。英語サイトではありますが、豊富な種類のアイコンが揃っており、且つ、色などのカスタマイズが可能です。

アイコンを上手に取り入れ、スタイリッシュなホームページに仕上げませんか?Wixで無料のホームページを作成しましょう!

これからサイトを作成する方、サイトをリニューアルしたいと思っている方に役立つ情報を無料でお届けします。購読を希望される方は、メールアドレスを登録ください。>>


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

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

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

Wixブログを購読 \  

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

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