2021年は控えめに言ってもクレイジーな年でした。少し立ち止まって、物事をまとめ、来年のトップデザインの流行を覗き見して、将来がどうなるかを見てみましょう。私たちはあなたの想像力を刺激するために今後10のトレンドを選択しました。
01インクルーシブデザインマニア
ランブーファッションで紹介されたように
「包括性」は、残念ながら簡単に広まる政治的スローガンと見なされていますが、その核となるのは、すべての設計者に語りかけるイデオロギーです。これまで包含が存在しなかった場合は、あらゆる努力を包括的にします。今日のパーソナライズされたグローバル市場では、それは実際には外国とはほど遠い考えです。
インクルーシブデザインは、ウェブサイトのターゲットオーディエンスに関する戦略的意思決定から、その声のトーン、パーソナライズに至るまで、ウェブサイトのデザインプロセスのすべてのステップに影響を与えます。また、すべての性別、視点、経験、状況。
たとえば、機能的な目的の画像やイラストは、性別以外の面でより頻繁に表示されるようになり、遊び心のある多様性を提供しています。
さらに、ゲームの世界の影響下で、インターネットが代替の現実を提供するにつれて、インターネットが人間以外のアイデンティティのアバター、イラスト、キャラクターの数が増えるのを見ることになります。は本物。
Ranboo Fashionがビデオに表示するモデルは、性別が多少流動的で、顔を隠しているため、視聴者はモデルの身元を確認できません。
02Scrollytelling
赤外線マインドボディで紹介されているように
Scrollytellingは、デジタルインターフェイスを活用し、複雑なストーリーを伝えるためのますます人気のある方法です。
これらの視覚効果は、視聴者を魅了し、銀の大皿に魅力的なコンテンツを提供するよう努めています。Scrollytellingは、「ナラティブビジュアライゼーション」とも呼ばれます。これは、訪問者に特定のメッセージを伝えるために時系列に編成された、一連の視覚要素をまとめたものです。
自分のペースで本を読む可能性と同じように、Webサイトでは、各ユーザーが異なることを理解し、興味をそそる方法でメッセージを提示することにより、パーソナライズされた方法でその流れをナビゲートおよび制御できるようになりました。
米国テキサス州のInfraredMind Bodyは、価値提案を強調するさまざまなアニメーションを介して表示される大きな画像とテキストを表示します。大きなクローズアップ、薄暗い画像、大規模なタイポグラフィ、そして柔らかく滑らかなトランジションは、すっきりとした洗練された方法でサウナの雰囲気を作り出します。
03水平スクロール
SIRUPで紹介されているように
使い慣れた直感的な垂直ナビゲーションとは対照的に、横スクロールレイアウトは、テキストと画像の間の驚くべき相互作用につながる可能性があります。
これは、ポートフォリオWebサイト、カタログ、マップなどに特に当てはまります。プロジェクトの発見、都市の探索、オンラインギャラリーへのアクセスは、横向きのナビゲーションにはるかに魅力的です。正しく実行すると、リストのWebサイトが美しく示すように、水平スクロールによってWebサイトがより魅力的で、楽しく、思い出深いものになります。
SIRUPは、プレイリストを聴くことのみを目的として作成されたWebサイトです。これを実現するために、デザイナーは、スクロール動作の一部としてプレイリストとビジュアルを組み込んだ水平スクロールエクスペリエンスを作成しました。さまざまなデザイン要素の滑らかな動きは、静的な場合でも進行感を生み出し、ユーザーをスクロールし続けるように駆り立てます。
04ブルータリストのタイポグラフィ
あなたがもっと大胆なものでダウンするタイプ(しゃれを完全に意図したもの)であるなら、限られた種類の要素を使用しているときでさえウェブサイトを飛び出させるその頑丈さと優位性でこの傾向を考慮する必要があります。
ブルータリストのタイポグラフィは、今日のWebデザインの軽さ、楽観主義、ミニマリズムへの反応と見なすことができます。より洗練された現代の慣習とは対照的に座っている、謝罪のない頑丈なスタイル。
タイポグラフィを使用して動的グリッド、セグメント、セクション、ヘッダー、段落の構成要素としての文字、またはWebサイト全体をワイルドにする方法を構築する— Brutalist Typographyは、Webサイトに都会的な雰囲気を与えます。
技術革新ハブのポケットベルです。巨大なタイプは間違いなくこのアイデンティティの出発点であり、都会的なお祭りの雰囲気を確立しています。設計者は、誰もが利用できる情報を作成し、よりアクセスしやすい方法で技術知識を提示したいと考えていました。
05タイポグラフィアニメーション/キネティックタイポグラフィ
以前のトレンドへの美しい追加は、手元にある新しい技術で急速に進化しているキネティックタイポグラフィです。現在、この方法はさまざまな形でWebデザイナーによって広く使用されています。かつてはストーリーを語るための最初の頼みの綱はキャラクターのアニメーションでしたが、今ではタイポグラフィはまったく新しい球技です。
動くテキストは、注意を引き、トーンを確立し、重要なセグメントを強調し、ページを通してユーザーの目を導くことができます。これは、長編映画が静的なテキストの代わりにアニメーションのオープニングタイトルを使用し始めた1960年代から実際に起こっている傾向です。
パリを拠点とする映画製作会社であるDilingerのウェブサイトでは、ウェブサイト全体がメニューであり、メニューのオプションを選択するとそれに応じて変化する動的フォントが使用されます。タイポグラフィの移行は、Webサイトをナビゲートし、毎回異なるグリッドを作成するのに役立ちます。
今後数年間で、装飾だけでなく機能として機能するキネティックタイポグラフィの調査が増えるでしょう。
06懐かしさ
近年のいくつかの傾向は、ノスタルジアの考えを取り囲んでいます—過去を思い出し、思い出したい人々。COVID-19のパンデミックが最初に発生してから2年が経ち、不確実性が高まる中、人々(特にWebクリエーター)は、より快適な体験と現実逃避の形態を求めています。
このアプローチでは、古典的な画像フィルター、レトロフォント、ぼやけ、粒子、テクスチャ、柔らかな照明、パステルカラーパレットを使用して、物事を遅くし、タイポグラフィと画像を通してよりアナログな感じを与える必要があります。これらはすべて、デザイナーが関連性のあるエクスペリエンスを作成するために使用しているプラクティスのほんの一例です。
Bravenewlitは文学的な遊び場です。ロマンチックで曲線的な書体と、柔らかな粒子の粗いイメージを備えたフラットで素朴なパステルトーンは、親しみやすさと親密さを生み出します。このインタラクティブな雑誌を関連性のあるものにするために、デザイナーは、脚注付きのテキストのスキャン画像や、ユーザーが執筆プロセスの一部であるかのような付箋のルックアンドフィールなど、具体的な外観を与えることを選択しました。
07コントラストカラー
これは、家のミレニアル世代、80年代と90年代の子供向けです。ネオンカラーのウェブサイトに無関心でいるのは難しいです。色は、ユーザーの集中力を高め、感情を刺激するのに役立つ基本的なツールです。
通常、特定のオーディエンスを対象としたこのスタイルは、活気に満ちたポップなWebデザインの美学に発展し、地下の酸の形、黒のネオン、明るいコントラスト、グラデーションで満たされています。
スーパーグローは音楽とライフスタイルのデザインスタジオです。彼らのウェブサイトの2番目のセクションは、黄色の無地の背景に大きな黒いタイトルを組み合わせています。ホバーに関するこのメニューリストはフクシアに変わります。全体的な外観には、ホバー時に表示され、内部リンク内のプロジェクトのヒントを明らかにするフェードアウトマウスアニメーションを含む飽和写真が含まれます。
08グリッド外
グリッドは、設計者にとって最も重要なツールの1つです。それは私たちの仕事の形と構造を与えます。セグメントを強調するために中心から外れると、時間のかかる無数のライバルの間でWebサイトを目立たせ、思い出深いものにすることができます。
グリッドから外れることは確かに斬新なアイデアではありませんが、それでも広く探求されていません。今日、Webデザイナーは、ビジョンを実現するための中間体や開発者を必要としなくなりました。真夜中に夢見ていた最もクレイジーなレイアウトでさえ、Webビルダーを使用して単純に移動して構築することがますます簡単になっています。何よりも、プロセス全体を簡素化するためにすでにコーディングされています。
09画像マルチレイヤー
近年、デザインプロセスでは、クリーンでピクセルパーフェクトでミニマリストなデザインに重点が置かれています。そのため、多くの設計者は、より視覚的に複雑な設計に取り組むことを思いとどまっています。
コンテンツの多層化は、ウェブサイトのストーリーを伝えるための没入型の体験を生み出すフォトギャラリーや活版印刷の要素など、私たちの目が慣れている従来のコンポーネントに挑戦する方法です。これにより、ユーザーはWebサイトの探索により多くの時間を費やすことができます。
一般的な状態の例を使用すると、写真の共通のテーマ、エレガントなアニメーション、および黒い背景がすべてを結び付け、視覚的にまとまりのある体験を提供するのに役立ちます。
この手法のもう1つの利点は、1つのセクションまたはモバイル画面などの限られたスペースに大量のコンテンツを簡単に配置できることです。
10喜び
喜びは優れたユーザーエクスペリエンスの定番になり、今日のユーザーは、表面の喜びと深い喜びの2つの形式のいずれかでそれを期待するようになっています。
表面の喜びには、アニメーション、触覚の遷移またはジェスチャー、マイクロコピー、画像、および音が含まれます。その間、機能性、信頼性、使いやすさ、喜びなど、すべてのユーザーのニーズが満たされていることを確認してください。ユーザーが深い喜びを経験した場合、満足のいくリピーターが製品またはサービスを推奨する可能性が高くなります。
表面の喜びは素晴らしく効果的ですが、ウェブデザインはそれだけでは十分ではないところまで来ています。ユーザーのニーズと習慣についての現在の理解では、真の深い喜びは、Webサイト全体で健全なものです。それは瞬間的な喜びを刺激するだけでなく、サイトの使いやすさ、信頼性、機能を向上させます。
Airbnbは、ユーザージャーニー全体を通して楽しい体験を提供するウェブサイトの優れた例です。ユーザーがすでに確認したマップタグにマークを付けるなどの機能は、快適であるだけでなく機能的であり、ユーザーが画面に表示される膨大な数のオプションを一度にすばやく移動するのに役立ちます。
しかし、それはほんの一例です。Airbnbがホストに保持している厳格なプロパティガイドライン(投稿する画像、クリーニング基準、支払いと料金など)は、ユーザーに高い基準を約束し、あらゆる段階で快適で落ち着いた安心感と信頼感を約束します。
私たちはさまざまなウェブサイトに出くわし、ブルータリストのタイポグラフィから柔らかな落ち着いたカラーパレットまで、懐かしさを生み出し、高コントラストのカラーテーマを利用するなど、さまざまなトレンドに触れました。2022年にヘッドラインを支配する必然的なメタバースで、ウェブデザインは新しい時代の瀬戸際にあります。
バーチャルリアリティ、拡張現実、人工知能のテクノロジーを実装することは、間もなくWebデザイナーにとって不可欠な考慮事項になります。今のところ、これらのテクノロジーはモバイルアプリケーションで着実に前進していますが、Webサイトの世界への進出は、「if」ではなく「when」の問題にすぎません。
業界は、インターネット版のビッグバンに似た混沌としたプロセスを経ているようです。これは、ピクセル化されたエネルギーの創造的な宇宙です。時には、偏光デザインのスタイルと哲学が衝突します。進化する世界で常に最新の状態を保つことは重要ですが、注意を払うことも同様に重要です。結局のところ、トレンドは回避するための選択になる可能性があります。
最終的に、デザインを目的に合わせたい場合は、ユーザーのペルソナに共鳴するものとデザインするWebサイトの種類に基づいて、自分の仕事を正直に批評する必要がありますそのための対応や方法というのは、正しい知識と技術経験をもつウェブ会社に相談するというのも一つの方法です。 北九州 ホームページ制作の会社さんなどはそういった対応をしっかり行ってくれるのでとてもおすすめできます。