Les galeries de vignettes sont l’une des solutions les plus courantes sur le Web pour la présentation de plusieurs images. L'efficacité de cet outil est imbattable, il permet une navigation rapide et une inspection plus minutieuse lorsque cela est souhaité.
Lorsque je construis une galerie de vignettes, j'aime regarder sur le Web pour voir ce que font les autres concepteurs pour les rendre uniques. Aujourd'hui, nous avons rassemblé cinquante grandes galeries que vous pourrez découvrir. En cours de route, nous discuterons également de quelques idées que vous pourrez utiliser dans vos propres galeries.
Vous aimez l'article? Assurez-vous de vous abonner à notre flux RSS et suivez-nous sur Twitter pour rester au courant du contenu récent.
Fossé les marges
Whoa dit que les vignettes doivent être étalées? Ces sites ont décidé de se rapprocher et d’écraser les images les unes contre les autres. Le résultat est une impression d'un seul objet composé de plusieurs parties. Ce n'est pas seulement très efficace en termes d'espace, il est très attrayant.
Cette technique est évidemment préférable si vous n'avez pas besoin d'ajouter beaucoup d'informations contextuelles à chaque image, bien que l'événement de survol offre une bonne opportunité d'ajouter du texte ou des graphiques supplémentaires.
Shankar
Egopop
Visages gratuits
Numérique analogique
Elliot Lepers
xMind
Varier la hauteur verticale
Lorsque vous modifiez la hauteur verticale des images dans la galerie, vous obtenez une page beaucoup plus organique. Bien que le soit toujours régi par des règles uniformes, la mise en page n'est pas aussi rigide qu'avec une grille typique.
C’est évidemment la solution idéale pour afficher des images dont les hauteurs sont différentes, mais doit également être prise en compte lorsque le thème de votre page est décontracté ou fluide.
404 introuvable
Paul Mitchell Kelly
Just Sean
Conception de grain vertical
Ne soyez pas carré
Les carrés sont ennuyeux! Si vous souhaitez que votre galerie casse le moule, essayez d’expérimenter différentes formes pour vos vignettes. La deuxième option typique est celle des cercles, comme vous le verrez ci-dessous, mais comme le montre le premier exemple, il est tout à fait judicieux d'aller encore plus loin et de faire quelque chose à vous.
Arnaud Beelen
Sellected
Centre d'intérêt
Passion du design
Keenan Wells
Photos Crooked
CSS3 facilite la création de nombreux effets visuels. Un traitement d'image populaire récemment consiste à utiliser des transformations CSS pour faire pivoter les images dans une galerie, un effet souvent associé à une animation en survol.
Le résultat ressemble beaucoup à des images accrochées au mur ou à des polaroïds étalés sur une table. Voici quelques variations de l'effet.
Moorish
Conception brisée
Né dans la grange
Jeux d'ombre
Les ombres de la boîte de dialogue CSS sont une propriété relativement simple à utiliser. Il suffit de définir votre position et de mettre en drapeau et vous êtes prêt à partir. Cependant, de nombreux développeurs ont récemment découvert qu'en combinant des ombres avec des transformations et des pseudo-sélecteurs, vous pouvez obtenir une tonne de résultats différents et impressionnants.
Les ombres que vous appliquez à votre galerie peuvent modifier l’impression générale de votre page. Découvrez les ombres ci-dessous et la manière dont elles donnent l’illusion de remodeler l’image.
CMYK08
Signature créative
Bronco
Studio Calabriae
Chase Farnum
Dribbble
Atelier
Autres galeries inspirantes
Toni Digrigio
Andrea Ives
Nous sommes surtout sérieux
Cravate noire
Ben Bate
Andre Kreft
Leeds Graphic Designer
Anderson de Paulo
Barnt & Arnst
James White Smith
Ketch Studio
Qui est invité
Pluie médiatique
Chris Arbini
Sumit Paul
Couleur trouvée
Hoban Cartes
Divisé
Un punkt hella
Kubi Media
Conseil cubain
Mouettes élégantes
Froot
Code des arts
Mathieu Clauss
Montrez-nous les vôtres!
Maintenant que vous avez vu notre collection de galeries parmi les plus intéressantes, c'est à votre tour de la partager. Laissez un commentaire ci-dessous avec un lien vers les galeries que vous avez construites ou simplement trouvées inspirantes.