Form-Blöcke

Erstelle einfarbige Formen, um dein Seitendesign zu verbessern.

Zuletzt aktualisiert: 23. August 2024

Verwende Form-Blöcke, um verschiedene Formen zu Abschnitten des Kreativen Editors hinzuzufügen. Dies ist eine großartige Möglichkeit, deine Layouts zu variieren und auffällige Motive hinzuzufügen oder Form-Blöcke mit anderen Blöcken zu überlappen, um visuell auffälligere Layouts zu erstellen.

Video ansehen

Tipp

Form-Blöcke fügen deinem Seitendesign nur eine einfarbige Form hinzu. Verwende Bild-Blöcke, um ein Bild innerhalb einer Form hinzuzufügen.

Three_shape_blocks_-_a_square__a_star__and_a_flower_-_behind_text.png

So erlangst du Zugriff auf diese Funktion

Form-Blöcke werden im Kreativen Editor auf Websites der Version 7.1 unterstützt.

Einen Form-Block hinzufügen

So fügst du einen Form-Block hinzu:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen und dann auf Form. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst oder auf den Block doppelklickst.
  3. Klicke unter Form auf das Drop-down-Menü und wähle die gewünschte Form aus. Wenn du die quadratische Grundform auswählst, lege die Eckenradien fest.
  4. Aktiviere den Schalter Strecken, damit die Form den Block ausfüllt. Die Proportionen der Form können sich ändern, wenn du die Größe des Blocks änderst. Wenn du die Option Strecken deaktiviert lässt, behält die Form ihre Proportionen bei, wenn du die Größe des Blocks änderst.
  5. Klicke auf die Anpassung Farbe, um die Farbe des Blocks festzulegen.
  6. Klicke auf das Drop-down-Menü Mischmodus, um eine Transparenzeinstellung auszuwählen. Diese Effekte sind ideal, wenn du einen Form-Block vor einem Bild oder anderen visuellen Inhalten überlagerst.
  7. Aktiviere neben Strich eine durchgezogene oder gepunktete Linie, die die Form umranden soll. Lege sowohl für durchgezogene als auch für gepunktete Linien die Farbe und Stärke des Strichs fest. Lege für gepunktete Linien die Strich- und Lückengröße und die Form der Endkappen fest.
  8. Klicke auf den Schalter Schlagschatten, um der Form einen Schlagschatten hinzuzufügen. Lege den Winkel, die Entfernung, die Unschärfe und die Farbe fest.

Tipp

Wenn kein Schlagschatten erscheint, erhöhe die Einstellungen für die Entfernung oder Unschärfe.

Farbe des Form-Blocks

Im Block-Editor kannst du eine Farbe für deine Form aus der Palette deiner Website auswählen oder eine benutzerdefinierte Farbe auswählen. Du kannst auch eine Farbe für den Schlagschatten des Blocks auswählen, nachdem du ihn aktiviert hast. Mit diesen Einstellungen kann jeder Form-Block, den du hinzufügst, eine andere Farbe mit einem andersfarbigen Schlagschatten haben.

Beachte, dass sich die Farbe möglicherweise an deine neue Palette anpasst, wenn du eine Farbe der Palette auswählst und die Palette deiner Website später änderst. Wenn du eine benutzerdefinierte Farbe für den Form-Block oder dessen Schlagschatten auswählst, bleibt diese Farbe unverändert, auch wenn du deine Palette änderst.

Wenn du im Block-Editor keine Farbe auswählst, folgen Form-Blöcke und ihre Schlagschatten den Standardfarben aus dem Farbschema des Abschnitts. So passt du diese Standardfarben an:

  1. Öffne Website-Stil.
  2. Klicke auf Farben.
  3. Bewege den Mauszeiger über das Design des Abschnitts und klicke auf das Bleistiftsymbol. Wenn du nicht sicher bist, welches Design der Abschnitt verwendet, überprüfe die Beschriftung in der oberen rechten Ecke des Abschnitts.
  4. Scrolle nach unten zu Form-Block und ändere dann die Hintergrundfarbe und die Schlagschatten-Farbe.

Nächste Schritte

Nachdem du das Design des Form-Blocks festgelegt hast:

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.