• 0k
  • 0
ウェブデザイン \ 2015年12月31日

2016年、さらに素敵なホームページに。グレードアップのテクニック大公開!

2016年、サイトをアップデートしたいと感じている人も多いはず。今年のWebデザインのトレンドも、気になるところですよね。

ますます素敵なホームページで2016年を過ごせるよう、今年注目のワクワクするようなトレンドや、サイト訪問者を魅了するテクニックをご紹介します。これらの新しいコンセプトや機能を使えば、あなたのサイトが格段にグレードアップすること間違いなしです。

素敵なホームページで迎える2016年!

Googleのマテリアル デザイン

まずご紹介するのは、Googleのマテリアル デザイン。マテリアル デザインはインクや紙など、すぐにピンとくるコンセプトから着想を得て、つくられました。Googleが発表したこのマテリアル デザインガイドラインに沿って、Webデザインをすることで、高度なユーザーエクスペリエンスを実現するハイクオリティーなデジタル・デザインを達成することができます。ガイドラインには、タイポグラフィ、グリッド、スペース、カラーといったグラフィック・デザインの基本も丁寧に解説されています。

この3D効果を備えたシンプルなデザインを採用することで、統一感あるページを実現。また、アイコンや、レイヤリング、コントラストといった、デザインの拡張にも使えるすぐれものです。

現在、ガイドラインは英語のみで公表されていますが、下記「Googleのデザイナーによるマテリアル デザイン概要解説ビデオ」には日本語字幕もついているので、基本を理解するのに便利です。

動画背景でサイト訪問者を魅了

ウェブサイトの背景は、サイト全体のイメージを演出したり、ブランドメッセージを伝えたりと、重要な役割を果たしています。メッセージ性の強い動画背景の人気は上がる一方。インパクトのある動画を使えば、いきいきとした魅力的なサイトに。趣向をこらし、素敵な動画でサイト訪問者の興味をひきつけましょう。

でも動画の撮影はむずかしそう。そう思う人もいるかもしれませんが、実は簡単。あなたがスマートフォンで撮影した動画をアップロードすることで、実現できてしまいます。Wixでは自分で撮影した動画を背景に設置できることはもちろん、高画質のフリー動画素材もたくさん用意しています。

カラーでさらにインパクトアップ

ウェブサイトに使われるカラーも、サイトのイメージやブランディングにとても大切な要素です。カラーの効果は、スタイルやルックスにとどまりません。大胆な色使いで感情を表現したり、優しい色調でソフトな雰囲気を出してみたり。サイト全体のイメージを、効果的にサイト訪問者に伝えることができるのです。

ウェブサイトに使えるカラーバリエーションも、ますます充実してきています。思い切ってあざやかなカラーを使ってみたり、シェーディング効果やモノクロカラーなどを活用して、あなただけの素敵でクリエイティブなサイトを作ってみませんか。

カラーでインパクトアップ

フルサイズ・ストリップでより見やすく

ページをボックス毎のセクションに分割できるストリップ機能。Wixの画面幅フルサイズ・ストリップを使えば、よりいっそう見やすく美しいデザインやレイアウトに。表示したいコンテンツを見やすいようにアレンジできますし、大きいストリップであれば、より大きなイメージや文字を使えます。画面幅ストリップの縦の長さは、お好みで調整可能です。

Wixが提供するストリップを選択し、設定するだけ。あとはドラッグ&ドロップで、配置やスタイルを自由に変更可能です。

フルサイズ・ストリップでより見やすく

パララックス・スクロールの視覚エフェクト

パララックス効果とは、近くのものよりも、遠くのものがゆっくりと動いているように感じさせることで、立体感や奥行きを演出させる3Dのような視覚エフェクトです。このサンプルサイトをご覧ください。実際のユーザーのサイトですが、こうした視覚演出効果によって、サイトを興味深く、快適に見てもらうことで、ページの直帰率(アクセス直後のサイト離れ)を下げることができるのです。

すでにトレンドのパララックス効果、2016年もウェブデザインの主要エフェクトになりそうです。Wixで簡単にセットアップできますので、早速使ってみませんか。

動きのあるデザインで個性が光るサイトに

数年前であれば、アニメをウェブデザインに使うのは、タブーでした。ところが最近になって、動きのあるデザインのレベルが一気にアップして、人気が急上昇。アニメや動画ファイル(gifファイル)で素敵なウェブサイトを作成するユーザーが増えています。こうした動きのあるデザインを上手に取り入れ、個性が光るウェブサイトに仕上げることもできます。

動きのあるデザインで個性が光るサイトに

オリジナルイメージで差別化を

既存イメージやグラフィックを使うのは、経済的にも効率的にも楽ではあります。ですが、オリジナルのイメージを使えば、ブランドのイメージアップや、サイトの差別化を図ることができます。カスタマイズするサイトオーナーが増えているのも頷けますね。あなたのサイトやビジネスのオリジナル写真やイラストを使って、サイト訪問者を魅了すれば、ビジネスにつながるかもしれません。作成に少々コストがかかっても、採算がとれる投資になることでしょう。

素敵なホームページを作る準備はできましたか?
Wixを使って、無料で簡単にホームページを作りましょう。


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

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

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

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

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

Wixブログを購読 \ 

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

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

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

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