[showads ad=hugo]
Bons trabalhos de design seguem princípios básicos que tornam mais eficazes a sua função. Hoje vemos o design em praticamente tudo: embalagens, sites, jornais, revistas, passaporte, móveis, interfaces… Abaixo seguem algumas dicas para quem trabalha especialmente com comunicação visual e que queira assimilar os conceitos teóricos visualizando-os em exemplos bem concebidos. Vamos lá?
- Mantenha o foco
- Use linhas
- Escala e Hierarquia
- Equilíbrio
- Use elementos que se complementem
- Contraste: aumente ou reduza
- Repetição
- Use espaços em branco
- Alinhamento
- Divisão dos terços
- Foco
Um elemento essencial para qualquer boa composição é possuir um forte ponto focal em seu trabalho, principalmente quando você precisa contar uma história ou passar uma ideia. Exemplo: projeto de Matthew Metz
- Use linhas para criar sensação de movimento
Linhas desenhadas tornam uma trajetória visível que gera a sensação de movimento de um ponto inicial a um outro ponto final. A ligação também pode ser imaginária, criada pela mente do espectador, que intuitivamente percorre o olhar de um ponto a outro. Linhas podem ser utilizadas em fluxogramas por exemplo ou podem orientar o leitor à outros pontos de informação.
Exemplo:
Veja acima este projeto de uma reportagem para a revista Mundo Estranho feito pelo designer e ilustrador Thales Molina que utiliza linhas para guiar o olho do leitor, e depois possui vários níveis de informação depois.
Claro, nem todo projeto que você criar terá tais linhas óbvias. Encontre formas e linhas dentro de suas imagens e elementos gráficos e use-as para direcionar o olhar de várias maneiras. Por exemplo, veja este projeto de cartaz produzido pelo estúdio Design By Day que utiliza linhas fortes que leva a nos guiar o olhar para o ponto principal primeiro – o título –, e depois para vários degraus de informação.
- Escala e hierarquia
É muito importante ter um bom domínio sobre escala e hierarquia em seus projetos, pois eles lhe auxiliam a manter uma composição bem sucedida. Explicando de um modo breve, a hierarquia visual é a organização dos elementos gráficos mais fundamentais do projeto para os menos essenciais, desde que se mostrem adequadamente, a informação deve ser organizada, seguir uma lógica.
A escala refere a vários tamanhos de elementos existentes no seu projeto que muitas vezes ajudam na comunicação visual. Por exemplo, este projeto de cartaz de autoria de Jessica Svendsen, a designer usa uma imagem como um maior elemento, o que ajuda a atrair mais atenção das pessoas.
- Equilíbrio
Você deve criar uma composição atraente, dinâmica, que instigue o espectador. Se o leitor desiste de ir até o fim da mensagem, certamente, deixará de assimilar informações importantes e a comunicação não terá sido eficaz. Lembre-se que o equilíbrio pode ser simétrico ou assimétrico.
Este projeto da designer gaúcha da cidade de Pelotas, Dielen Fanka é um ótimo exemplo de composição simétrica:
Veja esse exemplo de um equilíbrio assimétrico muito bem sucedido. Este pôster por Munchy Potato emprega equilíbrio assimétrico por dispersão e ampliação de elementos propositadamente.
- Use elementos que se complementem
…e todo mundo diz que ele completa ela
e vice-versa, que nem feijão com arroz
- Já diz um trecho na música “Eduardo e Mônica” da banda Legião Urbana certo? Com certeza você já ouviu falar, também de cores complementares! Para uma composição eficaz é necessário usar com cuidado e propositadamente cada elemento do seu projeto de modo que cada parte complemente o todo.
Confira esse exemplo: os autores são do estúdio de design e comunicação italiano Jekyll & Hyde em conjunto com a designer Elena Bonanomi:
- Contraste: aumente ou reduza
O contraste é útil tanto para destacar e esconder certos elementos em seu projeto. Usando uma cor de alto contraste, você pode auxiliar num determinado elemento destacá-lo e chamando-o mais atenção e da mesma forma, ao diminuir o contraste, você pode fazer desaparecer outro elemento existente no projeto.
O trabalho abaixo criado pela designer australiana Melanie Scott Vincent usa um clipe de papel amarelo sobre um fundo, também amarelo, a baixa diferença de contraste entre o objeto e o fundo reforças o nome do evento “ignored everyday”.
Vejamos mais exemplos:
Abaixo o designer português Bruno Reis usa a cor azul na sua composição para destacar títulos e demais textos em brancos.
Use o contraste com um propósito, veja, por exemplo, a composição do designer brasileiro Pedro Panetto abaixo. Note que o contraste ajuda ajustar o foco do expectador para um determinado elemento no projeto.
- Repetição: use e abuse
A repetição de elementos é um fator-chave quando se trata de layouts com várias páginas, como por exemplo em livros ou catálogos. Veja o projeto do designer italiano Mauro de Donatis
- Espaços em branco
O espaço em branco quando usado com estratégia pode lhe ajudar a aumentar a clareza do seu projeto e a aparência geral, equilibrando as partes mais complexas e movimentadas de seu design.
Veja este pôster criado pela deisgner freelancer Corina
Para não dizer que citei apenas exemplos de impressos no post segue este projeto de design para a web feito por CreAtiveWeb
- Alinhe os elementos
O alinhamento entre os elementos criam um layout limpo e eficaz, seja para a leitura ou simplesmente que seja agradável aos olhos. Veja essa composição produzida para essa revista: o projeto é de autoria do profissional chamado Huck
O alinhamento ajuda a criar uma ordem entre muitos elementos, principalmente se o seu projeto houver imagens ou textos. Existe muitas maneiras de alinhar o texto: à esquerda / à direita / centralizado / justificado. Use o bom senso que o seu projeto mereça!
- Divisão dos terços
A regra dos terços é uma técnica simples para dividir seus projeto em três linhas linhas e em três colunas, e nos pontos onde as linhas verticais e horizontais se encontram é onde seu foco deve ser trabalhado.
Confira este design de site feito por Gajan Vamatheva para a National Geographic. Você pode notar que as linhas se cruzariam sobre o ponto focal de cada imagem – os dois alpinistas na primeira imagem e a maior ave na segunda – As linhas também se cruzam em pontos ao redor das caixas de texto.
Existem diversos elementos que eu poderia citar em cada dica, mas o post ficaria demasiadamente grande. Você tem alguma dica quando vai compor algum projeto? Vamos conversar nos comentários!
Ainda ninguém comentou. Seja o primeiro!