Thumbnail gallerier är en av de vanligaste lösningarna på webben för att visa flera bilder. Effektiviteten hos detta verktyg kan inte vara beat, det möjliggör snabb bläddring och närmare inspektion när så önskas.
När jag bygger ett miniatyrgalleri gillar jag att titta runt på nätet för att se vilka andra designers som gör att de är unika. Idag samlar vi in femti stora gallerier för att kolla. Under vägen diskuterar vi också några idéer som du kan använda i dina egna gallerier.
Gilla artikeln? Var noga med att prenumerera på vårt RSS-flöde och följ oss på Twitter för att hålla dig uppdaterat om det senaste innehållet.
Ditch marginalerna
Whoa säger att miniatyrbilder måste spridas ut? Dessa platser bestämde sig för att omfamna närhet och kväva bilderna upp mot varandra. Resultatet är ett intryck av ett enda objekt bestående av många delar. Det är inte bara mycket utrymmeeffektivt, det är ganska attraktivt.
Denna teknik är uppenbarligen bäst att använda om du inte behöver lägga till mycket kontextuell information för varje bild, även om svängningsevenemanget ger ett bra tillfälle för ytterligare text eller grafik.
Shankar
Egopop
Fria ansikten
Analog Digital
Elliot Lepers
XMind
Variera den vertikala höjden
När du varierar bildens vertikala höjd i galleriet är resultatet en mycket mer organisk utseende. Även om det fortfarande regleras av enhetliga regler, känns inte layouten lika rigidig som med ett typiskt rutnät.
Det här är uppenbarligen den perfekta lösningen för att visa bilder som bara råkar ha olika höjder, men bör också övervägas när ditt övergripande sidtema är avslappnat eller fritt flöde.
404 Ej Hittad
Paul Mitchell Kelly
Bara Sean
Vertikal korndesign
Var inte fyrkantig
Kvadrater är tråkiga! Om du vill att ditt galleri ska bryta formen, försök experimentera med olika former för miniatyrer. Det typiska andra alternativet är cirklar, som du ser nedan, men som det första exemplet visar är det definitivt effektivt att gå ännu längre och göra någonting helt och hållet.
Arnaud Beelen
Sellected
Centrum av uppmärksamhet
Passion About Design
Keenan Wells
Crooked Pictures
CSS3 gör det enkelt att skapa många bra visuella effekter. En nyligen populär bildbehandling har varit att använda CSS-omvandlingar för att rotera bilderna i ett galleri, en effekt som ofta samverkar med en animering på svävaren.
Resultatet ser mycket ut som bilder som hänger skarvt på en vägg eller polaroider som sprids ut på ett bord. Här är några olika variationer av effekten.
Mooreish
Broke Design
Född i lågen
Skuggspel
CSS-boxskuggor är en ganska enkel egenskap att arbeta med. Ställ bara in din position och fjädrar och du är redo att gå. Många utvecklare har upptäckt nyligen, men genom att kombinera skuggor med transformer och pseudo-selektorer kan du uppnå ett stort antal olika och imponerande resultat.
Skuggorna som du tillämpar på ditt galleri kan ändra den totala känslan av hela din sida. Kolla in skuggorna nedan och hur de ger en illusion om att faktiskt omforma bilden.
CMYK08
Signatur Creative
Bronco
Calabriae Studio
Chase Farnum
Dribbble
atelier
Andra inspirerande gallerier
Toni Digrigio
Andrea Ives
Vi är mest allvarliga
Svart slips
Ben Bate
Andre Kreft
Leeds Graphic Designer
Anderson de Paulo
Barnt & Arnst
James White Smith
Ketch Studio
Vems gäst
Media Rain
Chris Arbini
Sumit Paul
Hittade Färg
Hoban kort
Dela
A Punkt Hella
Kubi Media
Kubanska rådet
Eleganta måsar
Froot
Arts Code
Mathieu Clauss
Visa oss ditt!
Nu när du har sett vår samling av några av de mest intressanta gallerierna runt, är det din tur att dela. Lämna en kommentar nedan med en länk till gallerier som du antingen har byggt eller helt enkelt funnit inspirerande.