毎年、ウェブデザインは急速に進歩しており、ほぼ毎日新しいデザインが登場しています。2015年には、2014年にすでに予測されていた多くのトレンドを含む、最高のウェブサイトが登場すると想像できます。これらのトレンドが2015年頃に実現するにつれて、今こそ2015年に起こりうる新しいトレンドを予測する時です。誰もが2014年を振り返り、2015年に展望を抱いています。それでは、2015年に起こりうるウェブデザイントレンドを見てみましょう。

スクロールページ送りがより流行

今日登場するほとんどの新しいウェブサイトは、より長いページを採用し、スクロールによってページをめくる傾向にあります。モバイルデバイスがますます普及するにつれて、スクロールで画面上のコンテンツを閲覧することが一般的になり、特にデバイスのホームページではクリック方式に取って代わりつつあります。ユーザーにとって、スクロールでページをめくって情報を得るほうが、ボタンを何度もクリックするより明らかに簡単です。

スクロールページ送りが普及しているのはホームページだけではありません。超ロングスクロールサイト（ワンページサイト）が人気を集めるにつれて、スクロールによる利点もさらに増え、ホームページ以外の多くの場所でもこのパターンが現れ始めています。例えば、アバウトページや製品ページなどは、さまざまなコンテンツを表示するシンプルな方法となっています。例えば、Apple iPhone 6のスクロールページ送りは多くの場所に拡張され、製品のさまざまな特徴や性能を紹介しています。さらに、iPhone 6のウェブサイトには滑らかなアニメーションも追加され、スクロール体験を視覚的により魅力的なものにしています。

ストーリーテリング＋インタラクション

ウェブサイトにとって、驚くべきコンテンツを持つことは常に非常に重要であり、そのコンテンツを活用してストーリーを語ることはさらに大きな利点です。2015年のウェブデザインは、ユーザーにストーリーを伝える方法に焦点を当てる可能性が高いでしょう。例えば、スペースニードル（アメリカ・シアトルのランドマークであるスペースニードル）のウェブサイトは非常に美しく、ストーリーテリングの手法でスペースニードルに関する事実を紹介し、スクロールページ送りのデザインでそれを支えています。スペースニードルはまた、2015年のもう一つのトレンド、すなわちインタラクションも証明しています。ウェブデザインには、独自で魅力のな方法でコンテンツの紹介を助けるために、より多くのインタラクティブ要素とアニメーション要素が追加されています。ウェブデザインにインタラクションとアニメーションを加えることで、あなたのウェブサイトに驚きの要素をもたらすことができます。例えば、Impossible Bureauのウェブサイトは非常にインタラクティブで、スクロールやホバーに反応します。

大見出し背景画像の欠如

ここ数年、ウェブデザインでは大見出しの背景画像が非常に人気で、その上に説明文が置かれることがよくあり、これはほとんどの訪問者がサイトを訪れたときに最初に目にするものです。大見出しの背景画像がこれほど普及している中で、あなたのウェブサイトはどうやって目立つことができるでしょうか？ 逆の対策を取ることです。最近登場した一部のウェブサイトは、この流れに逆らい、大見出しの背景画像を廃止しました。彼らがそうするのは、単に流行に追従したくないだけでなく、ウェブサイトのパフォーマンスとスピードの向上も求めているのだと思います。New Wave Companyのウェブサイトはこれらの特徴を示しています。大見出しで訪問者を歓迎し、大きなフォントをページの中央に配置していますが、見出しの背後には大きな背景画像はありません。これは上品なアプローチであり、大きな背景画像を使用する他の人気ウェブサイトデザインに劣るものではありません。

不要なデザイン要素の排除

すべての不必要な要素が取り除かれて初めて、ウェブデザインは完成すると考えるデザイン思想があります。2015年には、この考え方がより良く具現化されるのを見ることができると思います。なぜなら、より多くのウェブサイトが不要なデザイン要素を排除してウェブデザインを簡素化しようとしているからです。New Wave Companyのウェブサイトが大きな背景画像を排除したのは、その最良の例の一つです。不要なデザイン要素を排除してサイトを簡潔に保つもう一つの最良の例は、Rareview Digital Agencyのウェブサイトです。そこでは大きな背景画像の見出しで訪問者を迎えることもしていません。デザイナーたちは実際に、背景色、多数の画像、複雑なレイアウトなど、現在のウェブサイトで人気のある多くのデザイン要素を排除しています。その代わりに、より明快で簡潔なウェブデザインを選択しており、デザイン、画像、色を重視する現在のウェブサイトの中で、これらのデザインは思わず目を見張らせるものがあります。

固定幅の中央配置ウェブサイトレイアウト

