Exemplo de um layout simples.

O web design pode ser visto como uma extenso da prtica do design, onde o foco do projeto a criao de web sites e documentos disponveis no ambiente da World Wide Web. O web design tende multidisciplinaridade, uma vez que a construo de pginas web requer subsdios de diversas reas tcnicas, alm do design propriamente dito. reas como a arquitetura da informao, programao, usabilidade, acessibilidade entre outros. A preocupao fundamental do web designer agregar os conceitos de usabilidade com o planejamento da pessoa em destaque interface, garantindo que o usurio final atinja seus objetivos de forma agradvel e intuitiva.
ndice
[esconder]

1 Planejamento estratgico o o o o o o o 1.1 Estrutura do web design 1.2 Layout 1.3 Navegadores 1.4 Padres 1.5 Programas utilizados 1.6 Web designer 1.7 As vantagens de se ter uma pgina na Internet

2 Ver tambm 3 Ligaes externas

Planejamento estratgico[editar]
Como todo trabalho de design, ele um projeto, e necessita uma anlise informacional, a partir de um briefing. Detectar corretamente o objetivo do projeto essencial para um bom planejamento, de modo que as aes sejam tomadas de forma correta.

 sempre necessrio definir o pblico alvo do site, o objetivo, os servios oferecidos, o diferencial para o pblico. A partir desses e de outros elementos que sejam especificamente relevantes ao projeto, ser definida a estrutura do site (Arquitetura de informao), a tecnologia empregada e o layout. De uma forma geral, embora usualmente possa parecer que a primeira impresso que se tem de um site o visual, na verdade o visitante busca o contedo, por esse motivo o primeiro passo estratgico definir bem todas as informaes que o site ter, definir claramente a arquitetura de informao do site e por ltimo, o design visual do site, que no precisa pular, girar e piscar, a no ser que o que se esteja vendendo design/imagem (que no se aplica ao meio informacional que a Web), mas ter um aspecto profissional seguindo pelo menos os conceitos bsicos do design como aproximao, contraste, alinhamento, dentre outros. H uma diferena conceitual marcante entre design nos meios tradicionais, como no grfico e o design aplicado na web. Na web, a esttica deve ser moldada ao dispositivo que acessa ao site ou mesmo desabilitada caso no seja necessria no contexto de utilizao. No meio grfico possvel prever como o usurio final ver a esttica do produto, j na web isto no possvel, pois a aparncia pode e deve mudar radicalmente de acordo com o sistema operacional utilizado, configuraes pessoais, navegadores, resolues de tela e dispositivos, como celular, TV, impressora, leitores de telas etc. Por este motivo, a estrutura (HTML) com a qual a informao ser exposta deve trabalhar independentemente da formatao estilstica (CSS) e do comportamento (scripts), que so recomendaes do W3C.

Estrutura do web design[editar]

A estrutura, tambm conhecida como arquitetura de informao, do site deve contemplar seu objetivo, tornando a experincia do usurio a mais confortvel e fcil possvel, chamamos isso de usabilidade. Deve-se planejar a estrutura de forma que o usurio obtenha facilmente a informao ou servio desejado. Hoje em dia so inmeras as formas que um site pode adquirir e a criatividade continua ser o grande diferencial na produo de web.

Layout[editar]
O layout precisa transmitir a informao desejada com eficincia. preciso que o layout seja um elo de comunicao com o usurio, que sua linguagem seja condizente com o objetivo do site. Conhecer heursticas de usabilidade fundamental para se gerar layoutspara a web. Cada elemento inserido em um website deve ter um objetivo, a perfeio de um website se atinge quando no h nada a ser retirado e no quando no h nada mais a ser inserido. A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na linguagem HTML, porm esta forma inapropriada pois tabelas devem ser utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que so completamente produzidos

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

tableless no pode ser entendido como na traduo livre, que seria literalmente "sem tabelas". Tableless um conceito e deve ser entendido como aplicao das webstandards (normas da web desenvolvidas pela W3C).

