Layout

Im Layout-Tab passt du das visuelle Layout deines Dokumentenbereichs an - vom Layout-Typ über die Spaltenanzahl bis zu Abständen und Vorlagen.

Layout-Typ

Bestimme, wie Dokumente dargestellt werden.

Layout auswählen

Was es macht: Bestimmt die grundlegende Darstellungsart deiner Dokumente.

So findest du es: Layout > Layout-Typ

Optionen:

Layout	Beschreibung	Ideal für
Liste	Dokumente als vertikale Liste mit Details	Klassische Dokumentenbibliotheken
Raster	Dokumente als Kacheln in einem Grid	Visuelle Übersicht mit Thumbnails

Standard: Liste

Tipp

Das Listen-Layout zeigt mehr Informationen pro Dokument (Titel, Beschreibung, Größe). Das Raster-Layout eignet sich besser, wenn du viele Dokumente hast und Thumbnails nutzen möchtest.

---

Raster-Einstellungen

Diese Einstellungen erscheinen nur, wenn du das Raster-Layout gewählt hast.

Spalten (Hochformat)

Was es macht: Anzahl der Spalten, wenn das Gerät im Hochformat gehalten wird.

So findest du es: Layout > Raster-Einstellungen > Spalten (Hochformat)

Wertebereich: 1 bis 4 Spalten

Wert	Wirkung
1	Eine Spalte, große Kacheln
2	Zwei Spalten, mittlere Kacheln (Standard)
3	Drei Spalten, kleinere Kacheln
4	Vier Spalten, kompakte Kacheln

Standard: 2

Spalten (Querformat)

Was es macht: Anzahl der Spalten, wenn das Gerät im Querformat gehalten wird.

So findest du es: Layout > Raster-Einstellungen > Spalten (Querformat)

Wertebereich: 2 bis 6 Spalten

Wert	Wirkung
2	Zwei Spalten
3	Drei Spalten (Standard)
4	Vier Spalten
5-6	Fünf bis sechs Spalten

Standard: 3

Gut zu wissen

Im Querformat hast du mehr horizontalen Platz, daher sind mehr Spalten sinnvoll. Die Spaltenanzahl sollte zur Größe deiner Dokument-Thumbnails passen.

---

Darstellung

Grundlegende visuelle Einstellungen für alle Layout-Typen.

Abstand zwischen Elementen

Was es macht: Der Abstand zwischen einzelnen Dokumentkarten.

So findest du es: Layout > Darstellung > Abstand zwischen Elementen

Wertebereich: 0px bis 24px

Wert	Wirkung
0px	Elemente direkt aneinander
4px	Minimaler Abstand
8px	Kompakter Abstand
12px	Standard-Abstand
16-24px	Großzügiger, luftiger Abstand

Standard: 12px

Eckenradius

Was es macht: Rundet die Ecken der Dokumentkarten ab.

So findest du es: Layout > Darstellung > Eckenradius

Wertebereich: 0px bis 24px

Wert	Wirkung
0px	Eckige Karten (klassisch)
4px	Leicht gerundete Ecken
8px	Moderat gerundete Ecken
12px	Deutlich gerundete Ecken (Standard)
16-24px	Stark gerundete Ecken (modern)

Standard: 12px

Tipp

Verwende den gleichen Eckenradius wie in anderen Teilen deiner App für ein einheitliches Design. Nutze “App-Theme anwenden” im Farben-Tab, um den Radius automatisch zu übernehmen.

Thumbnails anzeigen

Was es macht: Zeigt Vorschaubilder der Dokumente an.

So findest du es: Layout > Darstellung > Thumbnails anzeigen

Optionen:

Einstellung	Wirkung
An	Vorschaubilder werden generiert und angezeigt
Aus	Nur Icons und Text, keine Vorschaubilder

Standard: An

Was sich ändert wenn aktiviert:

• Bei PDFs wird die erste Seite als Vorschau angezeigt
• Andere Dateitypen zeigen ein passendes Icon
• Das Layout wirkt visueller und ansprechender

Tipp

Thumbnails machen es Nutzern leichter, Dokumente wiederzuerkennen. Deaktiviere sie nur, wenn du ein sehr minimalistisches Design möchtest oder die Dokumente keine aussagekräftigen Titelseiten haben.

---

Vorlagen

Wähle eine vordefinierte Kombination aus Layout und Erscheinungsbild.

