Web コンストラクトパターン 2023

4 月に入ると、多くの UX デザイナーまたはネットデザイナーが、今年後半に向けて Web サイトとクライアントインターフェイスの構成の計画を開始します。重要なレベルは常に最近の側面と機能性ですが、これらの会議のあるレベルで完全に誤解されていることの 1 つは構造です。オンラインブラウジングでモバイルガジェットに依存する顧客が増えるにつれて、企業はすべてのプラットフォームで安定した視覚的印象のアイデンティティを享受できるようにする必要があります。

基本的なことは何ですか

適切なネットと UI 構造の基本は、最後の数十年間重要な要素として変わっていません – きちんとしたレイアウト、読みやすいタイポグラフィ、直感的なナビゲーション、反応の良いもの。

一方、より多くの Web サイトがクィアな構成アプローチを採用しているのを見ていることは否定できないかもしれません。

ここにリストされているように、今年出現することを期待している 5 つのネットコンストラクトトレンドをまとめました。これらの最も認可されたネット構造の傾向は、ウェブサイトの作成を計画するときはいつでも、曲線の前に停止することをサポートするため、あなたの外観を維持しています.

1. マキシマリズム

ここ数年で、端正なミニマリストのグラフィック構造はネット上で話題になりました。パターンを構築します。ミレニアル世代は、全体としてのミニマリズムよりもネット構成におけるマキシマリズムに影響を受けやすい (1)。簡単な方法論で言えば、マキシマリズムは、あなたのネットページに何かを含めることに焦点を当てた新たなパターンです.これにより、多様性が生まれ、ページが視覚的に魅力的になり、楽しい能力が生まれます。この「ごちゃごちゃした」方法論は、今では整理されていないという意味ではありません。最も注目を集めているのは、正直な量のカオスです。あなたのネット構成はその豊富さのおかげで混沌としているように感じるかもしれませんが、正直に言えば、それはおそらくかなり洗練されているように見えるかもしれません.

ミニマリストのネットデザインに親しみを持っていた私たちと、より表現力豊かなデザインのライセンスを最も多く取得していた私たちとの間のよく知られた違いになりました. ミレニアル世代は、控えめな色よりも大胆な配色、優れたタイポグラフィ、自分でデータを作成するよりも合理的に感情を伝える画像を擁護する傾向があります. ランディングページは、ゲストを見込み客に変えるように設計されています. この真実の結果として、さまざまな場所から目立ち、永続的な効果を構築する必要があります。ランディングページは、巨大なヒーローイメージバナー、さまざまな映画、カラフルなインフォグラフィックで最もシンプルに機能します。場合によっては貴重な場合もあります。ミニマリストの構成方法論は、技術的な図面、チャート、図、およびグラフに利益をもたらします。一方、創造的な企業は、若い視聴者を魅了するために、より遊び心があり、ダイナミックで最も注目を集める外観を楽しむ必要があるように思われるかもしれません.

注: これは、ミニマルなウェブサイトは、おそらく特定のメーカーにとってはまだ機能しているように見えるかもしれませんが、マキシマリストのデザインは、ミレニアル世代のネットページのゲストの間でより良いエンゲージメント率を提供します. あなたの業界がより若い人口統計をターゲットにしている場合、ネットページに最大主義のレイアウトを使用することを考えると、まだ楽しむことができるようです.

技術の進歩とクライアントの好みの変化のおかげで進化しています。基礎が緩んで正しいネット構造は一貫したままですが、設計者がこれらのシステムを実行に移す方法はそれに応じて進化します。同様に、ネットデザイナーは、購入者のプロットマーケットの好みを比較するために、保有する非公開モデルを適合させる必要があります

2。ファイル主導のストーリーテリング

ファイルの視覚化は、ネットデザイナーの間で注目を集めて発展し続けています。インフォグラフィックは完全に最近のものではありませんが、データの視覚化を構築プロセスに組み込むことに新たな好奇心が生まれているようです。このパターンは、ほとんどの注目を集めるグラフィックデザイナーにとって微視的ではありません。ネット開発者は、非常に保留中のワークフローのフェーズとしてデータの視覚化を利用し始めており、D3.js と d3viz.org で贅沢なツールを作成して、それを構築しています。

ディープニューラルネットワークは、膨大なデータセットからパターンを抽出するのに優れていることが証明されているため、設計のための貴重な資産として奨励することができます。データの視覚化。デザイナーは、視覚的なレイアウトで提示する前に、データガジェットからよく知られた洞察を抽出するようにモデルを指導することで、これらの機能に関する最も注目を集める要素を取り除くことができます

例として、仕立て屋は、製品の総販売履歴と、同じカテゴリ内の同じ商品と比較するマップをさらに表示する必要があるようです。さまざまな競合他社の商品の以前の総売上高に関する履歴データをアルゴリズムを見つける機械に供給することにより、この取り決めは、総売上高に影響を与える要因を決定し、そのデータに合わせて将来の傾向を予測することができます。この真実の結果として、ドレスメーカーは、説得力のある神話を読者に伝えるためにどの指標を強調すべきかを正確に知ることができます. ラインアートワークからベクターグラフィックスまで、その違いは完全に動機とビジュアライゼーションの目的に依存します。フラットな構造やジェンダーに正直な構造に相当する UI のトレンドは、特にデータの視覚化に役立ちます。これにより、デザイナーは、あらゆる人のコンポーネントの美学についてあまりにも重要なことに苦しむことなく、インタラクティブな部分をワークフローに組み込むことができます。

3. 1ページスクロールサイト

