Wix Harmony Editor: Mit Verläufen arbeiten
In diesem Artikel
- Die verschiedenen Verlaufstypen verstehen
- Einen linearen, radialen oder konischen Verlauf einrichten
- Einen Fluid-Verlauf einrichten
- FAQ
Verläufe mischen 2 oder mehr Farben miteinander und lassen sie ineinander übergehen. So wirkt dein Hintergrund bewegter als bei einer einfarbigen Fläche.
Wähle aus linearen, radialen, konischen und Fluid-Verläufen, um verschiedene Looks für deine Website zu erstellen. Du kannst weitere Farben hinzufügen, die Deckkraft jeder Farbe ändern und Verläufe in deiner Marke speichern, damit du sie später leicht wieder verwenden kannst.
Gut zu wissen:
Hintergrundverläufe sind aktuell für Abschnitte, Zellen innerhalb von Abschnitten, Kopfzeilen, Fußzeilen, Buttons und Boxen verfügbar.
Die verschiedenen Verlaufstypen verstehen
Wenn du deinen Verlauf einrichtest, kannst du aus 4 verschiedenen Verlaufstypen wählen. Jeder Verlauf erzeugt einen eigenen visuellen Effekt. Die beste Wahl hängt also davon ab, wie dein Hintergrund aussehen soll.
- Linear: Die Farben verlaufen in einer geraden Linie von einer Seite zur anderen (du wählst den Winkel). Das ist eine gute Wahl für klare, einfache Hintergründe mit einer deutlichen Richtung.
- Radial: Die Farben breiten sich von einem zentralen Punkt aus nach außen aus. Dadurch entsteht ein weicherer Look, der den Blick zur Mitte oder zu einem bestimmten Bereich lenkt.
- Konisch: Die Farben rotieren in einer kreisförmigen Bewegung um einen zentralen Punkt (du wählst den Winkel). So entsteht ein dynamischerer Effekt wie bei einem Scheinwerfer.
- Fluid: Die Farben verlaufen freier über den Hintergrund und erzeugen einen weichen, meshartigen Look mit weniger klaren Kanten.
Einen linearen, radialen oder konischen Verlauf einrichten
Lineare, radiale und konische Verläufe erzeugen deutlichere Farbübergänge. Füge dem Verlauf weitere Farben hinzu, ändere vorhandene Farben und passe die Deckkraft an, um genau den gewünschten Look zu erhalten.
Um einen linearen, radialen oder konischen Verlauf einzurichten:
- Öffne deinen Editor.
- Klicke auf das passende Element.
- Klicke in der Aktionsleiste auf Hintergrund ersetzen.
- Klicke auf das Gradient-
. - Wähle oben einen Verlaufstyp aus: Linear
, Radial 
oder Konisch 
. - Richte den Verlauf mit den Optionen ein:
- Weitere Farben hinzufügen: Fahre mit der Maus über die Farbleiste an der Stelle, an der du die neue Farbe hinzufügen möchtest. Wenn sich dein Cursor in dieses Symbol
ändert, klicke darauf und wähle eine Farbe aus. - Farbe ändern: Klicke auf den passenden Farbpunk auf der Farbleiste und wähle dann eine andere Farbe aus.
- Deckkraft einer Farbe ändern: Klicke auf den passenden Farbpunk auf der Farbleiste und ziehe dann den Deckkraft-Slider oder gib einen genauen Prozentsatz ein (zum Beispiel bedeutet 100 % volle Deckkraft).
- Farbe löschen: Klicke auf das Farbe entfernen-Symbol
.
Hinweis: Verläufe brauchen mindestens 2 Farben. Wenn dein Verlauf nur 2 Farben hat, ist dieses Symbol deaktiviert.
- Weitere Farben hinzufügen: Fahre mit der Maus über die Farbleiste an der Stelle, an der du die neue Farbe hinzufügen möchtest. Wenn sich dein Cursor in dieses Symbol
- Passe den Verlauf basierend auf dem von dir gewählten Typ an:
- Linear: Ziehe den Kreis in der Verlaufsvorschau, um den Winkel des Farbverlaufs zu ändern.
- Radial: Ziehe den Kreis in der Mitte der Vorschau, um den Fokuspunkt zu verschieben.
- Konisch: Passe den Winkel an und ziehe den Fokuspunkt in der Vorschau, um zu ändern, wie die Farben verlaufen.
Tipps:
- Klick auf das Symbol für In Marke speichern
, um den Verlauf zu speichern, den du erstellt hast. - Klick auf das Symbol für Reihenfolge spiegeln
, um die Farbreihenfolge schnell umzukehren.
Einen Fluid-Verlauf einrichten
Fluid-Verläufe erzeugen einen weicheren, netzartigen Übergang. Dieser Stil eignet sich gut, wenn die Farben natürlicher und fließender wirken sollen.
Um einen Fluid-Verlauf einzurichten:
- Öffne deinen Editor.
- Klicke auf das passende Element.
- Klicke in der Aktionsleiste auf Hintergrund ersetzen.
- Klicke auf das Symbol für Verlauf , dann klicke auf das Symbol für Fluid
. - Richte den Verlauf mit den folgenden Optionen ein:
- Weitere Farben hinzufügen: Fahre mit der Maus über die Stelle in der Vorschau, an der du eine weitere Farbe hinzufügen möchtest. Wenn sich dein Cursor in dieses Symbol ändert, klicke darauf und wähle eine Farbe aus.
- Eine Farbe verschieben: Klicke auf den Farbpunkte und ziehe ihn, um ihn in der Vorschau zu verschieben.
- Eine Farbe ändern: Klicke auf den passenden Farbpunkte und wähle dann eine andere Farbe aus.
- Die Deckkraft einer Farbe ändern: Klicke auf den passenden Farbpunkte und ziehe dann den Deckkraft-Slider.
- Weitere Einstellungen öffnen: Klicke auf das Symbol für Weitere Einstellungen
, um die Größe, die Ausbreitung und die Farbe hinter dem Verlauf anzupassen. - Eine Farbe löschen: Klicke auf den passenden Farbpunkte und dann auf das Symbol für Farbe entfernen .
Hinweis: Verläufe brauchen mindestens 2 Farben. Wenn dein Verlauf nur 2 Farben hat, ist dieses Symbol deaktiviert.
- Weitere Farben hinzufügen: Fahre mit der Maus über die Stelle in der Vorschau, an der du eine weitere Farbe hinzufügen möchtest. Wenn sich dein Cursor in dieses Symbol
Tipp:
Klick auf das
Symbol für In Marke speichern
, um den Verlauf zu speichern, den du erstellt hast.
, um den Verlauf zu speichern, den du erstellt hast. 
FAQ
Klicke unten auf eine Frage, um mehr zu erfahren.
Wo sehe ich meine gespeicherten Verläufe im Editor?
Warum ist die Option zum Entfernen einer Farbe deaktiviert?