2022年Webデザイントレンドについて

2022年2月14日 19:01

2022.02.15
2022年Webデザイントレンドについてまとめていきます。

■ニューモーフィズム
要素の出っ張りや凹みを表現したデザイン手法。ミニマルデザインとの相性がよく洗練された印象になります。

SRA東北

Digital Connect

株式会社ワンキャリア

■グラスモーフィズム
すりガラスのようなぼかしを背景に入れる手法。半透明のぼかしを置くことで視認性が保たれます。

Studio Tumulte

Decimal

■データを魅力的に視覚化する
商品やサービスの価値を伝えるため、売上数やアンケート結果などいろいろなデータが使用されています。
データをわかりやすいだけでなく、面白さやデザインで魅力的に視覚化をすることでわかりやすくなり、印象にも残ります。

Centre for Legal Policy

Source of Plastic Waste

第一生命保険株式会社基幹職採用サイト2022

博報堂生活総研「生活定点1992-2020」調査

■タイポグラフィ
大サイズの文字を効果的に使用して、メッセージを瞬時に伝えることが可能。画像イメージを使用せず、文字のみのデザインのヒーローセクションも多くなっています。
マウス操作に合わせてテキストを動かしたりする効果を取り入れているものもあります。

Garden Eight

ニューバランス：996 New Standard

株式会社エムハンド

DILLINGER

■スクロールテリング
スクロールと連動して画像や動画などを表示させ、ユーザーにストーリー仕立てでコンテンツを読ませる手法。

ビーワークス 20th記念ページ

大塚製薬：ネイチャーメイド50周年特設サイト

Infostrates

■立体的なデザイン
立体的なデザインの人気は続いていますが、フラットなデザインと立体的なデザインを組み合わせたようなスタイルが注目のようです。

福岡県立バーチャル美術館

循環 JUNKAN ―Where ideas meet―

Chirpley

Blockchains

■大胆な色使い

制限された生活が続いてるなか、明るく楽しい雰囲気のデザインは見る人の興味を引き、強い色使いのデザインは印象を残すことができます。

・2022年のカラー
2022年のカラーとして、パントン社は「ベリーペリー」、一般社団法人日本流行色協会(JAFCA）は「ジョリーコーラル」を発表しています。
ベリーペリーは紫がかった淡いブルー、ベリーペリーは赤みがかった薄いオレンジのような色。どちらも前向きな色です。

--------------------------------

参考サイト

Web Design Trends：2022年に流行するWebデザインの最新トレンド10個まとめ
https://webdesign-trends.net/entry/14636
株式会社日本デザイン：2022年注目のWEBデザイントレンド15選
https://japan-design.jp/design/0014/
WiLL Cloud：2022年 | ウェブデザインのトレンドはどうなるの？
https://willcloud.jp/blog/marketing/web-design-trend-2022/
PhotoshopVIP：2022年はこれだ！注目のWebデザイン人気トレンド16個まとめ
https://photoshopvip.net/132410