50 kreative und inspirierende Miniaturgalerien
Miniaturansichten sind eine der häufigsten Lösungen im Web für die Präsentation mehrerer Bilder. Die Effizienz dieses Tools ist unschlagbar. Es ermöglicht ein schnelles Durchsuchen und eine genauere Überprüfung, wenn dies gewünscht wird.
Immer wenn ich eine Miniaturgalerie erstelle, schaue ich mich gerne im Internet um, um zu sehen, was andere Designer tun, um ihre Galerie einzigartig zu machen. Heute haben wir fünfzig großartige Galerien für Sie zusammengestellt. Unterwegs werden wir auch einige Ideen diskutieren, die Sie in Ihren eigenen Galerien verwenden können.
Gefällt dir der Artikel? Abonnieren Sie unbedingt unseren RSS-Feed und folgen Sie uns auf Twitter, um über aktuelle Inhalte auf dem Laufenden zu bleiben.
Schluss mit den Rändern
Whoa sagt, dass Thumbnails ausgebreitet werden müssen? Diese Seiten beschlossen, die Nähe anzunehmen und die Bilder gegeneinander zu quetschen. Das Ergebnis ist ein Eindruck eines einzelnen Objekts, das aus vielen Teilen besteht. Es ist nicht nur sehr platzsparend, es ist auch sehr attraktiv.
Diese Technik ist offensichtlich am besten geeignet, wenn Sie nicht jedem Bild viele Kontextinformationen hinzufügen müssen, obwohl das Hover-Ereignis eine gute Gelegenheit für zusätzlichen Text oder zusätzliche Grafiken bietet.
Shankar
Egopop
Freie Gesichter
Analog Digital
Elliot Leprakranke
xMind
Variieren Sie die vertikale Höhe
Wenn Sie die vertikale Höhe der Bilder in der Galerie variieren, ergibt sich eine viel organischere Seite. Obwohl das immer noch einheitlichen Regeln unterliegt, fühlt sich das Layout nicht so starr an wie bei einem typischen Raster.
Dies ist offensichtlich die perfekte Lösung für die Anzeige von Bildern, die zufällig unterschiedliche Höhen haben, sollte aber auch in Betracht gezogen werden, wenn Ihr gesamtes Seitenthema entspannt ist oder frei fließt.
404 Nicht gefunden
Paul Mitchell Kelly
Nur Sean
Vertikales Korndesign
Sei nicht quadratisch
Plätze sind langweilig! Wenn Sie möchten, dass Ihre Galerie die Form sprengt, experimentieren Sie mit verschiedenen Formen für Ihre Miniaturansichten. Die typische zweite Option sind Kreise, wie Sie unten sehen werden, aber wie das erste Beispiel zeigt, ist es definitiv effektiv, noch weiter zu gehen und etwas ganz Eigenes zu tun.
Arnaud Beelen
Ausgewählt
Im Fokus der Aufmerksamkeit
Leidenschaft für Design
Keenan Wells
Krumme Bilder
Mit CSS3 können Sie ganz einfach viele großartige visuelle Effekte erstellen. Eine kürzlich beliebte Bildbehandlung war die Verwendung von CSS-Transformationen zum Drehen der Bilder in einer Galerie. Dieser Effekt wird häufig mit einer Animation beim Schweben kombiniert.
Das Ergebnis ähnelt Bildern, die schief an einer Wand hängen oder Polaroids, die auf einem Tisch ausgebreitet sind. Hier sind einige verschiedene Variationen des Effekts.
Mooreish
Brach Design
In der Scheune geboren
Schattenspiele
CSS-Box-Schatten sind eine ziemlich einfache Eigenschaft, mit der man arbeiten kann. Stellen Sie einfach Ihre Position und Federn ein und Sie können loslegen. Viele Entwickler haben kürzlich herausgefunden, dass Sie durch die Kombination von Schatten mit Transformationen und Pseudo-Selektoren eine Menge unterschiedlicher und beeindruckender Ergebnisse erzielen können.
Die Schatten, die Sie auf Ihre Galerie anwenden, können das Gesamtgefühl Ihrer gesamten Seite verändern. Schauen Sie sich die Schatten unten an und wie sie die Illusion vermitteln, das Bild tatsächlich neu zu formen.
CMYK08
Unterschrift kreativ
Bronco
Calabriae Studio
Chase Farnum
Dribbble
Atelier
Andere inspirierende Galerien
Toni Digrigio
Andrea Ives
Wir sind meistens ernst
Schwarze Krawatte
Ben Bate
Andre Kreft
Leeds Grafikdesigner
Anderson de Paulo
Barnt & Arnst
James White Smith
Ketch Studio
Wer ist Gast?
Medienregen
Chris Arbini
Sumit Paul
Gefundene Farbe
Hoban-Karten
Teilt
Ein Punkt Hella
Kubi Media
Kubanischer Rat
Elegante Möwen
Froot
Kunstkodex
Mathieu Clauss
Zeigen Sie uns Ihre!
Nachdem Sie unsere Sammlung einiger der interessantesten Galerien gesehen haben, sind Sie an der Reihe, diese zu teilen. Hinterlassen Sie unten einen Kommentar mit einem Link zu Galerien, die Sie entweder gebaut oder einfach als inspirierend empfunden haben.
