18f163a226a6f1a9cddcb23e67da86a511

Webデザインは日々進化し、活力に満ち、変化に富んだ業界です。しかし、ウェブサイトのデザインは最終製品ではありません。それはむしろ製品の表現であり、人と人とのつながりであり、ツールやサービスなのです。

Despreneurの「今週の最もクリエイティブなウェブサイト」という週刊シリーズで500以上のウェブサイトを見た後、私は現在のWebデザインの状況と来年の方向性を大まかに感じ取ることができました。この記事では、Webデザインの現状を評価し、2015年のいくつかのトレンドを予測します。

ここで行ったすべての仮定や推測は、私が2014年にデザイン業界で行った調査と経験に基づいています。正しい部分もあれば間違っている部分もあるかもしれません。この記事に改善すべき点があると思われる方は、ぜひ一緒に検討したいと思います。

自然素材の写真

自然素材の写真は2014年に大きく流行しました。このグループが「自由気まま」という名目で美しい写真を撮り続ける限り、このブームは続いていくと思います。

Brave People

60652661609a9151c85e2c97d12194161

モノクロームの支配

今後、モノクロームを多用したウェブサイトが増えるでしょう。背景、フォント、画像の重なり、ボタン。強いモノクロームは重要なポイントを強調し、印象的なインターフェースを実現するとともに、色を通じてブランドを連想しやすくします。

Nine Sixty

e1f9a7055db0df19c2a1a25806ac82a61

ビデオ背景

ビデオ背景は感情や意図を描く究極の体験であり、画像よりもはるかに強いインパクトがあります。このトレンドは2014年に急速に台頭しましたが、その真のピークは2015年になるでしょう。

BORN

2e004a33f1a9f745e61c526f7ee045f611

Startup Framework

12167cb1942e4ecab9d73b66368bc4dc1

ユニークなナビゲーションメニュー

フローティングメニューやスティッキーメニューの先導により、私たちはより独創的なウェブサイトナビゲーションのソリューションを目撃することになるでしょう。下スクロール、上スクロール、ポップアップ、画像の強調、セカンダリ情報、アニメーションなどは、忘れられないブラウジング体験の実現に大いに役立ちます。

Impossible Bureau

2486e10917b7358b7d85f050d21f38d51

Qards

22945be4d4b2b9cc6d34db8fdc4af5341

カードとタイル

カード、またはタイル式デザインは2015年も勢いを維持するでしょう。Pinterestがこのデザイントレンドをリードし続けるにつれ、このデザイン手法を採用したブログやECサイトが雨後の筍のように次々と現れるのを見ることになるでしょう。

Firebox

43222dd58d4714ac4b223a70692fd35a1

固定セクション

スティッキーな共有バーやナビゲーションメニューはすでに見慣れたものです。しかし2014年、デザイナーたちはサイドバーなどの他のデザイン要素も固定表示でき、しかも効果が良いことを証明しました。2015年には、固定セクションを採用したウェブサイトがさらに増えるでしょう。

Build in Amsterdam

297bd7e087f3686944556f2b10ea9d031

微妙なパララックス

愛憎半ばするデザイントレンドのひとつです。最近、多くのウェブサイトがこのトレンドに追随していますが、残念ながらユーザー体験の観点から見ると、過度なパララックスはデザインを損ない、全体的な体験を乱します。2015年には、より多くの微妙なパララックススクロールやアニメーション効果がウェブサイトにハイエンドでスタイリッシュな感覚を加えるのを見ることになるでしょう。

Cher Ami

6d010b1d34b09abec4424c20235792d01

ロングスクロール

2015年もスクロールは続きます。Huge社のRebecca Gordonによる「Everybody Scrolls」やその他の新しい研究結果によると、誰もがスクロール機能を愛用しています。デジタルストーリーテリングは、スクロールがもたらす一貫した体験と簡単で便利な使用フローなしには成り立ちません。そのため、さまざまなインタラクションやトランジション効果を備えた長いシングルページが来年は支配的になるでしょう。

Smart Water

047b616687fbc1efe7917e54e16f2da01

イラストレーション

手描きイラストを使用した象徴的なウェブサイトDropboxはよく知られています。イラストレーションはこれまでもウェブデザインの重要な一部でしたが、新しい年には、ブランドを宣伝し、ストーリーを語り、訪問者とつながるために、ウェブサイト体験により多くの素晴らしいイラストが取り入れられるのを見ることになるでしょう。

One Design Company

d9dae0bac811e60e1f90cf15c5781a211

ビッグデータ/画像

ビッグデータはテクノロジー業界とウェブデザイン分野でその重要性を日々増しています。2015年には、より多くの画像、アイコン、インタラクティブなデータ予測を目撃するでしょう。これらは精巧で複雑で惑わされるように見えますが、同時に美しく魅力的でもあります。

Personal Brand Institute

e1480db3b650cb8f01021c1ff55b48741

プロダクト優先

