Welches Galerie-Layout passt zu deinen Bildern?
Eine Galerie zeigt Arbeiten, Orte oder Produkte zuerst über Bilder. Die Galerien hier reichen von ruhigen Rastern und asymmetrischen Projekt-Layouts bis zu bewegten Formen: endlose Laufbänder, Spalten, die unterschiedlich schnell gleiten, eine Kugel oder ein Rad aus Bildern, Cover Flow, Karten zum Werfen, ein endloses Raster zum Ziehen und Bilder, die dem Cursor folgen.
Wähle das Layout danach, was die Bilder brauchen. Arbeiten im Portfolio wollen ein ruhiges Raster mit Luft um jedes Stück, die Stimmung einer Marke oder eines Ortes verträgt mehr Bewegung. Nutze Bilder in ähnlichem Stil und Licht und in der Größe, in der sie auf dem Bildschirm stehen. Bilder sind einfache Adressen in der Datei, bewegte Galerien stoppen oder verlangsamen bei reduzierter Bewegung. Jede Section ist eine einzelne React-Datei mit Tailwind-Klassen.
Passende Guides
Weitere Section-Kategorien
Häufige Fragen
Acht bis zwanzig für eine Section auf einer Landingpage. Ein vollständiges Portfolio gehört auf eine eigene Seite mit Filtern.
Nicht, wenn die Bilder richtig bemessen sind. Nimm WebP oder AVIF in etwa doppelter Anzeigebreite und lade Bilder unterhalb des ersten Bildschirms erst bei Bedarf.
Ein Raster, wenn jedes Bild angesehen werden soll, etwa bei Portfolio-Arbeiten. Eine bewegte Galerie, wenn der Gesamteindruck mehr zählt als das einzelne Bild, etwa bei einem Ort oder einer Markenwelt.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen