A veces, la mejor forma de aprender cómo se construye algo es desmontándolo. Por eso hemos creado cuatro diseños de una sola página usando cuadrículas y los hemos hecho clonables, para que puedas diseccionarlos a tu antojo.
Cuadrícula con espacio en blanco
Este ejemplo muestra lo sencillo que es crear diseños con mucho espacio en blanco —algo que suele requerir una cantidad excesiva de elementos al usar herramientas como flexbox. También demuestra lo fácil que es reordenar el contenido según los puntos de interrupción.
Cuadrícula de periódico
Una aplicación más "práctica" de la cuadrícula es diseñar algo como la página de inicio de un blog o un periódico, que a menudo verás estructurada sobre una cuadrícula.
Diseña interacciones y animaciones sin escribir código
Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.
Cuadrícula superpuesta
Esta página destaca lo fácil que es crear un diseño de cuadrícula roto y superpuesto en Webflow. Pero lo más importante es que, al cambiar el tamaño de la página, verás lo sencillo que es reconfigurar el diseño al ajustar los puntos de interrupción.
Cuadrícula de precios
¿Has creado alguna vez una cuadrícula de precios? Por lo general, no es muy divertido. Tantos elementos, tanto contenido... ni me hables de cómo queda todo en el móvil. Pero buenas noticias: todos estos problemas y más se vuelven más fáciles al usar cuadrículas.
Ponte manos a la obra con las cuadrículas
¡Disfruta desmontando estos diseños y usando elementos de ellos en tu propio trabajo! Si creas algo genial con uno o más de estos diseños, nos encantaría verlo, así que asegúrate de compartirlo en Twitter con el hashtag #WebflowGrid.
