【2024年】webデザイナーが注目！webデザイン最新トレンド9選【後編】

キーワード：

こんにちは。デザイナーの小森です。

技術の発達や環境の変化にあわせて、常に変化し続けるwebデザインのトレンド。
ルート・シーのwebデザイナーが2024年に注目している、webデザインのトレンドを前編・後編に分けて9つご紹介します。

今回は後編として、webデザインのトレンドを5つご紹介します。

関連ページ: 【2024年】webデザイナーが注目！webデザイン最新トレンド9選【前編】

1.テキストメインビジュアル

メインビジュアルに写真を使用せず、キャッチコピーのテキストを一番に目立たせるデザインです。
キャッチコピーの内容を強く訴求したい場合や、写真では表現しきれない具体的なニュアンスを訴求したい場合に有効です。

伝えたい内容を力強く訴求できる代わりにキャッチコピーの内容がかなり重要になります。
印象に残るワード選びや読んだ時の語感による効果も大きいので、キャッチコピーはライターに依頼するとよりクオリティが上がります。また、デザイン面では構成要素がシンプルな分、テキストのサイズ感やイメージに合うフォントの選定が重要になります。

掲載サイト: 株式会社ONE RED（ワンレッド）

掲載サイト: 桜商会

2.重なり合うテキスト

大きく配置したテキストを、ずらして重ねて自由に配置した表現です。メインビジュアルなど、特にインパクトを与えたいビジュアルに使われています。
前項の「テキストメインビジュアル」と近いトレンドですが、文字を重ねることでデザインに視覚的な深みが生まれ、空間を活かして独自の世界観を演出することができます。
訴求したい内容によって表現方法を使い分けると良いですね。

掲載サイト: NDKイッツ株式会社採用サイト

掲載サイト: フロンティア株式会社採用サイト

3.写真を数枚組み合わせたビジュアル

写真を数枚組み合わせることで、それぞれの写真のイメージを複合的にユーザーに伝えることのできるデザインです。
使用枚数を2,3枚におさえることで、余白やレイアウトのデザイン性を保ったまま、情報量を増やしすぎずに的確にイメージを伝えることができます。大きな一枚絵のメインビジュアルのサイトがかなり普及したこともあり、レイアウト面で差別化ができることもポイントですね。

掲載サイト: SWISS洋菓子店

掲載サイト: 長野安全自動車

4.ざらざらしたノイズテクスチャ

細部のテクスチャ使いを駆使し、写真などに手作り感やアナログ感のある雰囲気を持たせ、オリジナリティを感じさせる手法です。
レトロなテイストも感じられるため、2023年からのデザイントレンド、「レトロスタイル」の流れから生まれたトレンドなのかもしれませんね。

掲載サイト: 株式会社鳥貴族ホールディングス新卒採用サイト

掲載サイト: 小川ぶどう園

5.蛍光色のアクセントカラー

大人っぽく粋に、派手なアクセントカラーを使ったデザインです。
くすみカラーなど落ち着いたデザインに蛍光色をワンポイントで使うことで、落ち着いた世界観かつ洗練されたオシャレ感が生まれます。かっちりしたレイアウトに使用することで、品の良さ＝高品質を想起させることもできます。
アクセントカラーが視線誘導や導線へのアクションにも繋がるため、サイトの使い勝手の向上にも使用できる手法です。