Web Pixel - Agência Criativa | www.webpixel.com.br

Web Pixel - Agência Criativa | www.webpixel.com.br

O que é o Web designer? Web Designer é uma extensão da prática do design gráfico, onde o foco do projeto é a criação

de sites e documentos disponíveis no ambiente da World Wide Web.

O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer

subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a

arquitetura da informação, programação, ergonomia,[1] usabilidade, acessibilidade entre

outros.

A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o

planejamento da pessoa em destaque interface, garantindo que o usuário final atinja seus

objetivos de forma agradável e intuitiva.

Planejamento estratégico Como todo trabalho de design, ele é um projeto, e necessita uma análise informacional, a partir

de um briefing. Detectar corretamente o objetivo do projeto é essencial para um bom

planejamento, de modo que as ações sejam tomadas de forma correta.

É sempre necessário definir o público alvo do site, o objetivo, os serviços oferecidos, o diferencial

para o público. A partir desses e de outros elementos que sejam especificamente relevantes ao

projeto, será definida a estrutura do site (Arquitetura de informação), a tecnologia empregada

e o layout.

De uma forma geral, embora usualmente possa parecer que a primeira impressão que se tem

de um site é o visual, na verdade o visitante busca o conteúdo, por esse motivo o primeiro passo

estratégico é definir bem todas as informações que o site terá, definir claramente a arquitetura

de informação do site e por último, o design visual do site, que não precisa pular, girar e piscar,

a não ser que o que se esteja vendendo é design/imagem (que não se aplica ao meio

informacional que é a Web), mas ter um aspecto profissional seguindo pelo menos os conceitos

básicos do design como aproximação, contraste, alinhamento, dentre outros.

Há uma diferença conceitual marcante entre design nos meios tradicionais, como no gráfico e o

design aplicado na web. Na web, a estética deve ser moldada ao dispositivo que acessa ao site

ou mesmo desabilitada caso não seja necessária no contexto de utilização. No meio gráfico é

possível prever como o usuário final verá a estética do produto, já na web isto não é possível,

pois a aparência pode e deve mudar radicalmente de acordo com o sistema operacional

utilizado, configurações pessoais, navegadores, resoluções de tela e dispositivos, como celular,

TV, impressora, leitores de telas etc. Por este motivo, a estrutura (HTML) com a qual a

informação será exposta deve trabalhar independentemente da formatação estilística (CSS) e

do comportamento (scripts), que são recomendações do W3C.

Web Pixel - Agência Criativa | www.webpixel.com.br

Web Pixel - Agência Criativa | www.webpixel.com.br

Estrutura do web design A estrutura, também conhecida como arquitetura de informação, do site deve contemplar seu

objetivo, tornando a experiência do usuário a mais confortável e fácil possível, chamamos isso

de usabilidade. Deve-se planejar a estrutura de forma que o usuário obtenha facilmente a

informação ou serviço desejado. Hoje em dia são inúmeras as formas que um site pode adquirir

e a criatividade continua ser o grande diferencial na produção de web.

Layout O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um

elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site.

Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web.

Cada elemento inserido em um website deve ter um objetivo, a perfeição de um website se

atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido.

A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na linguagem HTML,

porém esta forma é inapropriada pois tabelas devem ser utilizadas apenas para exibir dados

tabulados. Entretanto existem layouts que são completamente produzidos sem a presença de

tabelas, sao os famosos "tableless" e esta sim é a melhor forma de estrutura para layouts.

tableless não pode ser entendido como na tradução livre, que seria literalmente "sem tabelas".

Tableless é um conceito e deve ser entendido como aplicação das webstandards (normas da

web desenvolvidas pela W3C).

Navegadores São programas responsáveis por interpretar o conteúdo de um web site, disponibilizando assim

a interface com a qual o usuário final irá interagir. O navegador está para o web design assim

como o papel está para o jornal. A grande variedade de navegadores e discrepância entre os

recursos fez seus próprios criadores caminharem em direção a um padrão comum. Atualmente

é indispensável criar sites seguindo os padrões da World Wide Web Consortium.

No desenvolvimento do site, o HTML deve ser criado seguindo os padrões do W3C (Web

Standards) de forma que fique funcional, independente dos dispositivos (TV, celular, impressora,

monitor etc). Apesar de em tese não haver a necessidade de testar em diversos navegadores, é

um bom hábito testar em mais de um navegador (Mozilla Firefox, Internet Explorer, Netscape,

Opera, Safari, Google Chrome e outros), pois o layout do site pode apresentar diferenças em

determinados navegadores, e o usuário que navega não entenderá o que está acontecendo.

Web Pixel - Agência Criativa | www.webpixel.com.br

Web Pixel - Agência Criativa | www.webpixel.com.br

Padrões A World Wide Web Consortium (W3C) é o órgão responsável por recomendar padrões de

desenvolvimento para a internet. Por meio destes padrões se pode classificar: web sites de

