Wix Harmony Editor: Elemente designen
5 Min.
In diesem Artikel
- Farben auswählen
- Teile von Elementen gestalten
- Design-Glossar
Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfährst du hier mehr darüber.
Im Design-Panel kannst du deine kreative Vision Detail für Detail zum Leben erwecken. Egal, ob du Farben aktualisieren, Teile eines Elements individuell anpassen oder einzigartige Stile für verschiedene Zustände festlegen möchtest – du hast die Flexibilität, jeden Teil des Designs deiner Website zu gestalten.
Da jedes Element seine eigenen Stiloptionen hat, siehst du je nach Bearbeitung unterschiedliche Einstellungen.
Wie kann ich loslegen?
Klicke auf ein Element und klicke dann in der Aktionsleiste auf das Symbol für Alle Designoptionen 
.
.Farben auswählen
Wann immer du auf einen Farb-Circle klickst, um eine Farbe auszuwählen, gelangst du zur Farbauswahl. Hier siehst du die Markenfarben deiner Website sowie alle individuellen Farben, die du verwendest. Es gibt 3 Möglichkeiten, eine neue Farbe auszuwählen:
- Verschiebe die Punkte auf dem Farbschema, um deine Farbe zu finden
- Gib den Code der Farbe ein (z. B. #000000 für Schwarz)
- Klicke auf das Symbol für Pipette
, um eine Farbe von einem Element auf der Seite zu übernehmen
Teile von Elementen gestalten
Einige Elemente im Editor bieten detaillierte Designoptionen, mit denen du einzelne Teile separat gestalten kannst. Wenn du zum Beispiel mit Buttons arbeitest, kannst du den Button selbst, sein Symbol oder den Text individuell anpassen – so kannst du jedes Detail verfeinern und an deinen einzigartigen Stil anpassen. Verwende das Dropdown, um auszuwählen, welchen Teil du personalisieren möchtest.
Design-Glossar
Sieh dir die Tabelle unten an, um mehr über jede Designeinstellung zu erfahren – was sie bedeutet und wie sie dein Design aufwertet.
Einrichten | Was ist das? |
|---|---|
Hintergrund- / Füllfarben  | Füge eine Füllfarbe hinzu, um den Content deines Elements zu ergänzen. Klicke auf den Circle bei Farbe, um eine deiner Markenfarben oder individuellen Farben zu wählen. Container und Abschnitte: Klicke in der Aktionsleiste auf Hintergrund ersetzen, um die Hintergrundfarbe zu ändern. |
Rand  | Lege die Ränder deines Elements fest, damit es hervorsticht. Du kannst die Farbe, Breite und den Stil des gesamten Randes wählen oder auf das Symbol für Einzelne Ränder bearbeiten  klicken, um jede Seite separat zu gestalten. |
Ecken  | Gestalte die Ecken deines Elements quadratischer oder runder, indem du den Slider unter Radius verschiebst. Klicke auf das Symbol für Einzelne Ecken bearbeiten , um jede Ecke separat zu gestalten. |
Schatten  | Wende Schatten an, um dem Element einen interessanten 3D-Effekt zu verleihen. Du kannst einen Schatten innerhalb des Elements (Innen) hinzufügen und das Element auch einen Schatten werfen lassen (Außen). Entscheide über Position, Blur, Größe, Farbe und Deckkraft des Schattens. |
Zeichenabstand  | Schaffe mehr Raum für deinen Content, indem du den Innenabstand um das Element oder seinen ausgewählten Bereich anpasst. Je nachdem, was du bearbeitest, siehst du möglicherweise Optionen zum Anpassen einzelner Seiten, zum Hinzufügen von vertikalen und horizontalen Abständen und mehr. |
Layout  | Ordne das Element genau so an, wie du es möchtest, indem du seine Layout-Einstellungen anpasst. Je nachdem, was du bearbeitest, siehst du möglicherweise Optionen zum Spiegeln, Ausrichten, Festlegen der Ausrichtung oder zum Feinabstimmen von Größe und Position. |
Steuere das Design jedes Textes, indem du Schriftart, Stärke, Größe, Farbe und Formatierung individuell anpasst. Je nachdem, was du bearbeitest, kannst du auf Weitere Textoptionen klicken. Dies zeigt zusätzliche Einstellungen wie Zeilenabstand, Großschreibung und mehr an. |
Mit Wix Harmony erstellen:
Erlebe die nächste Generation der Website-Erstellung mit Wix Harmony. Genieße einen reibungslosen Flow zwischen den Prompts für deinen KI-Mitarbeiter des Support-Teams und präzisem Drag-and-Drop, damit sich das Erstellen so natürlich wie das Denken anfühlt.