Wie füge ich Formen zwischen Abschnitten ein?

Mit den Formen für die Oberkante kannst du dekorative Übergänge zwischen den Abschnitten hinzufügen, um eine einzigartige und optisch ansprechende Website zu gestalten. Anstelle einer geraden Linie kannst du Kurven, Wellen, Winkel und andere Formen nutzen, um die Übergänge zwischen den verschiedenen Bereichen deiner Seite zu gestalten.

In diesem Artikel erklären wir dir, wie du eine Form hinzufügst, welche Optionen dir zur Verfügung stehen und wie du sie nutzen kannst, um deine Website ganz individuell anzupassen.

 

Schritt 1: Öffne den Editor

Gehe in den Editor und öffne die Seite mit dem Abschnitt, den du anpassen möchtest.

Schritt 2: Öffne die Abschnitts-Einstellungen

Klicke auf den Abschnitt, um die graue Menüleiste anzuzeigen. Klicke dann auf das Zahnrad-Symbol (Einstellungen) > Form der Oberkante.

Scherm­afbeelding 2026-07-14 om 07.15.15.png

Schritt 3: Wähle eine Form für die Oberkante aus

Öffne das Dropdown-Menü Form der Oberkante und wähle die gewünschte Form aus.

Die ausgewählte Form wird sofort auf die Oberkante des Abschnitts angewendet, sodass du die verschiedenen Optionen ganz einfach miteinander vergleichen kannst.

Surfschule-Wave-Lübeck-07-14-2026_07_16_AM.png


Weitere Informationen:

Verfügbare Formen


Du kannst aus den folgenden Optionen wählen:

  • Keine: Behält eine gerade Kante zwischen den Abschnitten bei.
  • Bogen: Fügt eine sanfte, abgerundete Kurve hinzu.
  • Neigung (nach oben): Erzeugt eine diagonale Kante, die von links nach rechts ansteigt.
  • Neigung (nach unten): Erzeugt eine diagonale Kante, die von links nach rechts abfällt.
  • Spitz: Fügt eine spitze Form in der Mitte hinzu.
  • Tal: Erzeugt eine nach innen zeigende, spitze Form in der Mitte.
  • Welle: Fügt eine große, fließende Welle hinzu.
  • Doppelwelle: Erzeugt einen Übergang mit mehreren Kurven.
  • Kurzwellen: Fügt ein sich wiederholendes Muster aus kleineren Wellen hinzu.
  • Zickzack: Erzeugt eine sich wiederholende, eckige Kante.
     
Wie kann ich Formen auf meiner Website nutzen?


Formen können helfen, verschiedene Arten von Inhalten optisch voneinander zu trennen und wichtige Abschnitte hervorzuheben. Du kannst sie zum Beispiel für Folgendes nutzen:

  • Abschnitte mit unterschiedlichen Hintergrundfarben voneinander trennen.
  • Eine Kundenbewertung, eine Aktion oder einen Call-to-Action (Handlungsaufforderung) hervorheben.
  • Einen fließenden Übergang zwischen einem Bild- und einem Textabschnitt schaffen.
  • Einer kreativen oder persönlichen Website ein verspieltes Aussehen verleihen.
  • Mehr Dynamik in eine moderne Unternehmens- oder Portfolio-Website bringen.
  • Eine lange Seite auflockern, ohne zusätzliche Trennelemente hinzufügen zu müssen.
Tipp: Kombiniere die Form mit kontrastierenden Abschnittsfarben oder einem Bildhintergrund, um den Effekt noch deutlicher sichtbar zu machen.

 

Die passende Form auswählen

  • Nutze Welle, Doppelwelle oder Kurzwellen für ein freundliches und verspieltes Erscheinungsbild.
  • Nutze Bogen, Spitz oder Tal für einen weicheren, dekorativeren Übergang.
  • Nutze Neigung (nach oben) oder Neigung (nach unten) für einen klaren und modernen Look.
  • Nutze Zickzack, wenn du einen stärkeren visuellen Kontrast erzeugen möchtest.
Tipp: Du musst nicht bei jedem Abschnitt eine Form hinzufügen. Wenn du sie ganz gezielt einsetzt, kannst du die Aufmerksamkeit auf wichtige Teile deiner Seite lenken, ohne das Design unruhig wirken zu lassen.

 

Bitte beachten: Die Form wird immer auf die Oberkante des ausgewählten Abschnitts angewendet. Die Farbe oder der Hintergrund dieses Abschnitts bestimmt also, wie die Form zwischen den beiden Abschnitten aussieht.

 


Brauchst du Hilfe?

Unser Support-Team ist für dich da.

Wende dich einfach an unseren Chatbot Webby unten rechts auf deinem Bildschirm, um sofortige Hilfe zu deiner Frage zu erhalten. Wenn Webby einmal nicht weiterweiß, helfen wir dir natürlich gerne persönlich weiter. Du kannst dann direkt über Webby eine Support-Anfrage erstellen oder uns deine Frage(n) via WhatsApp oder über die Social-Media-Messenger senden.
 


  1. Wie füge ich Abschnitte hinzu? 
  2. Wie kann ich das Farbschema eines Designs anpassen? 
  3. Wie gestalte ich eine bestehende Website neu?

War dieser Artikel hilfreich?