5 WordPress-Webdesign-Trends für August 2023

Veröffentlicht: 2023-08-22

Die Erwartung eines Saisonwechsels ist auch ein guter Zeitpunkt, über Veränderungen in anderen Bereichen nachzudenken. Das ist etwas, was man bereits in Designprojekten sehen kann, wo Designer mit Projekten einige neue Dinge ausprobieren (und wir sind auf der Suche nach einigen dieser Optionen).

Hier sind fünf tolle Trends, die Sie diesen Monat berücksichtigen sollten:

1. Videotasten, keine automatische Wiedergabe

Wenn Sie kein Fan von Auto-Play-Videos sind, ist dies der Designtrend für Sie: Video-Buttons ohne Auto-Play. Heldenvideos sind seit geraumer Zeit ein dominierendes Designelement, bringen jedoch einige Herausforderungen mit sich – Größe, Ton, Benutzerfreundlichkeit oder Zugänglichkeit. Dieser Designtrend löst viele dieser Probleme.

Bonanza Studios verwendet einen übergroßen Button zum Abspielen ihres Videos, anstatt ihn für den Hintergrund des Helden zu verwenden. Es öffnet sich in einer großen, gut sichtbaren Größe und Sie können die Bedienelemente des Players steuern.

  • Warum es funktioniert: Benutzer möchten gerne wissen, wann Ton oder Animation Teil des Designs sein werden. Dieser Trend bietet Benutzern eine einfach zu verwaltende Steuerung.
  • So verwenden Sie es: Überdenken Sie Videohintergründe und ihren Zweck. Insbesondere wenn Sie ein Informationsvideo haben, das Ton enthält oder besondere Aufmerksamkeit erfordert, kann dies eine bessere Option sein.

2. Inspiration für die Kunstgalerie

Ein Website-Design im Zeitschriftenstil mit taktilen Bewegungen, vom Umblättern der Seiten bis hin zu subtilen Designelementen, kann sich anfühlen, als würde man ein Buch oder einen Kunstprospekt in der Hand halten.

Im obigen Beispiel von Brooklyn Editions, das für Kunstwerke gedacht ist, können Sie sehen, wie dieses Konzept zum Leben erweckt wird. Es ist wunderschön und interaktiv. Der Trick besteht darin, dass das gesamte Design betrachtet und mit ihm interagiert werden muss, um die volle Wirkung zu erzielen und wirklich zu verstehen, wie alles zusammenhängt.

Die andere Herausforderung hier ist der Farbkontrast, aber ein Design wie dieses hat eine ganz bestimmte Zielgruppe, die das Designteam wahrscheinlich vor der Veröffentlichung recherchiert hat.

  • Warum es funktioniert: Es gibt nicht viele Möglichkeiten, im digitalen Raum ein taktiles Erlebnis mit etwas zu bieten, das sich wie Papier anfühlt, aber das hier ist der Fall. Es kann dazu beitragen, ein elegantes und teures Ambiente zu schaffen, das zu bestimmten Projekttypen passt.
  • So verwenden Sie es: Dies ist nicht nur ein Theaterstück für Kunstgalerien. Das Erlebnis im Buchstil kann für eine Reihe von Projekten nützlich sein – denken Sie an Dinge, die traditionell in gedruckter Form gemacht wurden, jetzt aber online sind.

3. Umrissene Typelemente

Abwechselnde Füllungen und Umrisse für Schriftelemente erzeugen eine unmittelbare Wirkung und einen Blickfang. Deshalb nutzen Designer diese Option. Sehen Sie sich ein perfektes Beispiel dafür von Babs an.

Ein Gliederungselement kann einem Design oder Text auch etwas Gewicht nehmen, wenn die Dinge nicht die richtige Balance haben oder wenn Sie möchten, dass bestimmte Wörter oder Phrasen mehr Präsenz haben als andere.

