Las galerías de miniaturas son una de las soluciones más comunes en la web para mostrar múltiples imágenes. La eficiencia de esta herramienta no puede ser superada, permite una navegación rápida y una inspección más detallada cuando se desea.
Cada vez que construyo una galería de miniaturas, me gusta echar un vistazo a la web para ver qué están haciendo otros diseñadores para hacer suya única. Hoy reunimos cincuenta galerías geniales para que las visites. En el camino, también discutiremos algunas ideas que puede utilizar en sus propias galerías.
¿Te gusta el artículo? Asegúrese de suscribirse a nuestro feed RSS y síganos en Twitter para mantenerse al día con el contenido reciente.
Deshazte de los márgenes
Whoa dice que las miniaturas tienen que estar extendidas? Estos sitios decidieron abrazar la cercanía y aplastar las imágenes unas contra otras. El resultado es una impresión de un solo objeto formado por muchas partes. No solo es altamente eficiente en el espacio, sino que es bastante atractivo.
Obviamente, esta técnica es la mejor para usar si no necesita agregar mucha información contextual a cada imagen, aunque el evento flotante brinda una buena oportunidad para texto o gráficos adicionales.
Shankar
Egopop
Caras Libres
Analógico digital
Elliot Lepers
xMind
Variar la altura vertical
Cuando se varía la altura vertical de las imágenes en la galería, el resultado es una página de aspecto mucho más orgánico. Aunque todavía se rige por reglas uniformes, el diseño no se siente tan rígido como en una cuadrícula típica.
Obviamente, esta es la solución perfecta para mostrar imágenes que simplemente tienen diferentes alturas, pero también deben ser consideradas cuando el tema de la página en general esté relajado o sea fluido.
404 No encontrado
Paul Mitchell Kelly
Solo sean
Diseño de grano vertical
No seas cuadrado
¡Las plazas son aburridas! Si desea que su galería rompa el molde, intente experimentar con diferentes formas para sus miniaturas. La segunda opción típica son los círculos, como verá a continuación, pero como muestra el primer ejemplo, definitivamente es efectivo ir aún más lejos y hacer algo por su cuenta.
Arnaud Beelen
Vendido
Centro de atención
Pasión por el diseño
Keenan Wells
Imágenes torcidas
CSS3 hace que sea fácil crear muchos efectos visuales geniales. Un tratamiento de imagen recientemente popular ha sido el uso de transformaciones CSS para rotar las imágenes en una galería, un efecto que a menudo se asocia con una animación al pasar el cursor.
El resultado se parece mucho a las imágenes colgadas torcidas en una pared o polaroides extendidas sobre una mesa. Aquí hay algunas variaciones diferentes del efecto.
Mooreish
Diseño roto
Nacido en el granero
Juegos de sombras
Las sombras de la caja CSS son una propiedad bastante simple para trabajar. Solo establece tu posición y suaviza y estás listo para irte. Muchos desarrolladores han descubierto recientemente que, al combinar sombras con transformaciones y pseudo selectores, puedes lograr una tonelada de resultados diferentes e impresionantes.
Las sombras que apliques a tu galería pueden cambiar la sensación general de toda tu página. Echa un vistazo a las sombras de abajo y cómo dan la ilusión de realmente remodelar la imagen.
CMYK08
Firma creativa
Potro cerril
Estudio de calabriae
Chase Farnum
Dribbble
Taller
Otras galerías inspiradoras
Toni Digrigio
Andrea Ives
Somos en su mayoría serios
Lazo negro
Ben Bate
Andre Kreft
Leeds diseñador gráfico
Anderson de paulo
Barnt & Arnst
James White Smith
Ketch Studio
Quien es invitado
Lluvia de medios
Chris Arbini
Sumit paul
Color encontrado
Hoban Tarjetas
División
Una punkt hella
Kubi Media
Consejo Cubano
Gaviotas elegantes
Froot
Código de Artes
Mathieu Clauss
¡Muéstrenos el tuyo!
Ahora que has visto nuestra colección de algunas de las galerías más interesantes, es tu turno de compartir. Deje un comentario a continuación con un enlace a las galerías que haya construido o que simplemente haya encontrado inspiradoras.