Navegadores[editar]
So programas responsveis por interpretar o contedo de um web site, disponibilizando assim a interface com a qual o usurio final ir interagir. O navegador est para o web design assim como o papel est para o jornal. A grande variedade de navegadores e discrepncia entre os recursos fez seus prprios criadores caminharem em direo a um padro comum. Atualmente indispensvel criar sites seguindo os padres da World Wide Web Consortium. No desenvolvimento do site, o HTML deve ser criado seguindo os padres do W3C (Web Standards) de forma que fique funcional, independente dos dispositivos (TV, celular, impressora, monitor etc). Apesar de em tese no haver a necessidade de testar em diversos navegadores, um bom hbito testar em mais de um navegador (Mozilla Firefox, Internet Explorer, Netscape, Opera, Safari,Google Chrome e outros), pois o layout do site pode apresentar diferenas em determinados navegadores, e o usurio que navega no entender o que est acontecendo.

Padres[editar]
A World Wide Web Consortium (W3C) o rgo responsvel por recomendar padres de desenvolvimento para a internet. Por meio destes padres se pode classificar: web sites de acordo com suas caractersticas tcnicas, indo alm do visual e; navegadores, de acordo com sua capacidade em atender aos padres definidos. O grande objetivo de seguir os padres do W3C de possibilitar que a informao veiculada pelo site permanea independente do dispositivo utilizado pelo visitante e que seja acessvel.

Programas utilizados[editar]
Existe um leque enorme de programas usados pelos web designers. Para construo do cdigo, por se tratar de simples texto, qualquer editor de texto pode servir de suporte para a criao do cdigo. Entretanto, h programas tanto gratuitos como de uso comercial, com interface WYSIWYG, que so amplamente utilizados no mercado tanto para gerenciar sites, quanto para apenas editar cdigos, como o caso do Adobe Dreamweaver, Aptana, Microsoft Expression Web, na parte visual, os editores grficos vetoriaisCorelDRAW, Adobe Illustrator ou o Inkscape), de bitmap GIMP, e principalmente Adobe Fireworks ou Adobe Photoshop. Para animaes e recursos dinmicos, o Flash o mais utilizado. Em relao ao Flash, deve-se ter o cuidado de us-lo apenas onde a soluo seja impossvel de ser reproduzida em HTML, jamais se usa em menus e reas de contedo por ser um arquivo binrio, no ser acessvel e estar em desacordo com as recomendaes do

W3C. Na atualidade, existem disponveis na rede website builders, trata-se de plataformas que o usurio pode criar um site sem a instalao de nenhum programa. Tais ferramentas so muito interessantes e vem ganhando espao no mercado, pois leigos na rea de webdesign podem criar seu prprio site e atualiza-lo diariamente se desejado.

Web designer[editar]
Ver artigo principal: Web designer A tarefa do web designer a elaborao esttica e funcional e a manuteno de um web site. O web designer deve ter a compreenso da aplicao em mdia eletrnica 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 capacitao leva em torno de 1 a 2 anos para ser concluda.

As vantagens de se ter uma pgina na Internet[editar]

A internet se tornou a maior ferramenta de marketing do mundo, e tambm a mais acessvel. Tudo isso se deve ao seu alcance de grande parcela da populao mundial acarretada pela sua dinamizao e disseminao crescentes no planeta. A tendncia domercado atual que cada vez mais as empresas, necessitarem de um segundo endereo, o virtual. De modo que divulguem seu contedo para se sobreporem ao seu concorrente que possivelmente j tm sua pgina na internet. Um endereo virtual gerapublicidade e credibilidade por parte do internauta e consumidor. Os benefcios de se ter uma identidade virtual so vrios. Podemos apontar como os principais o fato que a internet o meio que passa as devidas informaes de maneira rpida e objetiva. Gerando um grande segmento sobre o carto de visitas sem haver presso sobre o cliente. Este fica vontade pra decidir o que consumir, sendo atrado de forma natural aos domnios empresariais. Torna a relao mais amigvel com o consumidor, por diminuir significativamente as necessidades de inconvenincias inerentes s outras formas de divulgao como: Telemarketing, Panfletos poluentes, Correspondncia e Outdoor que causam poluio visual e ambiental. Desse modo, esclarece mais que todos os meios anteriores citados e com mais elegncia se for contratado o profissional correto para direcion-lo devidamente. E o custo com a mo de obra e matria prima so muito menores, pois, precisam contar com inmeros profissionais e/ou despesas de impresso altssimas devido demanda comercial. Outra vantagem que leva sobre as outras formas de anncios, 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.