Web Designer de A a Z

 

 

Neste editorial abordaremos um pouco sobre a rotina de trabalho do Web Designer, e daqueles que compõe a equipe de desenvolvimento de um site, para que o resultado dele seja bonito, clean e funcional. Conheça os softwares mais usados por esses profissionais e o equipamento ideal para facilitar a vida do profissional no dia a dia.

O desenvolvimento de um site começa pela criação do layout, que inclui a escolha das cores, botões, imagens, texturas, etc. Depois esse layout é “recortado” e inserido em um código HTML, e após isso o site tem que se tornar funcional, por exemplo, uma loja virtual tem que ser programada para que as pessoas consigam comprar nela, um blog tem que ser programado para que as pessoas consigam comentar as publicações, etc.

Mas isso tudo é função do Web Designer?

Antigamente, todas as funções eram desempenhadas por um único profissional chamado Web Master. Ele era o único responsável pelo desenvolvimento do site, cuidando de todas as etapas do processo desde criação à programação. Com a evolução da tecnologia e o “boom” da internet houve a necessidade de aumentar a qualidade das páginas e conseqüentemente o trabalho ficou mais complicado. Foi nessa busca por sites visualmente agradáveis e funcionais que surgiram os Web Designers. Segundo Marlene Dualiby, Web Designer há 10 anos a procura por esses profissionais e trabalhos com mais qualidade aumentou tanto, que a própria categoria, hoje se divide em duas: criação e desenvolvimento. Mas essas duas categorias não trabalham sozinhas.

Atualmente o Web Designer de criação e o Web Designer de desenvolvimento trabalham em parceria com outros profissionais como por exemplo o Arquiteto da Informação e o Programador.  Dividir o projeto é a melhor forma de garantir trabalhos de sucesso.

Arquiteto da Informação

 

A função desse profissional é desenvolver o site pensando no usuário, para que ele encontre as informações de forma rápida, sem se perder no site. É ele quem decide a posição dos objetos na página, o menu, etc. Para isso,  alguns profissionais utilizam  um programa chamado Axure (com ele é possível criar wireframes e protótipos funcionais), onde se faz um protótipo. O protótipo nada mais é do que um site “cru”, ou seja, sem layout nenhum. Depois disso é feito um teste de usabilidade. O protótipo é encaminhado ao usuário para que ele navegue pela página. Se ele se perdeu em algum momento, demorou pra achar informações, ou houve algum erro de comunicação, o arquiteto consegue localizar o motivo do problema e resolver antes que o layout seja montado.

 

Web Designer de Criação

 

Este profissional é responsável pelo layout da página. Ele é quem da vida ao trabalho. É a partir do trabalho dele que o usuário se sentirá ou não atraído para navegar no site. Quando falamos de escolha das cores, elementos tipográficos, logotipo ou logomarca estamos falando sobre o trabalho do Web Designer de criação. Com certeza seus conhecimentos não se resumem a isso. O Web Designer de criação tem que saber um pouco sobre desenvolvimento, códigos HTML, etc. Mas isso é assunto para o nosso próximo tópico.

 

Web Designer de Desenvolvimento (Front-end)

 

Mais conhecido como Front-end o Web Designer de desenvolvimento trabalha por trás da página. Sua função é recortar o layout já feito anteriormente pelo Web Designer de criação e inserir códigos, para transformar a criação em site. Atualmente existe um monte de padronizações HTML para garantir a acessibilidade do site, então é melhor ter uma pessoa especializada nessa área.

 

Programador (Back-end)

 

O Programador é o profissional que dá o “start” no site. É ele que faz o processo todo funcionar. Enquanto o Front-end se preocupa mais com os padrões dos navegadores (formatação, ajuste de tamanhos, posicionamentos, etc) o Programador torna o site funcional. Ou seja, faz com que os objetivos pretendidos pelo cliente sejam alcançados. É como se fosse o cérebro da página.

Concluímos que o processo ideal de desenvolvimento de um site começa com o Arquiteto de Informação que planeja e monta um protótipo especificando as principais  funcionalidades do site, depois passa as informações para o Web Designer de criação, que  da vida às informações, cria o conceito, cores e layout.  Em seguida o Front-end entra em cena e recorta e monta o HTML em cima do layout desenhado pela criação. Por ultimo as informações chegam ao Programador que irá programar a interface e colocar o site para funcionar.

Agora que já entendemos como funciona cada etapa do desenvolvimento de um site, vamos conhecer as principais ferramentas utilizadas por esses profissionais, para isso contamos com a ajuda de Jonathan dos Santos, Web Designer e dono do Web Designer Blog.

 

Principais Softwares

 

Listamos a seguir, alguns softwares mais comuns que os profissionais da área utilizam. Os mais populares são os programas da Adobe que facilitam muito o trabalho do Web Designer e que sem dúvida são os mais utilizados.

 

Programas direcionados à criação:

Adobe Photoshop: Nele é possível construir o layout do site, é um
programa bem completo e complexo no qual você pode utilizar efeitos que só se consegue com ele. Lembrando que, com o Photoshop também é possível editar e restaurar imagens.

Fireworks: Um programa mais simples no qual você consegue criar
layouts menos sofisticados, porém se o profissional tiver pleno domínio das
técnicas desse programa ele pode desenvolver trabalhos incríveis.

Adobe Illustrator: é o programa vetorial mais complexo do mercado, é sempre muito bem vindo quando se trata de logotipo, ilustrações, banners entre outros.

 CorelDraw: é uma opção mais simples que tem as mesmas funções do Illustrator, porém, como no caso do Fireworks, se o profissional dominar as técnicas ele consegue resultados satisfatórios.

Programas direcionados ao desenvolvimento:

 Adobe Dreamweaver: é utilizado na criação dos códigos tanto de programação (por exemplo: php, java) tanto de marcação (por exemplo, css, html).

Programas Freeware: são programas gratuitos como o NotePad++, um
programa muito mais prático e mais leve do que a maioria dos editores de códigos. Você ainda pode optar pelo bloco de notas, mas esse é pra quem se
diverte escrevendo códigos, pois não oferece nenhum outro recurso, mas nem por isso deixa de ajudar no desenvolvimento de um site.

Conhecemos melhor as ferramentas de trabalho utilizadas pelo Web Designer, mas como deve ser o equipamento de trabalho ideal para que esses softwares consigam desempenhar  bem as suas funções?

 

                Perguntamos para Fernando Bessa, Web Designer há 13 anos sobre como seria a máquina ideal para um Web Designer trab