Durante mucho tiempo se ha aceptado que la construcción de una grilla sólida es la base de un diseño de sitio sólido. Por supuesto, la grilla no debe dictar decisiones de diseño, pero es una gran manera de hacer que esa página en blanco se vea un poco menos vacía.

Frustrante, entonces, que Photoshop no haya evolucionado más allá de su enfoque más bien arcaico de las grillas; uno de los muchos problemas que han contribuido a su declive como herramienta de diseño principal para los diseñadores web. Sin embargo, ese problema ahora se ha abordado en el increíble extensión gratuita Griddify.

Publicado por gelobi, la extensión agrega un panel intuitivo a Photoshop que incluye tres opciones simples, pero que abarcan todo: Griddify, Divide y Wrap.

griddify

La opción Griddify creará una grilla de guías; la opción predeterminada es vertical, de izquierda a derecha, simplemente ingrese un valor de píxel y presione 'Griddify' y se agregará una guía a intervalos que coincidan con el valor ingresado; incluso puede ingresar varios números, lo que le da la opción de crear columnas y canaletas; luego haz clic en el botón de orientación y agrega guías horizontalmente para crear tu línea base. La opción Dividir es excelente para diseñar sitios receptivos, ya que divide el área seleccionada en el número especificado de secciones. Finalmente, la opción Ajustar agrega guías al borde de su selección, incluso compensará las guías si ingresa un número distinto de 0.

Una de mis características favoritas es la capacidad de limitar tus guías dentro de una selección, lo que te permite jerarquizar rápidamente las estructuras de la grilla.

Hay un par de problemas con el complemento: actualmente no es tan nítido como te gustaría en pantallas retina, y el punto de inserción no está claro al ingresar valores; sin embargo, esto está más que compensado por la funcionalidad central.

Es poco probable que Griddify detendrá el declive de Photoshop por sí mismo, pero si todavía está trabajando con el formato PSD, le ahorrará horas que solía gastar haciendo clic en 'Ver> Nueva guía ...'

Incluso si no eres un usuario de Photoshop, asegúrate de revisar el impresionante presentación web gelobi juntos: puede parecer un video, pero mira hasta el final para descubrir qué es realmente.