Conceitos de design: função, letras, cores e formas

Não sabe bem o que é design, mas tem simpatia? Leia para ter uma compreensão mais clara da função do design e um roteiro para iniciar estudos. Se entendeu e empolgou, é isso mesmo.

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.

Tio, o que é design?
Design refere-se ao projeto visual e funcional de um produto (em nosso caso um website). É adaptar um produto à necessidade dos seus usuários, cativar o seu uso através da estética, aplicar conceitos e usabilidade à sua forma.
Alguns profissionais, empresas, cursos, matérias de revistas e conversas de botequim associam o design à produção de imagens ou manipulação de um software específico.
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.

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 website (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 é apenas um trabalho criativo, mas também de planejamento e de pesquisa. Produzir um website 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 ainda de conhecimentos conceituais sobre como trabalhar a pregnância da forma.

Tio, por onde começar o projeto?
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, 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

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 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 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.adobe.com

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

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 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 melhor leitura 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.
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, 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 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 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 clara do que é design e uma direção para iniciar os estudos.
autor: Agni

Principios da Gestalt

Gestalt é um termo intraduzível do alemão, utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma.

Leis gestaltistas da organização

A Teoria da Gestalt, em suas análises estruturais, descobriu certas leis que regem a percepção humana das formas, facilitando a compreensão das imagens e idéias. Essas leis são nada menos que conclusões sobre o comportamento natural do cérebro, quando age no processo de percepção. Os elementos constitutivos são agrupados de acordo com as características que possuem entre si, como semelhança, proximidade e outras que veremos a seguir. O fato de o cérebro agir em concordância com os princípios Gestálticos já poderia ser considerado a evidência fundamental de que a Lei da Pregnância é verdadeira. São estas, resumidamente, as Leis da Gestalt:


SEMELHANÇA: Ou "similaridade", possivelmente a lei mais óbvia, que define que os objetos similares tendem a se agrupar. A similaridade pode acontecer na cor dos objetos, na textura e na sensação de massa dos elementos. Estas características podem ser exploradas quando desejamos criar relações ou agrupar elementos na composição de uma figura. Por outro lado, o mau uso da similaridade pode dificultar a percepção visual como, por exemplo, o uso de texturas semelhantes em elementos do "fundo" e em elementos do primeiro plano.


PROXIMIDADE: Os elementos são agrupados de acordo com a distância a que se encontram uns dos outros. Logicamente, elementos que estão mais perto de outros numa região tendem a ser percebidos como um grupo, mais do que se estiverem distante de seus similares.


CONTINUIDADE: Está relacionada à coincidência de direções, ou alinhamento, das formas dispostas. Se vários elementos de um quadro apontam para o mesmo canto, por exemplo, o resultado final "fluirá" mais naturalmente. Isso logicamente facilita a compreensão. Os elementos harmônicos produzem um conjunto harmônico. O conceito de boa continuidade está ligado ao alinhamento, pois dois elementos alinhados passam a impressão de estarem relacionados.


PREGNÂNCIA: A mais importante de todas, possivelmente, ou pelo menos a mais sintética. Diz que todas as formas tendem a ser percebidas em seu caráter mais simples: uma espada e um escudo podem tornar-se uma reta e um círculo, e um homem pode ser um aglomerado de formas geométricas. É o princípio da simplificação natural da percepção. Quanto mais simples, mais facilmente é assimilada: desta forma, a parte mais facilmente compreendida em um desenho é a mais regular, que requer menos simplificação.


FECHAMENTO: o princípio de que a boa forma se completa, se fecha sobre si mesma, formando uma figura delimitada. O conceito de clausura relaciona-se ao fechamento visual, como se completássemos visualmente um objeto incompleto. Ocorre geralmente quando o desenho do elemento sugere alguma extensão lógica, como um arco de quase 360º sugere um círculo.


EXPERIÊNCIA PASSADA: Esta última relaciona-se com o pensamento pré-Gestáltico, que via nas associações o processo fundamental da percepção da forma. A associação aqui, sim, é imprescindível, pois certas formas só podem ser compreendidas se já a conhecermos, ou se tivermos consciência prévia de sua existência. Da mesma forma, a experiência passada favorece a compreensão metonímica: se já tivermos visto a forma inteira de um elemento, ao visualizarmos somente uma parte dele reproduziremos esta forma inteira na memória.

ANÁLISES DAS IMAGENS

Para se fazer uma análise sintática de uma imagem, é preciso, necessariamente, identificar os principais elementos da composição. E tratar a imagem não como a semiótica, que faz a análise da ligação e significado das partes que a compõem, mas sim do ponto de vista da percepção do olho humano, do modo de estruturar naturalmente os seus elementos gráficos em nossa mente.

Foi justamente para estudar essa percepção que se desenvolveu a Teoria da Gestalt.
Propõe essa teoria, entre outras regras, que o cérebro humano tende automaticamente a desmembrar a imagem em diferentes partes, organizá-las de acordo com semelhanças de forma, tamanho, cor, textura etc., que por sua vez serão reagrupadas de novo num conjunto gráfico que possibilita a compreensão do significado exposto.

A Gestalt estabelece sete relações através das quais as partes da imagem são agrupadas na percepção visual: proximidade, semelhança, direção, pregnância, boa continuidade, fechamento e experiência passada.
Esse dom natural de "arrumar" as informações passadas em seu cérebro possibilita ao homem assimilar esses dados com maior facilidade e rapidez.
Na Arte figurativa, em geral, a preocupação na organização e disposição dos elementos ultiliza-se dos mesmos princípios posteriormente estudados pela Gestalt, desde os estudos de Leonardo DaVinci e Alberti sobre a perspectiva e a hierarquização dos componentes, podendo os valorizar, dar-lhes destaque ou relegando-os a segundo plano, tendo como resultado na obra final um papel principal e destacado, logo percebido pelo espectador, ou secundário no entendimento da cena.
Em Gestalt, explicamos esse "fenômeno da percepção" através da decomposição e imediata recomposição das partes em relação ao todo. Não é muito diferente com a imagem comunicativa.
Os mesmos elementos da figura artística se aplicam à comunicação visual, inclusive a retórica. Uma imagem é capaz de ter a mesma eloqüência que um discurso falado ou mesmo que um livro. Tudo depende da ordem e da intensidade em que são organizados: a sua configuração ou Gestalt.
Seja texto ou imagem, estamos lidando com discursos da propaganda, e daí devemos perseguir sempre os elementos fundamentais desses objetos de análise..