Hier sehen Sie sich möglicherweise zuerst den Gliederungstext an, weil dieser anders ist. Und das ist in Ordnung. Das Design ermöglicht es Ihnen, über die Wörter nachzudenken und sie schnell zu verstehen, da nicht zu viel zu lesen ist (das ist einer der Gründe, warum dieser Stil hier funktioniert).

  • Warum es funktioniert: Unterschiedliche Schriftstile erregen unterschiedliche Arten von Aufmerksamkeit und tragen dazu bei, einen visuellen Fluss für bessere Lesbarkeit zu erzeugen.
  • So verwenden Sie es: Der Trick bei dieser Designtechnik besteht darin, einfache Schriftarten in Kombination mit nur wenigen Wörtern zu verwenden. Sie möchten nicht einen ganzen Satz in einer Outline-Schriftart aneinanderreihen; es wird fast unmöglich sein, es zu lesen. Auch Hintergrundelemente und Kontrast sind hier sehr wichtig.

4. „Überfüllte Helden“

Warum gibt es so viele Dinge zu sehen? Das könnte die Frage sein, die Sie sich stellen, wenn Sie sich einige Designs ansehen, die über überladenere Hero-Header-Bereiche verfügen.

Dies ist ein Stil, der viele Dinge auf einmal präsentieren kann oder funktioniert, wenn Sie keinen klaren Aktionspunkt haben. Die Botschaft, die Sie hier senden, ist Quantität – Sie haben viel von dem, was Sie präsentieren. Schauen Sie sich einfach das obige Beispiel von Vicio an.

  • Warum es funktioniert: Dieser Stil kann die Tiefe einer Marke oder Vielfalt hervorheben und eignet sich hervorragend für neuere Projekte, die Fuß fassen möchten. Es ist auch eine beliebte Wahl für Projekte, die sich auf vom Benutzer eingereichte Inhalte konzentrieren und viele verschiedene Elemente gleichzeitig anzeigen möchten.
  • So verwenden Sie es: Sie müssen wirklich darüber nachdenken, wie alle Teile zusammenpassen und passen. Wenn es so aussieht, als hätten Sie einfach alle Ihre Designteile ungeordnet auf den Bildschirm geworfen, wird es nicht funktionieren. Das Endergebnis sollte so aussehen, als hätte der Wahnsinn Methode.

5. Mehr zugängliche Erlebnisse

Googles Project Relate ist eines der cooleren Dinge, die wir seit einiger Zeit gesehen haben, insbesondere wenn man über Online-Zugänglichkeit und menschliche Kommunikation nachdenkt. Das Tool lernt nicht standardmäßige Sprachmuster, um die Kommunikation zu unterstützen. Ziemlich cool, oder?

Aber hier gibt es für jeden Designer eine Lektion: Wie kann man etwas schaffen, das für alle einfacher zu verwenden ist? Alle Arten von Menschen und alle Leistungsniveaus?

Es gibt viele unterschiedliche Antworten auf diese Frage, aber Sie sollten sie bei der Arbeit an Projekten stellen. Wie können Sie am besten mit Ihrer Zielgruppe und darüber hinaus in Kontakt treten? Welche Gestaltungselemente sind notwendig, um eine bessere und verständlichere Kommunikation zu schaffen? Hilfreiche Tipps zur Barrierefreiheit Ihrer Website finden Sie in diesem Vortrag von Bet Hannon bei unserer ersten Kadence Amplify-Veranstaltung.

  • Warum es funktioniert: Barrierefreiheit funktioniert, weil sie gleiche Wettbewerbsbedingungen für alle Benutzer schafft, damit sie Designprojekte verstehen und mit ihnen interagieren können.
  • So verwenden Sie es: Machen Sie sich mit den Best Practices für Barrierefreiheit im Internet vertraut und finden Sie heraus, wie Sie diese am besten in Ihre Projekte integrieren können.

Alles zusammenfügen

Können Sie sich vorstellen, einige dieser Konzepte in Designprojekten zu verwenden? Nicht zuletzt gibt es einige großartige Gesamtideen, die Ihnen dabei helfen, über alles nachzudenken, von der künstlerischen Komposition bis hin zu einem besseren, zugänglicheren Design.

Mit einem Kadence Full Bundle erhalten Sie alles, was Sie brauchen, um mit allen Designtrends Schritt zu halten und Ihre Website auf die nächste Stufe zu heben. Vom Lottie Block in Kadence Blocks bis hin zur Möglichkeit, vollständig anpassbare Designs und Seiten zu erstellen, bietet Ihnen das Kadence Full Bundle alles, was Sie zum Erstellen schöner, effektiver und ansprechender Websites benötigen.

Holen Sie sich ein Kadence-Paket