Farben schaffen eine starke Markenidentität, wecken Emotionen und lenken die Aufmerksamkeit der Nutzer auf bestimmte Bereiche Ihrer Website. Eine durchdachte Farbpalette macht Ihre Website visuell ansprechend und für Ihre Besucher einprägsam. In dieser Anleitung erfahren Sie, wie Sie die Farben Ihrer Website bearbeiten, Farbschemata auswählen und benutzerdefinierte Optionen nutzen, um Texte, Buttons und Layouts zu personalisieren.
So verwalten Sie die Farben Ihrer Website:
Klicken Sie im Website-Editor im oberen Menü auf Design.
Wählen Sie Colors aus der Dropdown-Liste aus.
Nutzen Sie das Seitenmenü, um verfügbare Farbschemata zu durchsuchen, oder wählen Sie benutzerdefinierte Optionen.
Wählen Sie die Option Popular, um aus vorgefertigten Paletten zu wählen oder eine eigene zu erstellen:
Auswahl – Klicken Sie auf ein Farbschema, um es sofort anzuwenden, oder klicken Sie auf die Plus-Schaltfläche, um zusätzliche Varianten zu sehen.
Anpassung – Klicken Sie innerhalb eines Schemas auf jede einzelne Farbe, um über den Farbwähler eine neue auszuwählen.
Filter und Favoriten – Verwenden Sie den Filter, um Schemas nach bestimmten Farben anzuzeigen, oder klicken Sie auf das Herzsymbol, um eine Palette als Favorit zu markieren.
Generierungs-Tools – Klicken Sie auf das Palette-Symbol, um ein Schema anhand eines Hashtag-Codes zu erstellen, oder verwenden Sie das Bildsymbol, um eine Palette basierend auf Ihrem Homepage-Titelbild (Cover) zu generieren.
Verwenden Sie die Option Custom, um bestimmte Elemente auf Ihrer gesamten Website gezielt anzupassen:
Hauptfarbe und Buttons – Wählen Sie die Primärfarbe für Links und wichtige Bereiche. Verwenden Sie die Schaltflächen "Apply to all", um diese Farbe schnell für alle Elemente und Button-Texte zu übernehmen.
Menüfarben – Passen Sie die Farben für den Menü-Hintergrund, Text, Hover-Effekte, Rahmen und Linien zur Seitentrennung an.
Seitenfarben – Legen Sie Hintergrund-, Text- und Elementfarben für Ihre Main Page, Second Page und Internal Pages (Seiten, die nicht auf der Homepage angezeigt werden) fest.
Abschnitt und Footer – Passen Sie die Hauptfarbe für bestimmte Abschnitte Ihrer Seiten an und wählen Sie Hintergrund- und Textfarben für Ihren Footer.
Visuelle Hierarchie – Eine konsistente Hauptfarbe hilft Nutzern, interaktive Elemente wie Buttons und Links leichter zu erkennen.
Markenkonsistenz – Ein Farbschema aus Ihrem Homepage-Bild zu generieren, ist eine schnelle Möglichkeit, um sicherzustellen, dass die Farben Ihrer Website zu Ihrem wichtigsten Branding passen.
Hover-Effekte – Prüfen Sie Ihre Hover-Farben im Menü, damit der Text beim Interagieren mit der Navigation gut lesbar bleibt.
Überprüfen der Sichtbarkeit der Textfarbe – Nachdem Sie die Textfarben auf Ihrer Website angepasst haben, sollten Sie die Änderungen unbedingt überprüfen, um sicherzustellen, dass sich die gewählte Textfarbe vom Hintergrund, von Textfeldern und von Button-Farben deutlich abhebt. Wenn der Text mit diesen Elementen „verschmilzt“, kann es zu Problemen kommen, bei denen Kontrollkästchen, Seiteninhalte und Button-Texte „unsichtbar“ werden.
