2023 年 9 月の 5 つの WordPress Web デザイン トレンド

公開: 2023-09-26

秋のプロジェクトは順調ですか？ WordPress Web デザインのインスピレーションが必要ですか? これらのトレンドは、より想像力豊かなコンセプトを生み出したり、オンライン ストーリーテリングの目標を動機づけたりするのに役立つものである可能性があります。

今月考慮すべき 5 つの大きなトレンドを以下に示します。

1.漫画化

場合によっては、シンプルで興味深い、予想を超えるデザインで自己主張をする必要があります。 それがESPNが全米オープン特集でカルロス・アルカラス特集でやっている事だ。

デザインはコート上の彼の写真だったかもしれない。 むしろ、彼は、実物よりも大きな見出しとストーリーラインに一致するキャラクターとして漫画化されました。

ただし、このデザインの最も優れた部分は、テニス コートのアニメーションといくつかの驚くべきインフォグラフィックを備えたスクロールで発生する可能性があります。

  • 効果がある理由:シンプルな背景に漫画風の画像が印象的で目立ちます。 それはストーリーテリングの魅力を高め、コピー要素とよく一致します。
  • 使用方法:シンプルな画像と明確なキャラクターの場合に最適です。 画像全体や風景ではこれを試さないでください。 (同様の効果は得られません。)

2. 芸術としての言葉

場合によっては、画像なしでストーリーを伝えるのが最適な場合があります。 いじめに焦点を当てた Right Our Story ウェブサイトも同様です。 ここでは顔を見せたくないので、この処理は非常にうまく機能します。 メッセージをそらしたり、気を散らしたりする可能性があります。

明るい色と楽しいフォント処理を使用することで、ユーザーはデザインに夢中になり続けることができ、メインの見出し領域で使用されている引用ボックスのコンセプトは、デザイン内の実際の引用にも反映されています。

これは、言葉に本当のストーリーを伝えるかなりインパクトのある方法です。 ここでの画像は、写真の中の誰かがいじめっ子であるか、いじめられているとユーザーに思わせたくないため、問題が生じる可能性があります。 この処理により、言葉にすべての焦点が当てられます。

Kadence Blocks の高度なテキスト ブロックを使用すると、特定の単語を強調表示して、非常に目立ち、強力なインパクトを与えることができます。

  • 効果がある理由:アート要素としての言葉は、読書がデザインの主な焦点である場合に特に威力を発揮します。
  • 使用方法:要素をまとめて興味深く保つために、興味深い書体と色の処理を選択してください。

3. 階層化されたストーリーテリング

ストーリーテリングは、ほぼすべての優れた Web サイト デザインの中核です。 階層化されたストーリーテリングは、ユーザーがそのデジタル ストーリーに興味を持ち、Web サイト上の要素を移動し続けるのに役立ちます。

シンプルなデザインに見えますが、Hanwag は画像、テキスト、モーションを使用した多層のストーリーを作成しました。 ダウンページのメニューに「章」があ​​り、ブートのストーリーをたどることができます。 (ブーツがこれほど興味深いものになるとは誰が想像したでしょうか?)

ここで時間をかけてスクロール アクションを調査し、すべてがどのように連携するかを確認してください。 ページを下にスクロールすると、ストーリーを促進するために要素がさまざまな方向に移動します。

  • 機能する理由:この全体的なデザインでは、アニメーションとモーションに関して多くのことが行われていますが、シンプルな白ベースの背景、読みやすいテキスト、鮮明な画像がすべてをまとめています。
  • 使用方法:複雑なストーリーを伝えるために複雑なデザインが必要な場合があります。 それは、物語とストーリーテリングを適切に感じられる方法で結び付ける結婚です。

4. 美しいメニュー

レストランのメニューは、見た目の美しさではあまり知られていません。 デザイナーたちは、料理と読みやすい形式の両方を紹介する、より美しいオンライン メニューでこの状況を変えようとしています。

Banana Blossom は美しい画像、空間、色を使用して食欲をそそります。 ウェブサイトのデザインは、電子商取引サイトが価格の詳細を表示する前に商品を紹介するのと同じように、食品を紹介します。 メニューに到達する頃には、すでに食べ物を画面に表示したいと思っています。

見た目は素晴らしいデザインですが、お腹を空かせてはいけません！

  • 効果がある理由:色とシンプルさが画像に輝きを与える余地を与えます。 各メニュー項目は簡単に説明され、画像が付いているので、食事がどのようなものかを正確に知ることができます。
  • 使用方法:このメニューは、他の何よりもブログ デザインに似ていますが、スペース、色、スケールなど、優れたデザインの伝統的な原則がすべて使用されています。

5. 繊細なアニメーション

アニメーションは、正しく理解するのが最も難しい Web デザイン手法の 1 つです。 このトレンドは、動きをシンプルかつ繊細に保つことで、うまくまとめる方法を示しています。

空間内の小さな色付きの四角形に注目してください。これらはすべて、目の動きを指示するため、ただしコンテンツの邪魔をしないように、別個の平面上でゆっくりと移動します。 四角形はロゴの形状を模倣し、画像と空白の両方に広がります。

Syndeo Institute は、スクロール全体に四角い要素と微妙なアニメーションを使用して、このデザイン テーマをサイト全体にうまく伝えています。

Kadence を使用すると、スクロール効果に見事なアニメーションを追加して、確実に視聴者の注意を引き、コンテンツへの関心を継続するための視覚的な報酬を提供できます。

  • 効果がある理由:微妙なアニメーションは、主要なデザインやユーザーが Web サイトから得るべきものを損なうことはありません。 視覚的に興味深いものを提供します。
  • 使用方法:他の方法や場所で使用する形状など、目的のあるものを探し、アニメーションを使用して、ユーザーが何かを理解できるようにしたり、コンテンツの視覚的な流れを指示したりします。

すべてを一緒に入れて

WordPress Web デザインのトレンドは楽​​しい要素です。 しかし、新しく登場するトレンドをすべて試す必要があるとは思わないでください。 私たちは、アートワークとしての文字の形からカートンのスタイルに至るまで、古典的なテーマに新しいひねりを加えたものを使用しているため、現在現れているトレンドが大好きです。 適切なタイミングで適切なトレンドを活用することは、あなたのブランドとスタイルの一部です。 楽しんで、自分に合ったものを試してください。

Kadence フル バンドルは、あらゆるデザイン トレンドに対応し、Web サイトを次のレベルに引き上げるために必要なものをすべて提供します。 Kadence Blocks の Lottie ブロックから、完全にカスタマイズ可能なデザインやページを作成する機能まで、Kadence フル バンドルは、美しく効果的で魅力的な Web サイトを作成するために必要なすべてを提供します。

Kadence バンドルを入手する