Algumas vezes tento trazer links e videos de sites interessantes, apesar de sempre tentar escrever o meu próprio material ao invés de apenas traduzir… Hoje li um tópico no blog da 37Signals que traduz exatamente o que penso sobre webdesign.

Adoro Photoshop, todos os nossos layout são criados inicialmente no photoshop, mas uma coisa temos que admitir e concordar com o pessoal da 37 Signals… um arquivo psd novo é um quadro em branco e é possível fazer tudo, mas será que nosso browser suporta tudo que é feito no photoshop? isso é óbvio que não, a menos que você esteja trabalhando com plataformas tipo Flash ao invés de XHTML e CSS. Mas também é obrigação de um empresa que trabalha com web saber o que usar e quando usar, nós nunca usariamos flash em todos os projetos, nunca usariamos flex para tudo e também sabemos das limitações do HTML.

Mas como um designer vai saber o que é possível em HTML? Simples, é preciso ter um certo conhecimento sobre XHTML/CSS (ao contrário que muito designer pensa, XHTML e CSS não é programação por tanto não arrume a desculpa que você não é programador). Aí está toda a diferença do que eu considero um designer e um webdesigner, designers vão conseguir expressar a necessidade do produto em algo estático como papel ou algo não interativo como um video ou uma animação em 3D. Mas webdesigner tem que saber o que funciona para web, e muita vezes quando não estamos no nicho de peças publicitárias ou sites com um comportamento totalmente diferente, o que vai funcionar para atender a necessidade do produto e do visitante é XHTML/CSS e Javascript( javascript sim é programação)...

Esse é o meu ponto de vista e como encaramos os nosso projetos, adoro Flash(exclusivamente AS3), Flex, Javascript, XHTML e CSS mas cada um tem o seu lugar e parece que o meu pensamento é um pouco semelhante ao post abaixo.

Abaixo segue a tradução do post da 37Signals (o original está aqui ) :

A web é um mundo de limites, HTML e CSS mostram caminhos que encorajam estilos particulares. E ser capaz de entender e trabalhar com este escopo é o que faz o design mais natural. Designers que trabalham diretamente com material ao invés de ambientes simulados como o Photoshop possuem uma vantagem distinta para que isso aconteça.

Se você está trabalhando em um jogo em Flash ou uma campanha de mídia para introduzir uma nova visão, você pode dar o luxo de ignorar esta vantagem. Ai é quando o gráfico é uma proeza em um quadro em branco, compartamento ceú-é-o-limite é exatamente o que você quer. If you’re working on a Flash game or a media campaign to introduce a new watch, you can afford to disregard that advantage. That’s when the graphical prowess of a completely blank canvas, sky’s-the-limit approach is exactly what you want. Você quer deslumbrar e brilhar. Fazer algo que seja nativo a web realmente não importa.

Mas fora deste nicho, design para web é muito menos deslumbrar e muito mais fazer as coisas funcionarem. As decisões de design dependem diretamente dos limites do material. Qual elemento de formulário usar. Qual o tamanho da Font, Qual a composição. Qual o fluxo. Tais decisões são pobremente feitas até onde o braço alcança.

Eu já trabalhei com vários web designer no passado que apenas fazem abstrações e entregam fotos para serem trituradas e implmentadas por “macacos do HTML”. A coisas que recebem uma antenção forte são as coisas que o Photoshop fez bem. Imagens, linhas curvas, e o quadro. Todas as coisas envolta, I’ve worked with many web designers in the past who only did abstractions and then handed over pictures to be chopped and implemented by “HTML monkeys”. The things that got strong attention were all the things that Photoshop did well. Imagery, curvy lines, and the frame. Tudo que está em volta, nunca a coisa em si.

Esse é o porque todos os designers na 37signals trabalham diretamente com HTML e CSS. Nós simplesmente não consideramos designers que não sujam as mãos com o material relavante ao tipo de trabalho que fazemos.

Se você um desgner que trabalha com web que continua não fazendo sua própria implementação, eu recomendo fortemente que você ganhe as habilidades para fazer isso.

Meu ponto de vista sobre o post do David:

Concordo com 90% das coisas mas considero photoshop uma excelente ferramenta se você sabe o que é possível para plataforma do projeto. Se eu for fazer um design para XHTML e CSS não vou encher o projeto de imagens curvas ou transparências sobre fotos e imagens grandes, basta saber a limitação de cada plataforma.

Também não acho que o webdesigner tem que ser um ninja em criar XHTML e CSS cross-browser, ele tem apenas que saber criar o design, saber o que é possível e implentar o ínicio da interface… deixe os hacks e segredos, assim como as animações em JS para programadores de UI, claro, a menos que você queira se tornar um.