O blog 37signals recentemente colocou no ar um artigo entitulado “Por que pulamos o Photoshop“. Em resumo, eles não utilizam do Photoshop para fazer uma simulação (“mockup”) quando estão desenvolvendo uma interface gráfica – site, aplicativo, etc. Passam de um rascunho rápido no papel diretamente para HTML/CSS. Entenda por que:

1) Você não pode clicar em uma simulação do Photoshop.

Este é provavelmente a razão número um pelo qual pulamos as simulações: eles não são reais. No papel também não fica real, mas não é o que esperamos quando desenhamos no papel. Uma simulação no Photoshop está na nossa tela. Se está na nossa tela, deve funcionar. Você não pode clicar em menus numa simulação de Photoshop, não pode clicar em um link, não pode digitar texto em um campo de formulário. Por outro lado, HTML/CSS é uma experiência real.

2) O Photoshop lhe dá muitas ferramentas que focam no detalhe.

Quando você usa ele, não pode deixar de notar os detalhes. O alinhamento, as cores, as formas exatas, os pequenos detalhes que eventualmente vão ser importantes, porém não agora. O início é sobre a substância, não os detalhes.

3) Texto no Photoshop não é como texto na web.

Quando você está vendo um texto na simulação em Photoshop, não é fácil de mudar um texto, fonte, cor sem ter que voltar ao programa, editar tudo, exportar como gif/png/jpg, etc. Ainda mais, tipografia no Photoshop nunca é parecida com o equivalente na web. Não parece ter o mesmo tamanho, não parece expandir da mesma maneira.

4) Photoshop coloca o foco em produção, não produtividade.

HTML/CSS permite que você seja produtivo. O software é feito para construir algo para se olhar, não para construir algo que se pode usar. Quando você passa tempo demais preocupando-se com como vai ficar o visual, você gasta tempo demais na produção. HTML/CSS permite que você seja produtivo.

5) Fazer no Photoshop é fazer o trabalho em dobro.

Ok, então você passou 3 dias fazendo a simulação no Photoshop. E agora? Agora é necessário fazer tudo de novo em HTML/CSS. Tempo jogado fora. Apenas construa o HTML/CSS e gaste aquele tempo extra fazendo modificações, não re-desenvolvendo. Se você não for rápido o suficiente no desenvolvimento HTML/CSS, então tome um tempo para aprender a criar HTML/CSS de forma mais rápida. É tempo bem gasto.

6) Photoshop não é colaborativo.

HTML/CSS permite você fazer uma alteração, salvar e dar um reload. Alterações que demoram segundos. Nada de selecionar uma ferramenta, mudar alguns itens de lugar manualmente, salvar, exportar, dar um upload, enviar o novo arquivo às pessoas, etc. HTML/CSS é feito para uma rápida prototipagem, Photoshop não.

7) Photoshop é estranho.

Você talvez saiba se virar após trabalhar nesse programa por 10 anos, mas ainda acho estranho conseguir fazer as coisas mais simples nele, Trabalhando com um lápis parece ser mais natural do que sempre ter que recorrer á caixa de ferramentas vez após outra. Um lápis pode desenhar qualquer coisa, mas no Photoshop você precisa usar a ferramenta de escrita, o brush, o pen tool, etc.

Nada disto é para dizer que achamos que o Photoshop é ruim ou uma perda de dinheiro ou tempo, mas para nós descobrimos que ir direto ao HTML/CSS permite que criemos uma melhor interatividade e experiência criativa. HTML/CSS é uma realidade que o Photoshop nunca será.

Este foi o texto original, traduzido por mim (Canha). Eu pessoalmente sempre usei o Photoshop para fazer as simulações, os pré-layouts e tudo mais. Mas isso realmente faz você pensar. Vale lembrar que esse texto não é minha visão pessoal sobre o assunto.

E você? Acha que esse artigo está certo? É melhor ir direto ao HTML/CSS em vez de passar pelo Photoshop (ou qualquer software equivalente)?

Fonte do original

Gostou do artigo?

Aproveite então para assinar nosso feed RSS ou seguir o Design Blog no Twitter para sempre ficar ligado nas novidades no mundo do design!

Artigos relacionados