Wix Harmony Editor: Elemente gestalten
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.
Das Design-Panel ermöglicht es dir, deine kreative Vision zum Leben zu erwecken – Detail für Detail. Ganz gleich, ob du Farben aktualisieren, Teile eines Elements anpassen oder einzigartige Stile für verschiedene Zustände einrichten 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
Immer wenn du auf einen Farbkreis klickst, um eine Farbe auszuwählen, öffnet sich die Farbauswahl. Hier kannst du die Markenfarben deiner Website sowie alle von dir verwendeten benutzerdefinierten Farben sehen. Es gibt 3 Möglichkeiten, eine neue Farbe auszuwählen:
- Bewege die Punkte auf dem Farbschema, um deine Farbe zu finden
- Gib den Farbcode 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 anpassen – so kannst du jedes Detail verfeinern und es an deinen individuellen Stil anpassen. Verwende das Dropdown-Menü, um auszuwählen, welchen Teil du personalisieren möchtest.
Design-Glossar
Sieh dir die folgende Tabelle an, um mehr über jede Designeinstellung zu erfahren – was sie bedeutet und wie sie dein Design aufwertet.
Einstellung | Was ist das? |
|---|---|
Hintergrund- / Füllfarben  | Füge eine Füllfarbe hinzu, die den Inhalt deines Elements ergänzt. Klicke auf den Kreis neben Farbe, um eine deiner Markenfarben oder benutzerdefinierten Farben zu wählen. Container und Abschnitte: Klicke in der Aktionsleiste auf Hintergrund ersetzen, um die Hintergrundfarbe zu ändern. |
Rand  | Definiere die Ränder deines Elements, damit es hervorsticht. Du kannst die Farbe, Breite und den Stil für alle Ränder wählen oder auf das Symbol für Einzelne Ränder bearbeiten  klicken, um jede Seite separat zu gestalten. |
Ecken  | Mache die Ecken deines Elements eckiger oder runder, indem du den Regler unter Radius ziehst. 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). Bestimme Position, Unschärfe, 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, kannst du Optionen sehen, um einzelne Seiten anzupassen, vertikale und horizontale Abstände hinzuzufügen und mehr. |
Layout  | Ordne das Element genau so an, wie du es möchtest, indem du seine Layout-Einstellungen anpasst. Je nachdem, was du gerade bearbeitest, siehst du Optionen zum Spiegeln, Bestimmen der Position, 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 Alle 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 deinen Prompts für deinen KI-Agenten und präzisem Drag-and-Drop, sodass sich das Erstellen so natürlich anfühlt wie Denken.