É aceito há muito tempo que construir uma grade sólida é a base de um design de site forte. É claro que a grade não deve ditar as decisões de design, mas com certeza é uma ótima maneira de deixar a página em branco um pouco menos em branco.

Frustrando, então, que o Photoshop não evoluiu além de sua abordagem bastante arcaica das grades; um dos muitos problemas que contribuíram para o seu declínio como uma ferramenta de design principal para web designers. No entanto, essa questão já foi abordada no incrível extensão gratuita Griddify.

Lançado por gelobi, a extensão adiciona um painel intuitivo ao Photoshop que inclui três opções simples, mas abrangentes: Griddify, Divide e Wrap.

griddify

A opção Griddify criará uma grade de guias; a opção padrão é vertical, da esquerda para a direita, basta inserir um valor de pixel e clicar em "Griddify", e um guia será adicionado em intervalos correspondentes ao valor inserido. você pode até inserir vários números, dando a você a opção de criar colunas e medianizes; em seguida, clique no botão de orientação e adicione guias horizontalmente para criar sua linha de base. A opção Divide é excelente para o layout de sites responsivos, pois divide a área selecionada no número especificado de seções. Finalmente, a opção Wrap adiciona guias à borda da sua seleção, e até mesmo desloca as guias se você inserir um número diferente de 0.

Um dos meus recursos favoritos é a capacidade de limitar seus guias em uma seleção, permitindo que você rapidamente aninhe estruturas de grade.

Há alguns problemas com o plug-in: atualmente, ele não é tão nítido quanto você gostaria em exibições de retina, e o ponto de inserção não fica claro ao inserir valores; no entanto, estes são mais do que compensados ​​pela funcionalidade principal.

É improvável que o Griddify prenda o declínio do Photoshop por si só, mas se você ainda estiver trabalhando com o formato PSD, ele economizará horas de tempo gasto para clicar em 'Exibir> Novo Guia…'

Mesmo se você não for um usuário do Photoshop, verifique o apresentação da web incrível o gelobi reunido - pode parecer um vídeo, mas observe até o final para descobrir o que ele realmente é.