¿Qué opinas de la tendencia de diseño web de ‘cuadrícula explotada’ y cuál es la mejor manera de lograr este efecto?

Answer 1

Es interesante que nunca me haya gustado la cuadrícula. Aunque hay estudios que muestran que el diseño que cae en una cuadrícula es estéticamente más atractivo.

Pero las redes para la web para mí solo están facilitando las cosas para los desarrolladores, ya que las redes son más fáciles de construir y, lo que es más importante, más fáciles de manipular, especialmente en términos de diseño receptivo. Puede caer en matemáticas simples y usarlo como plantilla y ya está.

Pero el resultado de la cuadrícula es cada vez más plantillas como diseños. Diseños que simplemente puede sacar un lápiz y dividir en varias cajas. Los marcos como bootstrap se pueden usar para construir estos sitios fácil y rápidamente. Rápido = dinero.

Pero extrañé los días en que nuestro diseñador idearía un diseño y él / ella vendría a los desarrolladores y preguntaría si realmente se puede construir. Por supuesto, casi cualquier diseño puede ejecutarse, pero puede que no sea obviamente cómo a primera vista, o podría requerir más esfuerzo. Debido a que no hay una solución lista para usar para la estructura, y su instalación en pantallas de diferentes tamaños será una situación caso por caso.

La cuadrícula explotada me recuerda a esa época. Es para mí un intento de diseñar una página web fuera del pensamiento de una grilla tradicional. Es más similar al diseño de impresión tradicional con libertad y variedad. El resultado puede ser sitios muy diferentes visualmente.

La desventaja de esto, usarlo en un CMS, es que es menos tolerante. Por ejemplo, el diseñador puede tener un espacio para 100 caracteres en la maqueta, y usted lo construye en consecuencia. Pero cuando este espacio está configurado para ser editable en el CMS, el usuario puede darle un contenido de 300 caracteres. Lo que podría empujar las cosas hacia abajo / a un lado y cambiar todo el diseño.

Con el diseño de cuadrícula, es más fácil acomodar tal problema. Pero sin una cuadrícula, tendrá que pensar con mucho cuidado sobre lo que puede suceder y trabajar con mucha cautela para establecer un límite (ocultar o truncar), etc.

Answer 2

No creo particularmente que se preste al diseño creativo, pero es la nueva tendencia porque todos quieren que su sitio sea “receptivo”. En otras palabras, quieren que el mismo sitio funcione en una computadora de escritorio y en un teléfono. Para hacer esto, la cuadrícula explotada en un escritorio se apila bloques en un teléfono con algunos elementos ocultos con CSS basados ​​en el portal. Personalmente, creo que podría hacerse de manera diferente, si no mejor, pero solo soy un programador y los gerentes necesitan decirle a la gente qué hacer o no tienen lugar en el mundo. Entonces, si está en condiciones de hacerlo, le recomiendo manejar las cosas como mejor le parezca, si por ninguna otra razón ocultar cosas con css no evita que el dispositivo tenga que descargarlo, solo mostrarlo.

Sin embargo, para lograrlo, hay una gran cantidad de plantillas CSS diseñadas previamente basadas en esta filosofía disponibles para descarga gratuita. Simplemente busque en Google “plantillas web receptivas gratuitas”. Dado que solo hay muchas maneras de diseñar bloques para que tengan sentido cuando explotan y se apilan, los méritos de la variación estarán completamente en el ojo del espectador.