Wir haben Ihre Kontaktanfrage erhalten
und antworten Ihnen so schnell wie möglich.
Schließen
Bitte füllen Sie das Formular richtig aus.
Zurück
Das Formular konnte nicht abgesendet werden.
Schließen
Webdesign Trends 2023
Montag, 23. Januar 2023
Neues Jahr, neue Webdesign Trends! Auch 2023 finden wir neue Webdesign Trends, die wir bislang noch nicht gesehen haben, aber auch bereits bekannte Elemente, die sich mehr und mehr durchsetzen. Diese Trends sollten sorgfältig ausgewählt und wohldosiert eingesetzt werden – weniger ist oftmals mehr. Wir haben uns für Sie umgesehen und eine höchst subjektive Auswahl neuer und anhaltender Webdesign Trends für Sie zusammengestellt.
Künstliche Intelligenz im Design
Das Megathema Künstliche Intelligenz dringt langsam aber sicher auch ins Webdesign vor. Tools wie Huemin erstellen mit Hilfe von machine learning einzigartige Farbpaletten für Marken, Websites und Illustrationen, die man mit wenigen Klicks konfigurieren und übernehmen kann. Bild Generatoren wie Dall E 2 (von OpenAI, den Machern des gehypten Dialogsystems Chat GPT) oder AISEO Art erzeugen aus Texteingaben mit künstlicher Intelligenz kreative Bilder. Wenn das der Anfang ist, dürfen wir uns auf viel Kreativität in der Zukunft freuen. Das Bild ist übrigens aus folgender Texteingabe entstanden: „A plush toy robot sitting against a yellow wall”.
Sanfte Seitenwechsel
Klicks auf Links führen üblicherweise zu einem abrupten Laden der neuen Seite: aktuelle Seite aus, neue Seite an. Mit sanften Seitenwechseln fühlt sich das Laden einer neuen Seite weniger hart an, vielmehr wie das Abdimmen der bestehenden Seite und das Einblenden der neuen Seite. Auch wenn man tatsächlich eine neuen Seite öffnet, entsteht mit sanften Seitenwechseln der Eindruck, als würde man in einer App navigieren. Ansehen kann man das zum Beispiel auf Hello Monday oder EdelDark.
Positionsanzeige beim Scrollen
Ja, auch der Scrollbalken am rechten Browserrand zeigt an, wo Sie sich auf der Seite befinden und wie viel Sie noch vor sich haben. Dabei bezieht sich der Scrollbalken des Browsers auf die gesamte Länge der Seite. Die neuen Positionsanzeigen fokussieren sich aber auf die Länge des jeweiligen Artikels, also ohne weiterführende Links oder Mega-Footer am Seitenende. Neben horizontalen Scrollbalken gibt es auch runde, prozentuale Fortschrittsanzeigen in einem feststehenden Randelement.
Abstrakte 3D Grafiken
Grafiken und Bilder sollen die Aufmerksamkeit der Besucher auf sich ziehen. Aufwändig anmutende 3D-Grafiken, die sich sanft bewegen, beim Seitenwechsel verändern und auch auf Mauskontakt reagieren gelingt das besonders gut. Eigentlich eine vollkommen nutzlose Spielerei, die lediglich die Leistungsfähigkeit der eigenen Hardware herausfordert, aber dennoch schön anzusehen. Wie zum Beispiel auf VOS9X.
Parallax Scrollen
Wenn Elemente einer Website wie Bilder oder Texte unterschiedlich schnell auf das Scrollen reagieren, nennt man das parallaxes Scrollen. Durch die unterschiedlichen Geschwindigkeiten entsteht ein räumlicher Eindruck, da sich Elemente im Vordergrund schneller bewegen als Elemente im Hintergrund. Die Richtung ist dabei eher nebensächlich: Während Hintergrundbilder beispielsweise nach oben wegscrollen, können neue Elemente auch von der Seite mit einem Einblendeffekt dazukommen. Sehr schön zu sehen auf der Website von Tilton.
Glasmorphismus
Um Elemente im Vordergrund von Elementen im Hintergrund hervorzugeben, ist Glasmorphismus ein spannender Effekt. Der Hintergrund wird dabei aufgenommen und verändert, z.B. verschwommen, aufgehellt, abgedunkelt oder gefrostet dargestellt, um dem Vordergrund mehr Aufmerksamkeit zu verleihen. Conquer the Jungle nutzt Glasmorphismus-Cards, um auf aktuelle Angebote hinzuweisen.
Custom Cursor
Individuelle Mauszeiger oder auch Custom Cursor sind Designelemente, die sich häufig auf Seiten von Kreativagenturen und Designern finden lassen. Der übliche Standardcursor wird dabei entweder vollständig durch einen individuellen Mauszeiger ersetzt oder nur bei Hover-Effekten und Links. Für Custom Cursor eignen sich zum Beispiel ein Logo, eine Animation oder eine Form wie ein strahlender Kreis, wie bei der Kreativ Agentur Davel.
Status der Erreichbarkeit
Die Erreichbarkeit der eigenen Website, einer wichtigen API oder auch des Kundenservices sind wichtige Informationen, mit der Unternehmen die eigene Zuverlässigkeit darstellen können. Mit einem Status-Element wie einem grünen Button lässt sich die gegenwärtige Erreichbarkeit schnell auf einen Blick vermitteln, Balkendiagramme visualisieren die Erreichbarkeit in der Vergangenheit. Pulsetic blendet außerdem Zusatzinformationen wie Uptime, Downtime oder Reaktionszeit für jeden Tag per Hover ein. Für die unterschiedlichen Zustände eignen sich am besten die bekannten Ampelfarben grün, gelb und rot.
Rebrush oder Relaunch geplant?
Wollen Sie Ihre Website optisch modernisieren oder planen Sie einen umfassenden Relaunch? Gerne stehen wir Ihnen zur Verfügung und beraten Sie, mit welchen Maßnahmen Sie optimale Ergebnisse erreichen. Wir freuen uns sehr über Ihre Anfrage.
Webdesign Trend 2023 - Galerie
Webdesign Trends 2023
Webdesign Trends 2023 - Künstliche Intelligenz im Design
Webdesign Trends 2023 - Sanfte Seitenwechsel
Webdesign Trends 2023 - Positionsanzeige beim Scrollen
Sie haben Cookies akzeptiert
Sie haben Cookies abgelehnt
Diese Website verwendet Cookies. Nähere Informationen dazu und zu Ihren Rechten als Benutzer finden Sie unter www.contens.de/datenschutz. Für eine optimale Nutzung unserer Website wählen Sie bitte “Akzeptieren”.
