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
Abschnitt betitelt „Layout-Typ“Bestimme, wie FAQs dargestellt werden.
Layout auswählen
Abschnitt betitelt „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
Abschnitt betitelt „Abstände“Bestimme die Abstände zwischen Elementen.
Eckenradius
Abschnitt betitelt „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
Abschnitt betitelt „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
Abschnitt betitelt „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
Abschnitt betitelt „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
Abschnitt betitelt „Beispiel-Konfigurationen“Klassisches FAQ
Abschnitt betitelt „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
Abschnitt betitelt „Modernes Karten-Layout“| Einstellung | Wert |
|---|---|
| Layout-Typ | Karten |
| Eckenradius | 16px |
| Abstand Elemente | 16px |
| Icon-Größe | 28px |
Luftiges Design mit prominenten Karten.
Minimalistisch
Abschnitt betitelt „Minimalistisch“| Einstellung | Wert |
|---|---|
| Layout-Typ | Liste |
| Eckenradius | 0px |
| Abstand Elemente | 8px |
| Icon-Größe | 20px |
Reduziertes Design ohne Schnörkel.
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Wann sollte ich welches Layout verwenden?
Abschnitt betitelt „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?
Abschnitt betitelt „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?
Abschnitt betitelt „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.