Webdesign- und UI-Trends im Jahr 2021

Dunkelmodus

Der Dunkelmodus ist allgegenwärtig. Da die meisten Browser und Mobilgeräte über eine Funktion zum Wechseln zwischen Hell- und Dunkelmodus verfügen, müssen Sie das Erscheinungsbild in dunklen Farben berücksichtigen (auch wenn dies nicht die Standardeinstellung ist).

Da der Dunkelmodus zur bevorzugten Wahl der Benutzer geworden ist, wenden sich immer mehr Designer dunklen Farbpaletten zu, um das Gesamt-Website- und Benutzeroberflächendesign zu gestalten.

Diese Projekte erzeugen oft extreme Effekte, daher ist es wichtig zu überlegen, wie der Dunkelmodus die allgemeine Atmosphäre und den Inhalt des Website-Designs beeinflusst, selbst wenn Sie nicht planen, die Option zu wechseln.

Für Designer, die hellere Oberflächen erstellen, sollten Sie das Erscheinungsbild des Dunkelmodus nach Benutzerauswahl entwerfen. Denken Sie daran, der Dunkelmodus ist nicht nur eine Umkehrung der Farbpalette, sondern sollte eine bewusste Kombination aus dunklen und tiefen Farben sein, die ähnliche visuelle Effekte wie der Hellmodus erzeugt und Lesbarkeit sowie Funktionalität beibehält.

Einige Techniken zur optimalen Nutzung des Dunkelmodus im Website-Design umfassen:

Sie müssen nicht „Weiß“ und „Schwarz“ verwenden; denken Sie an Hell-Dunkel-Kontraste im Dunkelmodus. (Vielleicht verwenden Sie Hellgrau auf einem dunkelvioletten Hintergrund.)

Vermeiden Sie hochgesättigte Farben auf dunklen Hintergründen.

Nutzen Sie Farbvariationen (helle und dunkle Farben), um eine Hierarchie zu erstellen.

Bieten Sie einen Umschalter für den Hell-Dunkel-Modus an, damit Benutzer das Erscheinungsbild wählen können.

Vergessen Sie nicht die Barrierefreiheit im Dunkelmodus und achten Sie auf Größe und Kontrast.

Experimentelle Schriftarten 

Experimentelle Schriftarten werden in Website- und Mobile-App-Projekten immer beliebter.

Diese Schriftarten unterscheiden sich von Projekten, sind ungewöhnlich oder individuell angepasst. Experimentelle Schriftarten reichen von atemberaubenden Kunstwerken bis hin zu Überraschungen als Teil des Standard-Schriftdesigns.

Experimentelle Schriftarten können ein einfarbiger Stil sein, einschließlich Farben, Animationen und vollständigen oder abgekürzten Zeichensätzen.

Einige Methoden zur optimalen Nutzung experimenteller Schriftarten umfassen:

1. Da diese Schriftarten visuell stark betont werden können, halten Sie den Rest des Designs einfach.

2. Kombinieren Sie sie mit hochlesbaren Hilfsschriftarten.

3. Erwägen Sie benutzerdefinierte experimentelle Schriftarten für Schlüsselelemente, wie z.B. die Schriftart für das Designmodo-Logo.

Designs ohne zu viele Gesichter 

Dieser Trend könnte eine direkte Folge der globalen COVID-19-Pandemie sein, da Designer und Gesichter seltener werden.

Der Grund ist praktisch: Da Menschen keine Masken in Gruppen tragen, suchen Designer nach Möglichkeiten, bestehende Bildlisten zu nutzen, um geeignete Bilder zu erstellen. Oder sie wählen Bilder, auf denen keine Menschen zusammen sind.

Dies könnte das erste Mal sein, dass Sie verschiedene Websites durchsuchen und dies selten sehen.

Obwohl dies derzeit ein großer Trend ist, erwarten Sie nicht, dass er nach der Pandemie langfristig bestehen bleibt, wenn Menschen wieder beginnen, sich in größeren Gruppen zu versammeln.