O Design

Design está na moda. Usam essa palavra para se referir a uma porção de coisas, e que nem sempre tem de fato relação com Design. Essa palavra chama a atenção 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 uma grande confusão e pouca eficácia no processo de criação para Web, assim como em outras áreas.

O que é Design?

Design refere-se ao projeto visual e funcional de um produto (em nosso caso um Web Site), a adaptação de um produto a necessidade dos seus usuários, cativando o seu uso através da estética, aplicando-se conceitos e usabilidade a sua forma. Porém não é difícil encontrar profissionais, empresas, cursos, matérias de revistas e conversas de botequim, associando o Design à produção de imagens, ou resumindo-o na manipulação de um Software específico.

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 Softwares diferentes e com funções similares, e a escolha sobre qual utilizar deve ser de cada um. A definição do que é Design vai muito além do Photoshop.

O Design é uma área projetual. Sua função é 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 a produção de imagens.

“A função do Design, além da estética, é tornar um produto funcional. É transformar Informação em Comunicação!”

Na produção de um Web Site (assim como em outros produtos) deve-se elaborar um projeto coerente, que forneça soluções eficientes e eficazes em usabilidade, desempenho e comunicação, focadas nas necessidades do Público Alvo. Não é um trabalho apenas criativo, mas também de planejamento.

Produzir um Web Site inevitavelmente exige “Pensar”.

Portanto, além da manipulação de Softwares, existem alguns métodos de planejamento e pesquisa que se deve conhecer, além de conhecimentos conceituais sobre como trabalhar a Pregnância da Forma.

Por onde começar o Projeto?

“Briefing é um documento onde são colocadas as informações e dados necessários para a criação de qualquer projeto, como objetivos, propósitos, informações sobre o cliente, o produto a ser divulgado, o público alvo, prioridade das informações, imagem a ser transmitida, motivações, etc.”

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 diversos fatores tais 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, nada melhor do que ter em mãos um Briefing bem elaborado. 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 nem sempre é satisfatório. É 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 com a necessidade do projeto.

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 comunicação de informações mais relevantes. O documento apropriado para especificar a ordem e o posicionamento dos elementos que vão compor a página é o Wireframe. Através de uma forma esquemática, ele representa a distribuição e a hierarquia das informações a serem comunicadas. A partir dos posicionamentos do Wireframe é que se constrói o Layout.

“Cada elemento do Layout deve ter uma função”

Layout

Uma vez que uma das funções do Design é transformar Informação em Comunicação, nenhum elemento dentro do Layout deve estar lá sem comunicar algo. 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. Deve-se ter consciência do porque usar determinadas Cores, Fontes e Formas, e qual imagem e sensações esses elementos estão passando para o 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 como combiná-las. Nesta tarefa é essencial ter em mãos um Círculo Cromático.

Uma ótima ferramenta que pode nos auxiliar na elaboração de uma Paleta de Cores é encontrada no endereço Kuler da Adobe.

“Toda idéia a ser transmitida é traduzida através de letras”

Tipografia

Outro fato que se deve ter em mente é que toda idéia a ser transmitida é traduzida através de letras. Sendo assim, é importante ter um bom conhecimento de como trabalhar com a Tipografia. 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 inclusão de textos na Web, pois a baixa resolução dos monitores faz com que as Serifas se sobreponham e dificultam a leitura. Porém, em títulos elas podem ter um bom resultado decorativo. Fontes sem Serifa conseguem ter uma maior legibilidade no monitor, principalmente se trabalhadas com um bom entrelinhamento. Existem diversas famílias tipográficas, cada qual com uma aplicação especifica, de acordo com o contexto. Saber escolher bem as fontes a serem usadas é um ponto importante na comunicação.

Gestalt

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 baseada na psicologia da forma. Aprendendo a analisar as manifestações visuais e objetos ao redor, compreende-se melhor o porquê algumas formas agradam e outras não, podendo assim 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 orientar o processo de criação e obter resultados satisfatórios. Uma boa referência de Estudo sobre o assunto é o livro “Gestalt do Objeto: Leitura Visual da Forma”, do professor João Gomes Filho.

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, além da 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 clara do que é Design, além de uma direção para iniciar os estudos.