ここ数年、ほとんどのウェブサイトはフルワイド（全幅）のウェブサイトレイアウトを採用しており、画像やビジュアルの広がり部分をブラウザのビューポート全体に表示することができました。このトレンドが人気になる前は、ほとんどのウェブサイトは固定幅で、コンテンツはページの中央にあり、サイトの両側の終端部分を見ることができました。固定幅のトレンドは、より現代的な方法で復活しているようです。ウェブサイトとそのコンテンツがビューポートの端に配置されるのではなく、一部のウェブサイトは最大幅を選択して、コンテンツがビューポートの中央に来るようにしています。Michele Mazzuccoのウェブサイトはまさにその例です。

プロフェッショナルで高品質なカスタム写真撮影

ストック写真は今でもデザインにおいて一定の地位を占めていますが、最近登場したほとんどのウェブサイトでは、ストック写真の代わりに高品質のプロフェッショナル写真が使われ始めています。それらは通常、ウェブサイトのためにカスタム撮影された独自のものです。カスタム写真を使用することは、単にストック写真を選ぶよりもデザインにおいてはるかに進歩しており、あなたのウェブサイトを独自のものにし、他のウェブサイトは同じ写真を使用することができません。例えば、Grain and Mortarのウェブサイトでは、カスタム写真が大見出しに使用されており、これは個性のな効果を示しています。写真に写っている人物やオフィスの風景はすべてGrain and Mortarに実にするものだからです。結局のところ、偽のオフィス空間のストック写真はありません！

ポップアップ／スライドアウト型アプリ風メニュー

レスポンシブウェブデザインはしばらく前から流行していますが、最近までは、ほとんどのウェブデザインはデスクトップデバイスでの見栄えを重視し、スマートフォンやタブレットではとりあえず見られる程度でよいとされてきました。しかし、どのようなデバイスであっても、レスポンシブウェブデザインはより良い体験へと向かっています。私たちは、このようなデザイン要素がモバイルデバイスに移行し、より広く使用されているのを目にしています。例えば、24waysとRawnetはどちらもこの考え方を示しており、アプリ風のレスポンシブメニューをウェブサイト全体に追加しています。これは、より小さなビューポートのデバイスだけに限りません。この場合、この2つのウェブサイトは、上部の水平メニューではなく、左または右に配置された垂直メニューを選択しており、ポップアップ／スライドアウト型のアプリ風メニューに近い使い心地です。この技術により、ウェブサイトはより小さいビューポートでもアプリケーションとレスポンシブデザインを実現できます。

メインメニューの非表示

これは上で説明したポップアップ／スライドアウト型アプリ風メニューと非常によく似ています。私は、より多くのウェブサイトが初回訪問者に対してメインメニューを非表示にするようになるだろうと期待しています。訪問者が移動しようとして該当するアイコンをクリックしたときにのみ、これらの隠されたメニューが表示されます。このレスポンシブデザイン技術は、小さなビューポートだけでなく、ウェブデザインに登場し始めています。Brian Hoff Designの新しいウェブサイトはその最良の例です。彼はウェブサイトの右上にあるハンバーガーアイコンを使用してナビゲーション機能を隠し、訪問者がそれをクリックするまで表示しません。過去2年間で、この行動は徐々に受け入れられ、訪問者はウェブアプリやモバイルアプリでそのように操作することに慣れてきています。彼はこのパターンをウェブサイトに適用し、ビューポートのサイズに関係なく、ウェブサイトの簡潔さと完全な機能を確保するのに役立てています。

非常に大きなフォント

2014年には、タイポグラフィは多くのウェブサイトデザインにおいて重要な役割を果たしましたが、このトレンドが短期のに変わる兆しは見られません。しかし2015年には、ウェブサイト内の見出しやフォントがますます大きくなっていくのを見ています。誇張して言えば、空を飛ぶ飛行機からでも地上の文字が見えるかもしれません。Tiny Giantのウェブサイトを訪れると、非常に大きなフォントが目に入ります。これは実際には一つの宣言であり、見逃すことはほとんどありません。大きなフォントは2015年のウェブデザインでも引き続き重要な役割を果たし、訪問者の視覚のな階層を確実に向上させる方法となるでしょう。訪問者はまず最も大きなフォントに目を奪われます。なぜなら、それが最初に注意を引くからです。

パフォーマンスとスピード

多くのデザイントレンドは、ウェブサイトの読み込み速度を速め、帯域幅の消費を減らすという需要によって推進されています。この記事で取り上げたトレンドのほとんどは、ウェブサイトを軽量化し、スマートフォン、タブレット、またはより遅いネットワークのユーザー向けに、より速い読み込み方法を模索する必要があります。ウェブデザイナーと開発者は、自社サイトの重さと、ユーザーがどのようにサイトと関わるかをますます強く認識するようになっています。レスポンシブウェブデザインは、こうした懸念を軽減するのに役立っています。ネットワーク速度の遅さやデバイスの種類などの要因により、デザイナーと開発者はファイルとウェブサイトのサイズに細心の注意を払う必要があり、ウェブサイトの読み込み速度はネットワーク速度の条件によって異なります。驚くことではありませんが、2015年には、読み込みが速く、遅延のないシームレスなウェブサイトが求められています。

出典：テンセント科技