ほとんどの場合、結局のところ、はるかに少ないもっとです。モバイルブラウジングの増加に伴い、単一ページのスクロール可能な Web サイトは、使いやすさを犠牲にすることなく小さなディスプレイに適合できるようになったため、より多くのライセンスを取得できるようになりました。いくつかのページをロードする時間を節約し、ロード時間を短縮し、顧客がプレースメントの関連セクションへのエントリをより効果的に取得できるようにします.

これらのサイトは合計で一流のナビゲーションを楽しんでいます.ベールの一番下にメニューがあり、ネットページのゲストは、ページの中で最も関心のある部分に入札せずにネットにアクセスできます。それはボディフライヤーで贅沢に働きます。指定された部分に到達するまで、それをめくります。一部のデザイナーは、ヘッダーを完全に省略することを決定し、別の可能性として、ウェブページの幅の広さを非常に称賛しています.

このパターンは、反対に、その起源の前に進化しました.視差の結果、ビデオの背景、興味をそそるトランジション、さまざまなインタラクティブな部分を組み込み始めています。これにより、全体的なエクスペリエンスがより没入感のあるものになり、視聴者がより長く滞在し、取得ページにさらに関与するようになります.また、別のページ間を移動した後に楽しんでいるため、下にスクロールした後もページの表示画面が失われないように見える可能性があるためです.

フィルムポートフォリオリールの転送は巨大です単一ページのスクロールネットページの例。顧客は左にスクロールしてタイムラインに沿ってシンプルに進み、さまざまな管理者が撮影した映画の断片を見つめます。それぞれのスニペットには、サムネイル、タイトル、紹介されているシーンの説明が組み込まれており、続いてホットフットボタンが呼び出され、視聴者が全体的な部分を凝視するようになります

1 ページの Web サイトは、つまりeコマースストアにとって貴重です。ランディングページがすでにハウスページとして機能しているという理論的根拠から、特定のクラスを最も簡単に格納する追加のサブページを作成するミニチュアレベルが存在する可能性があります。別の方法として、小売業者のオーナーは、最初のナビゲーションバーの下にドロップダウンメニューを追加して、消費者が好みに応じて商品をフィルタリングできるようにすることも考えられます

4. 大胆なタイポグラフィ

私たちは今、論理的根拠のための長期にわたる方法論を楽しんでいますTimes Modern Roman、Comic Sans、Arial、Helvetica Neue、Verdana の時代。人気のあるフォントはより洗練されたものになり、Web サイトと印刷物の両方で高い柔軟性と柔軟性を提供しています。セリフ書体からサンセリフ書体まで、あらゆる好みに合わせてアクセスできる無限の選択肢があります。

フォントサイズが大きくなったため、デザイナーは、特に見出しの写真を少なくして効果的にメッセージを伝えることができます。タイトルラベル内で大胆なタイポグラフィを使用するとクリックスルー料金が増加しますが、フォントサイズが小さいとジャンプ率が高くなります。最も簡単な方法としては、さまざまなスタイルのフォントファミリをまとめて組み合わせてみてください。これは、セリフフォントとサンセリフフォント、またはスクリプトとジオメトリックに相当します

最適な可読性を実現するには、おそらくフォントのペアリングが必要になるでしょう。対照的な 2 つのフォントを組み合わせると、さらに混乱が生じる可能性があるため、簡単に防御してください。ネットドレスメーカーとして、背景内に競合する色を作りすぎないように、今すぐ検討したいと考えています。別の方法として、グレー、白、くすんだ、または青の正直な色合いに進みます。

色とテクスチャーに相当するパーツを構築し、ネットページの個性を決定する際に巨大なプロットを再生します。特定のパーソンインターフェイス構造は急速に進化しており、私たちの仕事で何百もの実験の余地があります。大胆なタイポグラフィの選択は、オンラインの Web ページに独特の響きを与え、さまざまなメーカーからあなたのニッチにあなたを引き離すことができます.

5. ジェンダーに正直なネット構造

レルムが持っていることは秘密ではありませんほとんどの認可された数十年で、すなわちジェンダー平等の方法論によって劇的に変化しました。他の多くの人々は、社会が十分に進んでおり、マーケティングとマーケティングキャンペーン、雇用機会、およびマーケティングとマーケティング資料の方法論によって、男性と女性が他のすべてのケースで処理されてはならないことを熟考しています.

つまり単一の性別の見通しに向けられた構成部品はゆっくりと姿を消し、すべての人に平等に魅力的な性別のない美学に取って代わられています. このパターンがここにリストされている他のパターンの次に比較的最近のものであると仮定しても、差し迫った数か月以内に、性別に関係のない方法論を採用するネットページがますます増え始めると思います.

ジェンダー中立性は、より多くのバイヤーを魅了するデザインを持つ企業にとって最も重要なことではありませんが、デザイナーが創造的に自分自身を特定する可能性のあるアイテムでもあります. 結局のところ、なぜ自分自身を男性的または女性的な構造慣習に限定するのでしょうか? ステレオタイプに頼ることなく、性別を超えて平等に表現する光沢のあるデザインを作成することをお勧めします.

UI トレンドは、フラットな構造とトピックに相当します。ファブリック構造は、プロットの人口統計にもかかわらず、きちんとしていて、注意するのが簡単であるため、ジェンダーに正直な方法論を課すための非常に注目を集めるプラットフォームです. テキスト部分は、特定の性別を暗示する俗語や口語表現を避けて、明白で簡潔な言葉で書かれていることが理想的です。特定のインプレッションアイデンティティが余暇よりも一貫して強調されている可能性があるため、会社の慣習を想定したアイコン、商標、およびカラーパレットに相当する洗練された細かいプリントを追加することを忘れないでください。