Para as colunas, normalmente, criei um agrupamento de formas vetoriais no PSD principal que são a largura da coluna apropriada. Dependendo das cores do desenho, elas são coloridas em verde (# 00ff00) ou vermelhas (# ff4040) e configuradas em 50% de opacidade.
Eu normalmente reservo guias para o alinhamento ad hoc de elementos e não os uso para coisas como estrutura de grid. Eu não quero arriscar confundir um guia temporário para o sistema de grid principal.
Alguns designers reclamam que esse sistema interrompe seu fluxo, já que eles não podem trabalhar facilmente sob outra camada no Photoshop. Embora isso possa ser verdade (há algumas soluções, como bloquear a camada), você terá uma ideia do sistema, as distâncias parecerão naturais e você ligará a grid com menos frequência.
Seguindo este método de configuração de grade, você poderá rapidamente chegar à parte interessante do design: criação.
Você começará a pensar em seu sistema visual como universal e naturalmente visualizará como seu layout se adaptará, antes mesmo de começar.
Haverá menos suposições sobre o tamanho de vários elementos, como barras de navegação ou botões, e os blocos de conteúdo se sentirão fundamentados e consistentes.