acordo com suas características técnicas, indo além do visual e; navegadores, de acordo com

sua capacidade em atender aos padrões definidos.

O grande objetivo de seguir os padrões do W3C é de possibilitar que a informação veiculada

pelo site permaneça independente do dispositivo utilizado pelo visitante e que seja acessível.

Programas utilizados Existe um leque enorme de programas usados pelos web designers. Para construção do código,

por se tratar de simples texto, qualquer editor de texto pode servir de suporte para a criação do

código. Entretanto, há programas tanto gratuitos como de uso comercial, com interface

WYSIWYG, que são amplamente utilizados no mercado tanto para gerenciar sites, quanto para

apenas editar códigos, como é o caso do Adobe Dreamweaver, Aptana, Microsoft Expression

Web, na parte visual, os editores gráficos vetoriais CorelDRAW, Adobe Illustrator ou o Inkscape),

de bitmap GIMP, e principalmente Adobe Fireworks ou Adobe Photoshop. Para animações e

recursos dinâmicos, o Flash é o mais utilizado. Em relação ao Flash, deve-se ter o cuidado de

usá-lo apenas onde a solução seja impossível de ser reproduzida em HTML, jamais se usa em

menus e áreas de conteúdo por ser um arquivo binário, não ser acessível e estar em desacordo

com as recomendações do W3C. Na atualidade, existem disponíveis na rede website builders,

trata-se de plataformas que o usuário pode criar um site sem a instalação de nenhum programa.

Tais ferramentas são muito interessantes e vem ganhando espaço no mercado, pois leigos na

área de webdesign podem criar seu próprio site e atualiza-lo diariamente se desejado.

Web designer A tarefa do web designer é a elaboração estética e funcional e a manutenção de um web site. O

web designer deve ter a compreensão da aplicação em mídia eletrônica de disciplinas como

HTML/XHTML, CSS, JavaScript/DHTML, Flash etc. e deve ter conhecimento no uso de software

de desenvolvimento voltado para a web.

A capacitação leva em torno de 1 a 2 anos para ser concluída.

As vantagens de se ter uma página na Internet

A internet se tornou a maior ferramenta de marketing do mundo, e também a mais acessível.

Tudo isso se deve ao seu alcance de grande parcela da população mundial acarretada pela sua

dinamização e disseminação crescentes no planeta. A tendência do mercado atual é que cada

vez mais as empresas, necessitarem de um segundo endereço, o virtual. De modo que

divulguem seu conteúdo para se sobreporem ao seu concorrente que possivelmente já têm sua

Web Pixel - Agência Criativa | www.webpixel.com.br

Web Pixel - Agência Criativa | www.webpixel.com.br

página na internet. Um endereço virtual gera publicidade e credibilidade por parte do internauta

e consumidor.

Os benefícios de se ter uma identidade virtual são vários. Podemos apontar como os principais

o fato que a internet é o meio que passa as devidas informações de maneira rápida e objetiva.

Gerando um grande segmento sobre o cartão de visitas sem haver pressão sobre o cliente. Este

fica à vontade pra decidir o que consumir, sendo atraído de forma natural aos domínios

empresariais.

Torna a relação mais amigável com o consumidor, por diminuir significativamente as

necessidades de inconveniências inerentes às outras formas de divulgação como:

Telemarketing, Panfletos poluentes, Correspondência e Outdoor que causam poluição visual e

ambiental. Desse modo, esclarece mais que todos os meios anteriores citados e com mais

elegância se for contratado o profissional correto para direcioná-lo devidamente. E o custo com

a mão de obra e matéria prima são muito menores, pois, precisam contar com inúmeros

profissionais e/ou despesas de impressão altíssimas devido à demanda comercial. Outra

vantagem que leva sobre as outras formas de anúncios, é que pode ser acessado a qualquer

hora e lugar que tenha internet, tornando mais conveniente e as propostas oferecidas sendo

analisadas com mais peculiaridade e calma.

Design Responsivo Diante do surgimento das novas plataformas de navegação na internet, tais como smartphones

e tablets, os sites precisaram se adaptar à nova usabilidade dos usuários. O ponto de partida

para essa nova forma de criar conteúdo para a web foi com a publicação em maio de 2010 de

uma matéria de Ethan Marcotte no site Alist Apart. Marcotte é considerado o pai do design

responsivo, pois ele apresentou à toda comunidade digital a necessidade de desenvolver sites

com o conceito Mobile First, ou seja, a partir de agora todos os sites devem ser desenvolvidos

já com a sua versão mobile estabelecida previamente.

Os ingredientes básicos do design responsivo são: a presença de um grid fluído, imagens e mídias

flexíveis e, media queries. Esses igredientes são alcançados através da utilização das já

tradicionais linguagens de programação HTML5, JavaScript para compatibilidades e CSS3, com

suas devidas adptações.

Fonte: wikipedia

Web Pixel – Criação de Sites em Brasília DF