Layout

Im Layout-Tab bestimmst du, wie dein Portfolio strukturiert ist - vom Layout-Typ über Spaltenanzahl bis zu Abständen und Vorlagen.

Layout-Typ

Wähle zwischen drei verschiedenen Layout-Typen:

Grid

Was es macht: Zeigt Projekte in einem gleichmäßigen Raster mit fester Größe.

So findest du es: Layout > Layout-Typ > Grid

Eigenschaften:

Alle Projektkarten haben die gleiche Größe
Bilder werden auf das gewählte Seitenverhältnis zugeschnitten
Klassisches, aufgeräumtes Erscheinungsbild

Ideal für:

Einheitliche Projektdarstellung
Professionelle Portfolios
Firmen-Referenzen

Masonry

Was es macht: Pinterest-ähnliches Layout mit variablen Kartenhöhen.

So findest du es: Layout > Layout-Typ > Masonry

Eigenschaften:

Karten behalten ihre natürlichen Proportionen
Lücken werden automatisch gefüllt
Dynamisches, interessantes Erscheinungsbild

Ideal für:

Kreative Portfolios
Gemischte Projektformate
Design- und Kunstportfolios

Carousel

Was es macht: Horizontaler Slider mit automatischem Projektwechsel.

So findest du es: Layout > Layout-Typ > Carousel

Eigenschaften:

Ein Projekt im Fokus
Automatischer Bildwechsel (optional)
Seitenindikator-Punkte (optional)

Ideal für:

Featured-Projekte
Hero-Bereiche
Präsentationen

Grid-Einstellungen

Diese Einstellungen erscheinen bei Grid oder Masonry Layout.

Spalten (Hochformat)

Was es macht: Anzahl der Spalten im Hochformat (Portrait-Modus).

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

Wertebereich: 1 bis 4

Wert	Wirkung
1	Ein Projekt pro Zeile, große Karten
2	Zwei Spalten, ausgewogene Größe
3	Drei Spalten, kompakte Darstellung
4	Vier Spalten, Thumbnail-Ansicht

Standard: 1

Spalten (Querformat)

Was es macht: Anzahl der Spalten im Querformat (Landscape-Modus).

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

Wertebereich: 2 bis 6

Wert	Wirkung
2	Große Karten auch im Querformat
3	Ausgewogener Standard
4	Mehr Projekte sichtbar
5-6	Kompaktes Raster

Standard: 2

Abstand

Was es macht: Der Abstand zwischen den einzelnen Projektkarten in Pixeln.

So findest du es: Layout > Grid-Einstellungen > Abstand

Wertebereich: 0px bis 24px

Wert	Wirkung
0-4px	Nahtloses Raster
8-12px	Leichter Abstand, gut erkennbar
16-20px	Deutliche Trennung
24px	Großzügiger Abstand

Standard: 16px

Eckenradius

Was es macht: Rundet die Ecken der Projektkarten ab.

So findest du es: Layout > Grid-Einstellungen > Eckenradius

Wertebereich: 0px bis 32px

Wert	Wirkung
0px	Eckige Karten (klassisch)
8px	Leicht gerundet
12px	Modern gerundet
16-24px	Deutlich gerundet
32px	Stark gerundet

Standard: 12px

Seitenverhältnis

Was es macht: Das Verhältnis von Breite zu Höhe bei Grid-Karten.

So findest du es: Layout > Grid-Einstellungen > Seitenverhältnis

Wertebereich: 0.5 bis 2.0

Wert	Verhältnis	Beschreibung
0.67	2:3	Hochformat
1.0	1:1	Quadrat
1.33	4:3	Leichtes Querformat
1.5	3:2	Querformat
1.78	16:9	Breitbild

Standard: 1.5 (Querformat)

Carousel-Einstellungen

Diese Einstellungen erscheinen nur bei Carousel Layout.

Carousel-Höhe

Was es macht: Die Höhe des Carousels in Pixeln.

So findest du es: Layout > Carousel-Einstellungen > Höhe

Wertebereich: 200px bis 500px

Wert	Wirkung
200-250px	Kompakter Slider
300-350px	Mittlere Größe
400-450px	Prominente Darstellung
500px	Großer Hero-Slider

Standard: 300px

Autoplay

Was es macht: Wechselt automatisch zum nächsten Projekt.

So findest du es: Layout > Carousel-Einstellungen > Autoplay

Optionen: Aktiviert / Deaktiviert

Standard: Deaktiviert

Intervall

Was es macht: Zeit zwischen automatischem Projektwechsel.

So findest du es: Layout > Carousel-Einstellungen > Intervall

Wertebereich: 1 bis 10 Sekunden

Wert	Wirkung
1-2s	Schneller Wechsel
3-4s	Moderate Geschwindigkeit
5-7s	Gemütliches Tempo
8-10s	Langsamer Wechsel

Standard: 3 Sekunden

Indikatoren

Was es macht: Zeigt Punkte zur Anzeige der aktuellen Position.

So findest du es: Layout > Carousel-Einstellungen > Indikatoren

Optionen: Aktiviert / Deaktiviert

Standard: Aktiviert

Vorlagen

Wähle eine vorgefertigte Vorlage als Ausgangspunkt.

Verfügbare Vorlagen

Vorlage	Layout	Spalten	Abstand	Eckenradius	Hintergrund
Minimal	Grid	2	4px	0px	Weiß
Pinterest	Masonry	2	12px	16px	Hellgrau
Professionell	Grid	2	16px	8px	Hellgrau
Dunkel	Masonry	2	8px	12px	Dunkelgrau

Vorlage anwenden

Scrolle im Layout-Tab nach unten zu Vorlagen
Tippe auf die gewünschte Vorlage
Die Einstellungen werden übernommen
Passe sie nach Bedarf weiter an

Layout-Übersicht

Hier siehst du alle Layout-Einstellungen auf einen Blick:

Einstellung	Bereich	Standard	Minimum	Maximum
Layout-Typ	Layout-Typ	Grid	-	-
Spalten (Hochformat)	Grid	1	1	4
Spalten (Querformat)	Grid	2	2	6
Abstand	Grid	16px	0px	24px
Eckenradius	Grid	12px	0px	32px
Seitenverhältnis	Grid	1.5	0.5	2.0
Carousel-Höhe	Carousel	300px	200px	500px
Autoplay	Carousel	Aus	-	-
Intervall	Carousel	3s	1s	10s
Indikatoren	Carousel	An	-	-

Tipps

Häufige Fragen

Welches Layout ist am besten?

Das hängt von deinen Inhalten ab:

Einheitliche Projekte - Grid
Verschiedene Formate - Masonry
Wenige Highlights - Carousel

Warum werden meine Cover-Bilder beschnitten?

Im Grid-Layout werden alle Karten auf das gewählte Seitenverhältnis zugeschnitten. Nutze Masonry, wenn du die originalen Proportionen behalten möchtest.

Wie viele Spalten sollte ich verwenden?

Für Smartphones ist 1 Spalte im Portrait ideal für detaillierte Projektkarten. 2 Spalten zeigen mehr Projekte, aber kleinere Karten.

Kann ich das Layout später ändern?

Ja, du kannst das Layout jederzeit wechseln. Deine Projekte bleiben erhalten.