Layout
Im Layout-Tab passt du das visuelle Layout deines FAQ-Bereichs an - vom Layout-Typ über den Eckenradius bis zu Abständen.
Layout-Typ
Section titled “Layout-Typ”Bestimme, wie FAQs dargestellt werden.
Layout auswählen
Section titled “Layout auswählen”Was es macht: Bestimmt die grundlegende Darstellungsart deiner FAQs.
So findest du es: Layout > Layout-Typ
Optionen:
| Layout | Beschreibung | Ideal für |
|---|---|---|
| Akkordeon | Fragen zum Aufklappen in einer Liste | Klassische FAQ-Bereiche mit vielen Fragen |
| Karten | Jede FAQ als einzelne Karte | Moderne Designs mit weniger FAQs |
| Liste | Einfache vertikale Liste | Kompakte, minimalistische Darstellung |
Standard: Akkordeon
Abstände
Section titled “Abstände”Bestimme die Abstände zwischen Elementen.
Eckenradius
Section titled “Eckenradius”Was es macht: Rundet die Ecken von FAQ-Karten und Elementen ab.
So findest du es: Layout > Abstände > Eckenradius
Wertebereich: 0px bis 32px
| Wert | Wirkung |
|---|---|
| 0px | Eckige Elemente (klassisch) |
| 8px | Leicht gerundete Ecken |
| 12px | Moderat gerundete Ecken (Standard) |
| 16-24px | Deutlich gerundete Ecken (modern) |
| 32px | Stark gerundete Ecken |
Standard: 12px
Abstand zwischen Elementen
Section titled “Abstand zwischen Elementen”Was es macht: Der vertikale Abstand zwischen einzelnen FAQ-Einträgen.
So findest du es: Layout > Abstände > Abstand zwischen Elementen
Wertebereich: 0px bis 32px
| Wert | Wirkung |
|---|---|
| 0px | Elemente direkt aneinander |
| 4px | Minimaler Abstand |
| 8px | Standard-Abstand |
| 16-24px | Großzügiger Abstand |
| 32px | Sehr luftiges Layout |
Standard: 8px
Icon-Größe
Section titled “Icon-Größe”Was es macht: Bestimmt die Größe der Auf-/Zuklapp-Icons.
So findest du es: Layout > Abstände > Icon-Größe
Wertebereich: 16px bis 48px
| Wert | Wirkung |
|---|---|
| 16-20px | Kleine Icons |
| 24px | Standard-Größe |
| 28-32px | Größere Icons |
| 40-48px | Sehr große Icons |
Standard: 24px
Alle Einstellungen auf einen Blick
Section titled “Alle Einstellungen auf einen Blick”| Einstellung | Bereich | Standard | Minimum | Maximum |
|---|---|---|---|---|
| Layout-Typ | Layout-Typ | Akkordeon | - | - |
| Eckenradius | Abstände | 12px | 0px | 32px |
| Abstand Elemente | Abstände | 8px | 0px | 32px |
| Icon-Größe | Abstände | 24px | 16px | 48px |
Beispiel-Konfigurationen
Section titled “Beispiel-Konfigurationen”Klassisches FAQ
Section titled “Klassisches FAQ”| Einstellung | Wert |
|---|---|
| Layout-Typ | Akkordeon |
| Eckenradius | 8px |
| Abstand Elemente | 4px |
| Icon-Größe | 24px |
Zeitlose Darstellung, die Nutzer sofort verstehen.
Modernes Karten-Layout
Section titled “Modernes Karten-Layout”| Einstellung | Wert |
|---|---|
| Layout-Typ | Karten |
| Eckenradius | 16px |
| Abstand Elemente | 16px |
| Icon-Größe | 28px |
Luftiges Design mit prominenten Karten.
Minimalistisch
Section titled “Minimalistisch”| Einstellung | Wert |
|---|---|
| Layout-Typ | Liste |
| Eckenradius | 0px |
| Abstand Elemente | 8px |
| Icon-Größe | 20px |
Reduziertes Design ohne Schnörkel.
Häufige Fragen
Section titled “Häufige Fragen”Wann sollte ich welches Layout verwenden?
Section titled “Wann sollte ich welches Layout verwenden?”- Akkordeon: Für klassische FAQ-Bereiche mit vielen Fragen (10+)
- Karten: Für moderne Designs mit weniger FAQs (unter 10)
- Liste: Für minimalistische Apps oder sehr kurze FAQs
Welchen Eckenradius sollte ich verwenden?
Section titled “Welchen Eckenradius sollte ich verwenden?”Verwende den gleichen Radius wie im Rest deiner App. Wenn du unsicher bist, nutze “App-Theme anwenden” um den globalen Wert zu übernehmen.
Wie viel Abstand sollte ich zwischen Elementen lassen?
Section titled “Wie viel Abstand sollte ich zwischen Elementen lassen?”4-8px ist ein guter Standardwert für Akkordeon. Bei Karten können 12-16px besser wirken. Teste verschiedene Werte und wähle, was am harmonischsten aussieht.