Change the theme:

Posted on August 31, 2007 at 12:30 am

Designer de Interfaces não é piloto de Photoshop

Digg dos sites feitos

Quem codifica HTML, CSS e Javascript não pode desenhar interfaces? Desde que comecei na Web profissionalmente essa é uma questão que me cerca. Levando em consideração conversas e experiências com profissionais da área a resposta da maioria é: “Não, quem codifica não consegue fazer boas interfaces”. Eu não consigo concordar com isso.

A interface não é só visual

O maior motivo pelo qual eu não consigo concordar com essa divisão “o rapaz do layout” e “o rapaz do html” é que num projeto web uma interface não morre num PSD fechado. Discordando da minha professora de Projeto Visual, a definição de Interface que conheço é tudo aquilo que serve de intermédio entre o usado e o usuário e não só a parte visual. Então ela passa por um HTML bem estruturado para máquinas, folhas de estilo para outras mídias, um Javascript que não atrapalhe a vida dos usuários de leitores de tela; e é por isso que o Designer de Interfaces para Web deve participar diretamente da codificação e, mesmo que indiretamente, de todo o processo do projeto.

O meu caso

Como Designer de Interfaces para Web digo que sinto sim dificuldades em me libertar da “visão HTML e CSS” no processo criativo da parte visual. No cara-a-cara com o Photoshop não consigo parar de pensar na estrutura semântica do HTML e de como aquilo vai ser complicado de implementar no CSS. Às vezes chego a abortar uma idéia ao notar “Opa! Isso aqui vai precisar de div extra na hora de criar o HTML” e isso é totalmente louco.

Porém vejo claramente que essa é uma limitação minha, um pouco até influenciado pela visão do mercado, e superá-la é meu maior desafio profissional hoje. Sinto tanto prazer em codificar um belo HTML e CSS quanto em estruturar a informação numa boa interface visual num editor gráfico. Na faculdade os estudos de cores, tipografia, semiótica e Gestalt estão correndo soltos e minhas pesquisas nesses assuntos também.

Um bom Designer de Interfaces para Web não deve se especializar apenas em firulas visuais, nem só nas animações Flash ou HTML, CSS e Javascript. Um Designer de Interfaces arretado pra mim é aquele que está envolvido no projeto do começo ao fim, desde a Arquitetura da Informação até na forma que as mensagens de erro de um formulários serão apresentadas. Essa história de colocar Designer de um lado e Front-End Engineer do outro é só desculpa do mercado pra criação de novas necessidades e cursos (claro, sempre eles).

Se você é bom em codificação HTML e CSS e gosta de criar interfaces visuais ou é bom em visual e tem receio em aprender as técnicas dos padrões web, meta a cara nos livros e no Google! Não fique intimidado nem acomodado com o que o mercado impõe e faça acontecer. Quem sabe você também aprende a programar. :) (Sim, eu também acredito que um bom designer pode ser um bom programador se quiser).

8 Responses to “Designer de Interfaces não é piloto de Photoshop”

  1. Walmar Andrade on August 31st, 2007 at 9:06 pm says:

    Concordo. É fato que se especializar em algo é bem-vindo, mas se o profissional tem capacidade de criar o design visual e ainda codificar HTML, CSS e JavaScript fazendo bem as duas coisas, melhor ainda.

    Um ponto em que você não tocou e que acho relevante é que, quando o designer codifica sua própria criação, às vezes o processo fica mais rápido pelo fato de ele mesmo não precisar desenhar no software gráficos algumas telas. Ele já tem em mente como serão algumas telas internas, então pode “desenhar” direto no código. Isso acontece muito comigo e me economiza um tempo enorme.

    O que eu preciso ainda é saber mais sobre JavaScript. Sou quase analfabeto nisso, ainda.

  2. Carlos Eduardo on September 2nd, 2007 at 12:45 am says:

    Também acho que não devemos nos limitar ao código.

    É um assunto que vem se tornando cada vez mais pertinente pois, na agência que trabalho, faço parte do setor “Produção”. Lá a gente monta o HTML e CSS, além das animações em Flash e programação ActionScript, nos isentando da criação.

    Porém, TODOS os membros da equipe são capazes de criar, por exemplo: todos que fazem a codificação HTML/CSS estão cursando faculdade de Design, enquanto aqueles que lidam com Flash estão fazendo Publicidade, o que não os impede de criar também.

    Então eu defendo o lado de que deveríamos ter a possibilidade de criar algo, deixando de separar dessa forma como está atualmente.

    Acredito que não tenha como se livrar desse pensamento “não vou fazer o visual dessa forma, senão vou ter que inserir uma DIV extra”, pois nós sabemos codificar. Isso não é ruim!

    Penso que se participarmos mais do processo criativo do projeto irá agilizar ainda mais o desenvolvimento pois estaremos criando sabendo como iremos produzi-lo.

  3. Vinícius Siller on September 4th, 2007 at 11:09 pm says:

    Pelo título da matéria, pensei que ia abordar outro tema, algo do tipo: “Realizar algum trabalho sem rapidez e com mais precisão”, é que uso o termo “piloto de photoshop”, para quem manda ver nos atalhos e deixa nego tonto quando para pra ver o tal fazendo uma arte. Mas valendo…Também penso como você, sempre quando estou criando um layout no photoshop, ao mesmo tempo projeto o mesmo dentro de divs, e isso não seria possível se o Zezin fizer o layout e o Pedrinho montar o html. Consegui concordar com todas as linhas do seu texto, e acredito sim, que um bom designer pode ser um bom programador se quiser.

    Parabéns aí.

  4. Vinícius on September 10th, 2007 at 12:10 pm says:

    Eu sei fazer código mas nunca fui bom pra criar layouts. Acho que a minha dificuldade é a falta de habilidade em softwares de design como Photoshop, Illustrator, etc. Prefiro então ficar com os códigos.

  5. Just a lightcatcher on September 15th, 2007 at 7:54 pm says:

    [...] uma função acabara sendo feita em função da outra sendo assim prejudicada. Meu amigo Muniz não concorda com o último exemplo, mas paciência, ele tem os motivos dele, mas eu não vejo isso sendo feito por aí com muito [...]

  6. fator W » A autoria do layout e a velocidade de codificação on October 11th, 2007 at 10:13 am says:

    [...] Rodrigo Muniz comentou dia desses que sente dificuldades em se libertar da visão de HTML e CSS quando vai criar um novo layout de [...]

  7. Rafael Marin on October 12th, 2007 at 4:50 pm says:

    Acredito que seja obrigação do designer saber, pelo menos, HTML e CSS. Desenvolvedores têm muito mais a fazer do que implementar CSS. Além disso, todos dentro da equipe têm que ter pelo menos uma noçãozinha de tudo o que está envolvido.

    Eu acho isso =P

  8. marlon cesar on October 23rd, 2007 at 3:09 pm says:

    …(Sim, eu também acredito que um bom designer pode ser um bom programador se quiser)…

    hehehe ae é outra etapa :) a 3ª do Jedi :)

    Mas que é bom codificador, realmente tem que ser ninja e pelo menos tentar rabiscar e programar.

Leave a Reply