Hinzufügen oder Entfernen von Abständen zwischen Elementen

Was ist Abstand?

Abstände sind ein wichtiger Teil des Webdesigns, auch wenn Sie sie nicht immer bemerken. Richtige Abstände verbessern die visuelle Hierarchie, indem sie die Aufmerksamkeit auf wichtige Elemente lenken, verbessern die Lesbarkeit, indem sie den Text leichter verständlich machen, und steigern die Benutzerinteraktion, indem sie ein einladenderes, leicht navigierbares Design schaffen.

Arten der Abstandsanpassung

1. Polsterung vs. Rand

Polsterung , Marge sind zwei Schlüsselelemente, die den Abstand auf Ihrer Seite steuern, aber sie dienen unterschiedlichen Zwecken:

• Marge ist der Raum außerhalb der Grenze eines Elements. Er steuert den Raum zwischen dem Element und anderen Elementen auf der Seite. Ränder sind transparent und schieben das Element vom umgebenden Inhalt weg, wodurch ein Puffer darum entsteht.

In GemPages können Sie Ränder verwenden, um den Abstand zwischen verschiedenen Elementen zu steuern, z. B. zwischen zwei Bildern oder zwischen einer Schaltfläche und einem Textblock, um eine visuelle Trennung oder Leerraum zu erstellen.

• Polsterung ist der Raum innerhalb der Umrandung eines Elements, aber außerhalb seines Inhalts. Er definiert den Abstand zwischen dem Inhalt des Elements (z. B. Text oder Bild) und der Umrandung des Elements.

In GemPages wird Padding verwendet, wenn Sie Platz innerhalb eines Elements schaffen möchten. Sie können beispielsweise einer Schaltfläche Padding hinzufügen, damit der Text darin Platz um sich herum hat, wodurch die Schaltfläche größer oder optisch ausgewogener wird.

Um tiefer in die Funktionsweise einzutauchen, lesen Sie unseren Artikel über Rand und Polsterung.

2. Spalten- und Zeilenabstand

Wenn Sie mit Rastern oder gruppierten Elementen arbeiten, ist das Anpassen des Abstands zwischen Spalten und Zeilen der Schlüssel zu einem übersichtlichen Layout. So können Sie es tun:

• Spaltenabstand: Vergrößern Sie den Abstand zwischen den Spalten mit dem Spaltenabstand Einstellung im Zeilenelement.
• Zeilenabstand: Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Rand oben , Slip auf Zeilenelementen, um den vertikalen Abstand zwischen ihnen zu steuern.

3. Zeilenabstand und Buchstabenabstand

Bei Texten kann der richtige Zeilen- und Buchstabenabstand die Lesbarkeit erheblich verbessern.

• Zeilenabstand (Zeilenhöhe): Passen Sie den Abstand zwischen den Textzeilen an, um Ihre Absätze besser lesbar zu machen.
• Buchstaben-Abstand: Verändern Sie den Abstand zwischen den einzelnen Buchstaben um die Übersichtlichkeit zu verbessern.

So fügen Sie mit GemPages Abstände zwischen Elementen hinzu

Schritt 1:: In dem GemPages-Editor, klicken Sie auf ein Element, dem Sie Abstand hinzufügen möchten.

Schritt 2:: Gehen Sie zum Erweitert Tab und finden Sie die Rand und Polsterung .

Schritt 3:: Passen Sie die Einstellungen an, um den gewünschten Abstand hinzuzufügen, oder wählen Sie einen voreingestellten Wert.

So entfernen Sie mit GemPages Abstände zwischen Elementen

Schritt 1:: Gehen Sie zum Erweitert Tab und finden Sie die Rand und Polsterung .

Schritt 2:: Alle Abstandswerte auf 0 um den Abstand zu entfernen.