Vorlagen anwenden

Was es macht: Übernimmt vordefinierte Einstellungen für Layout, Abstände und Farben.

So findest du es: Layout > Vorlagen

Verfügbare Vorlagen:

Vorlage	Layout	Spalten	Abstände	Eckenradius	Thumbnails
Professionell	Liste	-	12px	8px	An
Bibliothek	Raster	2	16px	12px	An
Minimal	Liste	-	8px	4px	Aus

Professionell

Klassisches Listen-Layout mit dezenten Farben. Ideal für Business-Apps und professionelle Dokumentenbibliotheken.

• Aufgeräumte Listenansicht
• Helles Farbschema
• Moderate Eckenrundung

Bibliothek

Visuelles Raster-Layout mit 2 Spalten. Ideal für umfangreiche Dokumentensammlungen mit vielen verschiedenen Dokumenttypen.

• Grid-Ansicht mit Thumbnails
• Mehr Abstand zwischen Elementen
• Modernes Erscheinungsbild

Minimal

Reduziertes Listen-Design ohne Thumbnails. Ideal für kompakte Darstellung ohne visuelle Ablenkung.

• Kompakte Liste
• Keine Vorschaubilder
• Kleine Eckenradien

Gut zu wissen

Vorlagen ändern Layout, Abstände und Farben. Du kannst nach dem Anwenden einer Vorlage einzelne Einstellungen noch anpassen.

---

Alle Einstellungen auf einen Blick

Einstellung	Bereich	Standard	Minimum	Maximum
Layout-Typ	Layout-Typ	Liste	-	-
Spalten (Hochformat)	Raster-Einstellungen	2	1	4
Spalten (Querformat)	Raster-Einstellungen	3	2	6
Abstand Elemente	Darstellung	12px	0px	24px
Eckenradius	Darstellung	12px	0px	24px
Thumbnails	Darstellung	An	-	-

---

Beispiel-Konfigurationen

Kompakte Dokumentenliste

Einstellung	Wert
Layout-Typ	Liste
Abstand Elemente	8px
Eckenradius	8px
Thumbnails	Aus

Platzsparende Darstellung für viele Dokumente.

Visuelle Katalogansicht

Einstellung	Wert
Layout-Typ	Raster
Spalten (Hochformat)	2
Spalten (Querformat)	4
Abstand Elemente	16px
Eckenradius	16px
Thumbnails	An

Ansprechende Darstellung für Kataloge und Broschüren.

Moderne Business-Dokumentation

Einstellung	Wert
Layout-Typ	Liste
Abstand Elemente	12px
Eckenradius	12px
Thumbnails	An

Klassisch und professionell mit Vorschaubildern.

---

Tipps

Konsistenz mit der App

Verwende den gleichen Eckenradius wie in anderen Teilen deiner App für ein einheitliches Design.

Mobile First

Bedenke, dass die meisten Nutzer Dokumente auf dem Handy durchsuchen. Teste das Layout auf verschiedenen Bildschirmgrößen.

Thumbnails für PDFs

Bei PDFs wird automatisch die erste Seite als Thumbnail verwendet. Achte darauf, dass deine PDFs aussagekräftige Titelseiten haben.

Raster für Vielfalt

Das Raster-Layout eignet sich besonders gut, wenn du verschiedene Dokumenttypen hast und diese visuell unterscheidbar machen möchtest.

---

Häufige Fragen

Wann sollte ich welches Layout verwenden?

• Liste: Für Dokumentenbibliotheken mit vielen Details pro Dokument
• Raster: Für visuelle Übersichten mit Thumbnails oder Katalog-ähnliche Darstellungen

Welche Spaltenanzahl ist optimal?

Im Hochformat sind 2 Spalten ein guter Standardwert - die Thumbnails sind noch gut erkennbar. Im Querformat kannst du 3-4 Spalten verwenden.

Soll ich Thumbnails aktivieren?

In den meisten Fällen ja! Thumbnails helfen Nutzern, Dokumente schneller zu erkennen. Deaktiviere sie nur bei sehr einfachen Dokumenten ohne aussagekräftige Titelseiten.

Was passiert, wenn ich eine Vorlage anwende?

Die Vorlage überschreibt Layout, Abstände und Farben. Alle Einstellungen werden sofort aktualisiert. Du kannst danach einzelne Werte noch anpassen.