Escolar Documentos
Profissional Documentos
Cultura Documentos
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, usabilidade, acessibilidade entre outros.
Design é uma palavra da moda, usada uma porção de coisas, que nem sempre tem relação com design.
Aparece em capas de revista, temas de palestras, cursos e campanhas publicitárias. As várias interpretações
e o pouco esclarecimento sobre a real função do design geram confusão e atrapalham o processo de criação.
produto à necessidade dos seus usuários, cativar o seu uso através da estética, aplicar conceitos e
Alguns profissionais, empresas, cursos, matérias de revistas e conversas de botequim associam o design à
No entanto, os softwares são apenas ferramentas e não garantem a qualidade do projeto. Nenhum software
deve ser encarado como uma solução pronta. Existem diversos programas com funções similares e a escolha
sobre qual utilizar é de cada um. A definição do que é design vai muito além do Photoshop.
O design é uma área projetual. É responsável por gerar desempenho, qualidade, durabilidade e aparência a
um produto. Cada trabalho a ser realizado exige planejamento, pesquisa, criatividade e técnica. Ao contrário
do que muitos pensam, a função do design não está vinculada pura e simplesmente à produção de imagens.
comunicação
Na produção de um website (assim como em outros produtos) deve-se elaborar um projeto coerente, que
necessidades do público alvo. Não é apenas um trabalho criativo, mas também de planejamento e de
Portanto, além da manipulação de softwares, existem alguns métodos de planejamento e pesquisa que se
deve conhecer. Além ainda de conhecimentos conceituais sobre como trabalhar a pregnância da forma.
Inicialmente, devem ser coletadas e organizadas as informações para o projeto. Utilizar elementos dentro de
qualquer peça gráfica sem um estudo do caso é um equívoco que compromete a comunicação e a
funcionalidade.
Há que se levar em consideração fatores como o objetivo do projeto, o produto a ser divulgado, o público alvo
(sexo, idade, cultura, classe social, etc), identidade visual, motivações etc. Para realizar tal estudo do caso,
O ideal para a elaboração desse documento é reunir-se com o cliente, tirando suas dúvidas, esclarecendo
detalhes e orientando-o sobre conceitos e tecnologias. Quando esse processo de elaboração não é possível
de se realizar com o cliente, pode-se enviar a ele um documento com perguntas a serem respondidas, o que
É possível encontrar vários modelos e exemplos de briefing na web, dando uma noção de como esse
documento deve ser feito. No entanto o ideal é não seguir um modelo, e sim elaborá-lo sempre de acordo
Após a análise do briefing e com as devidas pesquisas feitas, o próximo passo é a arquitetura da informação.
Como organizar a estrutura da interface e a distribuição das informações em categorias, além de priorizar a
posicionamento dos elementos que vão compor a página é o wireframe. Através de uma forma esquemática,
Uma vez que uma das funções do design é transformar informação em comunicação, nenhum elemento
Elementos desnecessários podem confundir, poluir e dificultar o acesso e o entendimento das informações.
Para um bom trabalho, é necessário fazer um estudo de conceitos visuais e de comunicação e saber porque
usar determinadas cores, fontes e formas, em função da imagem e das sensações que esses elementos
transmitem ao usuário.
As cores têm poder de comunicação bem maior do que se imagina. É importante saber trabalhar com a
psicodinâmica das cores, para que elas transmitam a imagem e as sensações orientadas no briefing. Cada
cor transmite informações, sensações e emoções diferentes. Uma boa introdução neste assunto é encontrada
no site Color in Motion, que por meio de uma animação, dá exemplos de sensações e emoções que cada cor
pode representar.
Para elaborar a paleta de cores de um site, é importante saber como trabalhar as combinações cromáticas.
Por mais que se saiba que cores transmitem as sensações desejadas, é essencial saber combiná-las. Nesta
Uma ótima ferramenta que pode nos auxiliar na elaboração de uma paleta de cores é encontrada no endereço
kuler.adobe.com.
Para comunicar uma idéia deve-se trabalhar com fontes que priorizem a legibilidade e que tenham relação
com o contexto do projeto. Deve-se saber, por exemplo, que fontes com serifas não são indicadas para textos
na web, pois a baixa resolução dos monitores faz com que as serifas se sobreponham, o que dificulta a
leitura. Porém, em títulos elas podem ter um bom resultado decorativo. Fontes sem serifa conseguem obter
Existem diversas famílias tipográficas, cada qual com uma aplicação especifica, de acordo com o contexto.
Outro fator que auxiliará na pregnância da forma é a aplicação das leis da Gestalt em nosso projeto. Segundo
a Wikipédia, Gestalt é um termo intraduzível do alemão, utilizado para abarcar a teoria da percepção visual
Aprendendo a analisar as manifestações visuais e objetos ao redor, compreendemos melhor porque algumas
formas agradam e outras não (e assim podemos trabalhar esses fatores em nossos projetos). O estudo da
Gestalt compreende a “integração das partes em oposição à soma do todo: estrutura, figura e forma”. Leis da
Gestalt (como unificação e segregação, fechamento, boa continuidade, proximidade e semelhança) ajudam a
Uma boa referência de estudo sobre o assunto é o livro Gestalt do Objeto: Leitura Visual da Forma, do
Os processos e conceitos necessários para se tornar um designer não se encerram aqui. Outros
conhecimentos, como semiótica, antropologia, arte, técnicas de composição e a busca de boas influências
são essenciais na formação de um profissional. Porém, a partir daqui pode-se ter uma compreensão mais
Conteúdo retirado da aula “Conceitos de Design – Letras, Cores e Formas”, ministrada aos alunos do Curso
Bernardo.