現在、実際の製品を生み出すスタートアップは多くありますが、有形製品の体験や感触をウェブページ上で表現することは、製品を製造するよりもはるかに困難です。しかし次の一年には、訪問者が製品を動かして最も細かい隅々まで観察できる、より多くのインタラクティブな3D体験が登場するでしょう。

My Deejo

3ccf3f73b1e7454420b7e2bc1c3062451

フラットデザインの継続

フラットデザインが多くの大手テクノロジー企業に急速に採用されるにつれ、今では多くのデザイナーが考えもなしにフラットデザインに乗り換え始めています。このトレンドはまだ新しいものですが、2015年にはフラットデザインの新たな方向性が必ず現れるでしょう。

Pennies

b83ee0d6a6eaf5b5f67a91d280aba7581

モバイルファースト

モバイルウェブユーザーの数は急速に増加しており、「モバイルファースト」の理念も2015年に急速に成長するでしょう。レスポンシブデザインはもはや単なる機能ではなく、必需品となっています。モバイルユーザーに最高の体験を提供するために、デザイナーはウェブサイトをデザインする考え方を再考する必要があります。

Medium

341a2b4652c41c6c1d9a8f9bd25fcde01

人間味

手描きのイラストやフォントはしばらく前から存在しています。現在のウェブサイトはほぼすべての種類のフォントに対応しており、これを背景に、デザイナーたちは手書きフォントを最大限に活用して人間味のある外観と感触を伝え、新しい方法で訪問者とつながり始めています。

Adventure

bc0dfa3581df444dcaa196509bd139281

マイクロ体験

ここで言うのは、デザインやインタラクションの中でユーザーの目を引くマイクロコピーや小さなディテールのことです。面白い画像や表現、隠れた機能、スマートで人間的なデータなど。新しい年には、ウェブデザインの中により多くの賢い仕掛けが登場するのを見ることになるでしょう。

Virgin America

653d430d75620aa578584b95e2eac0d31

Virgin America: 姓を入力すると「こんにちは」、名を入力すると「いい名前だね」と表示されます。出典:Little Big Details.

ジオメトリ

そうです、数学の幾何学です。しかし、適切に使えば、幾何学は数学と同じように退屈であるとは限りません。美しい幾何学的な形状やスタイルは、2015年にさらに激しくWebデザインの舞台に衝撃を与えるでしょう。

Letters

8bf4ad58efcb9b56a1c98119831517711

大きくて太い文字

今年は巨大な見出しをたくさん見かけましたが、このトレンドは2015年も続くでしょう。その理由は簡単です。巨大な文字は実用的で効果的であり、訪問者を惹きつけます。巨大なキャッチコピーがしばらく流行しそうです。シンプルで直接的で、力強く、効果的です。

Webflow

42c01f00cd75e6841b7b618d82b0fbb51

ウェブサイトジェネレーターの台頭

私たちは2014年、ウェブサイトジェネレーターが人間のデザイナーやプログラマーを代替しようとしたが成果が上がらなかった場面を目撃しました。2015年には、ジェネレーター(例:Generator、Squarespace、Macaw、Webflow、Froont)を使用して作られた、驚くほど高品質なウェブサイトをさらに多く見ることになるでしょう。

Squarespace

b1afcfd868be02f1b4e6ee3d84384bcc1

パーソナルブランド

パーソナルブランドのプロモーションの重要性は日々高まっています。デザイナー、エンジニア、ブロガー、起業家は、自分の信頼性と知名度を高めるために、オンラインで強力なパーソナルブランドを構築しようと努力しています。今後、個人に焦点を当てたウェブサイトがさらに増えるでしょう。

Tobias van Schneider

cbd9238bb8f5566dff59fe0a70e5f3ae1

マテリアルデザインのさらなる発展

マテリアルデザインはGoogleが最初に考案したもので、フラットデザイン運動の微妙な改訂版ですが、フラットデザインよりも精緻で統一感があり、汎用性と将来性に優れています。2015年にはマテリアルデザインの利用が強力に台頭することは間違いありません。

Inbox by Gmail

47b2fa0cc73521704b44a6f6296ffdd61

インタラクティブな旅

インタラクティブなデジタル体験の露出がさらに高まるでしょう。ますます多くのインタラクティブウェブサイトが、サウンドエフェクトの活用、カメラや携帯電話との連携、閲覧者の操作に応じたインタラクションやストーリーテリングを可能にすることで、独自のパーソナライズされた体験を生み出しています。

Echoes of Tsunami

aa1799bcf376961de8430056cedba80d1

まとめ

全体的に見て、現在のトレンドはさらに発展し進化するでしょう。フラットデザイン、大きなフォント、高品質な画像は引き続き焦点となり続けます。それと同時に、新しいテクノロジーや、もはや流行遅れとなったデザインのムーブメントが、2015年のWebデザインの舞台にどのような見どころをもたらすかも楽しみです。

しかし、いずれにせよ、新しい変化は必ず現れます。なぜなら、変化はデザインの分野においても、人間の生活においても、決して止まることはないからです。

出典:http://www.shejipai.cn/web-design-trends-2015.html