Webデザインは日々進化し、活力に満ち、変化に富んだ業界です。しかし、ウェブサイトのデザインは最終製品ではありません。それはむしろ製品の表現であり、人と人とのつながりであり、ツールやサービスなのです。
Despreneurの「今週の最もクリエイティブなウェブサイト」という週刊シリーズで500以上のウェブサイトを見た後、私は現在のWebデザインの状況と来年の方向性を大まかに感じ取ることができました。この記事では、Webデザインの現状を評価し、2015年のいくつかのトレンドを予測します。
ここで行ったすべての仮定や推測は、私が2014年にデザイン業界で行った調査と経験に基づいています。正しい部分もあれば間違っている部分もあるかもしれません。この記事に改善すべき点があると思われる方は、ぜひ一緒に検討したいと思います。
自然素材の写真
自然素材の写真は2014年に大きく流行しました。このグループが「自由気まま」という名目で美しい写真を撮り続ける限り、このブームは続いていくと思います。
Brave People
モノクロームの支配
今後、モノクロームを多用したウェブサイトが増えるでしょう。背景、フォント、画像の重なり、ボタン。強いモノクロームは重要なポイントを強調し、印象的なインターフェースを実現するとともに、色を通じてブランドを連想しやすくします。
Nine Sixty
ビデオ背景
ビデオ背景は感情や意図を描く究極の体験であり、画像よりもはるかに強いインパクトがあります。このトレンドは2014年に急速に台頭しましたが、その真のピークは2015年になるでしょう。
BORN
Startup Framework
ユニークなナビゲーションメニュー
フローティングメニューやスティッキーメニューの先導により、私たちはより独創的なウェブサイトナビゲーションのソリューションを目撃することになるでしょう。下スクロール、上スクロール、ポップアップ、画像の強調、セカンダリ情報、アニメーションなどは、忘れられないブラウジング体験の実現に大いに役立ちます。
Impossible Bureau
Qards
カードとタイル
カード、またはタイル式デザインは2015年も勢いを維持するでしょう。Pinterestがこのデザイントレンドをリードし続けるにつれ、このデザイン手法を採用したブログやECサイトが雨後の筍のように次々と現れるのを見ることになるでしょう。
Firebox
固定セクション
スティッキーな共有バーやナビゲーションメニューはすでに見慣れたものです。しかし2014年、デザイナーたちはサイドバーなどの他のデザイン要素も固定表示でき、しかも効果が良いことを証明しました。2015年には、固定セクションを採用したウェブサイトがさらに増えるでしょう。
Build in Amsterdam
微妙なパララックス
愛憎半ばするデザイントレンドのひとつです。最近、多くのウェブサイトがこのトレンドに追随していますが、残念ながらユーザー体験の観点から見ると、過度なパララックスはデザインを損ない、全体的な体験を乱します。2015年には、より多くの微妙なパララックススクロールやアニメーション効果がウェブサイトにハイエンドでスタイリッシュな感覚を加えるのを見ることになるでしょう。
Cher Ami
ロングスクロール
2015年もスクロールは続きます。Huge社のRebecca Gordonによる「Everybody Scrolls」やその他の新しい研究結果によると、誰もがスクロール機能を愛用しています。デジタルストーリーテリングは、スクロールがもたらす一貫した体験と簡単で便利な使用フローなしには成り立ちません。そのため、さまざまなインタラクションやトランジション効果を備えた長いシングルページが来年は支配的になるでしょう。
Smart Water
イラストレーション
手描きイラストを使用した象徴的なウェブサイトDropboxはよく知られています。イラストレーションはこれまでもウェブデザインの重要な一部でしたが、新しい年には、ブランドを宣伝し、ストーリーを語り、訪問者とつながるために、ウェブサイト体験により多くの素晴らしいイラストが取り入れられるのを見ることになるでしょう。
One Design Company
ビッグデータ/画像
ビッグデータはテクノロジー業界とウェブデザイン分野でその重要性を日々増しています。2015年には、より多くの画像、アイコン、インタラクティブなデータ予測を目撃するでしょう。これらは精巧で複雑で惑わされるように見えますが、同時に美しく魅力的でもあります。
Personal Brand Institute
プロダクト優先
現在、実際の製品を生み出すスタートアップは多くありますが、有形製品の体験や感触をウェブページ上で表現することは、製品を製造するよりもはるかに困難です。しかし次の一年には、訪問者が製品を動かして最も細かい隅々まで観察できる、より多くのインタラクティブな3D体験が登場するでしょう。
My Deejo
フラットデザインの継続
フラットデザインが多くの大手テクノロジー企業に急速に採用されるにつれ、今では多くのデザイナーが考えもなしにフラットデザインに乗り換え始めています。このトレンドはまだ新しいものですが、2015年にはフラットデザインの新たな方向性が必ず現れるでしょう。
Pennies
モバイルファースト
モバイルウェブユーザーの数は急速に増加しており、「モバイルファースト」の理念も2015年に急速に成長するでしょう。レスポンシブデザインはもはや単なる機能ではなく、必需品となっています。モバイルユーザーに最高の体験を提供するために、デザイナーはウェブサイトをデザインする考え方を再考する必要があります。
Medium
人間味
手描きのイラストやフォントはしばらく前から存在しています。現在のウェブサイトはほぼすべての種類のフォントに対応しており、これを背景に、デザイナーたちは手書きフォントを最大限に活用して人間味のある外観と感触を伝え、新しい方法で訪問者とつながり始めています。
Adventure
マイクロ体験
ここで言うのは、デザインやインタラクションの中でユーザーの目を引くマイクロコピーや小さなディテールのことです。面白い画像や表現、隠れた機能、スマートで人間的なデータなど。新しい年には、ウェブデザインの中により多くの賢い仕掛けが登場するのを見ることになるでしょう。
Virgin America
Virgin America: 姓を入力すると「こんにちは」、名を入力すると「いい名前だね」と表示されます。出典:Little Big Details.
ジオメトリ
そうです、数学の幾何学です。しかし、適切に使えば、幾何学は数学と同じように退屈であるとは限りません。美しい幾何学的な形状やスタイルは、2015年にさらに激しくWebデザインの舞台に衝撃を与えるでしょう。
Letters
大きくて太い文字
今年は巨大な見出しをたくさん見かけましたが、このトレンドは2015年も続くでしょう。その理由は簡単です。巨大な文字は実用的で効果的であり、訪問者を惹きつけます。巨大なキャッチコピーがしばらく流行しそうです。シンプルで直接的で、力強く、効果的です。
Webflow
ウェブサイトジェネレーターの台頭
私たちは2014年、ウェブサイトジェネレーターが人間のデザイナーやプログラマーを代替しようとしたが成果が上がらなかった場面を目撃しました。2015年には、ジェネレーター(例:Generator、Squarespace、Macaw、Webflow、Froont)を使用して作られた、驚くほど高品質なウェブサイトをさらに多く見ることになるでしょう。
Squarespace
パーソナルブランド
パーソナルブランドのプロモーションの重要性は日々高まっています。デザイナー、エンジニア、ブロガー、起業家は、自分の信頼性と知名度を高めるために、オンラインで強力なパーソナルブランドを構築しようと努力しています。今後、個人に焦点を当てたウェブサイトがさらに増えるでしょう。
Tobias van Schneider
マテリアルデザインのさらなる発展
マテリアルデザインはGoogleが最初に考案したもので、フラットデザイン運動の微妙な改訂版ですが、フラットデザインよりも精緻で統一感があり、汎用性と将来性に優れています。2015年にはマテリアルデザインの利用が強力に台頭することは間違いありません。
Inbox by Gmail
インタラクティブな旅
インタラクティブなデジタル体験の露出がさらに高まるでしょう。ますます多くのインタラクティブウェブサイトが、サウンドエフェクトの活用、カメラや携帯電話との連携、閲覧者の操作に応じたインタラクションやストーリーテリングを可能にすることで、独自のパーソナライズされた体験を生み出しています。
Echoes of Tsunami
まとめ
全体的に見て、現在のトレンドはさらに発展し進化するでしょう。フラットデザイン、大きなフォント、高品質な画像は引き続き焦点となり続けます。それと同時に、新しいテクノロジーや、もはや流行遅れとなったデザインのムーブメントが、2015年のWebデザインの舞台にどのような見どころをもたらすかも楽しみです。
しかし、いずれにせよ、新しい変化は必ず現れます。なぜなら、変化はデザインの分野においても、人間の生活においても、決して止まることはないからです。
出典:http://www.shejipai.cn/web-design-trends-2015.html