¿Cómo ajustar las cuadrículas en línea al diseño web de escritorio y al diseño web móvil en Photoshop?

Hay muchas buenas cuadrículas en línea (1200px.com, unsemantic.com) que se pueden descargar como PSD y usar en diseño web en Photoshop. Ahora tengo 2 preguntas en relación con esto:

  1. Cuando aplico esta plantilla en mi documento de Photoshop, tienen pequeños márgenes derecho e izquierdo, ¿cómo ajusto esas plantillas a mis necesidades porque quiero MÁS espacio en blanco, no 5-10px como tienen las plantillas? (¿Voy al tamaño del lienzo y aumento el tamaño del lienzo en ambos lados o si no?)

  2. ¿Cómo usar la misma plantilla de cuadrícula de 12 columnas para el diseño web móvil?

Puede ser que esté pensando en la dirección equivocada, solo estoy confundido, agradecería su ayuda

Respuestas (2)

¿Cómo ajusto esas plantillas a mis necesidades porque quiero MÁS espacio en blanco?

Griddify es un complemento gratuito para PS que le permite componer fácilmente sistemas de cuadrícula personalizados con columnas y espacios en blanco.

¿Cómo usar la misma plantilla de cuadrícula de 12 columnas para el diseño web móvil?

Simplemente ajuste la configuración para que se ajuste a su nuevo tamaño de pantalla.

Como escribió Afterteam, Griddify es un complemento genial.

También puedes usar:

Si tiene Photoshop CC, vaya a Ver\Nuevo diseño de guía y elija las medidas que desea usar :)

Tu segunda pregunta se puede resolver de dos maneras:

  • de nuevo como escribió Afterteam :)
  • establezca menos número de columnas (del mismo tamaño que en la vista de escritorio) para dispositivos móviles (ejemplo: escritorio: 12 columnas, tableta 8 columnas, móvil 3 columnas)