Atigamente, nos layouts em que desenvolvia, eu sempre pensava no estilo da página “mentalmente” e partia direto pro HTML. Ia montando a página passo-a-passo: do cabeçalho ao rodapé.

Sempre soube que vários designers preferem abrir o Photoshop, desenvolver toda a identidade visual do site, e depois, aí sim, converter tudo pro HTML. Aliás, fiz isso pela primeira vez exatamente com o layout que está atualmente aqui no blog.

Mockup do atual layout do blog, no Photoshop

Gostei bastante do resultado final e desse método de desenvolvimento, mas há um tempinho atrás me deparei com um post do blog da 37signals: “Why we skip Photoshop?” (“Porque fugimos do Photoshop?”), que me levou a pensar mais sobre esse assunto.

Pra quem não sabe, a 37signals é uma compania que, entre outros produtos, criou o Basecamp e lançou o Ruby On Rails. Ou seja, o conhecimento deles com relação à web é gigantesco e muito válido.

O artigo em questão, cita alguns tópicos sobre o porque da 37signals não adotar o Photoshop no desenvolvimento inicial do layout. Entre os pontos citados, destaco alguns:

  • Você não pode clicar em um mockup feito no Photoshop, eles não são reais. E se está na tela, deve funcionar.
  • Quando você muda alguma coisa em um mockup, precisa exportar para gif/jpg/png… e enviar para o cliente. Utilizando o HTML você altera uma simples linha no CSS e pede ao cliente que atualize a página.
  • Photoshop não é uma ferramenta de colaboração, isso recai no item anterior. Enquanto você precisa mudar algumas linhas de código no HTML para fazer uma simples mudança, no Photoshop você provavelmente terá que enfrentar várias ferramentas.

Na minha opinião, o ponto mais crítico citado por eles tem forte relação com a produtividade, o Photoshop não oferece uma flexibilidade na hora de alterar o “mockup” feito. E pensando bem, isso é verdade.

Nos trabalhos que desenvolvi anteriormente, usei o conceito do “refresh”: atualizo o CSS/HTML e a pessoa simplesmente recarrega a página. Funcionou muito bem.

No estágio aonde trabalho, o Photoshop no estágio inicial não funcionou como deveria. Isso me leva a pensar que cada caso é um caso, que precisa ser analisado cuidadosamente.

De qualquer maneira, é sempre necessário um estudo inicial, algo que lhe diga para qual caminho o trabalho deve seguir. Pode ser um esboço, sites de referências ou qualquer outro material extra, mas ele precisa existir.

O uso, ou não, do Photoshop precisa ser pensado: ele pode trazer uma maior produtividade. Ou não.