Composição Visual - Princípios básicos de Design

Eis umas dicas de composição e design para você empregar em qualquer material que venha a desenvolver, seja ele um cartão de visita, um folder, uma página inicial de um site ou até mesmo uma simples capa de relatório. Com alguns princípios a seguir, veremos como pode ser simples e fácil organizar e deixar nosso material mais atraente.

Princípio 1 - Proximidade

Princípio de ProximidadeSeu principal propósito é organizar os elementos, agrupando os itens que estiverem relacionados. Varie os espaços entre esses grupos para indicar a proximidade ou ligação entre eles. No exemplo, iniciamente temos muitos elementos separados. Evite-os, pois deixam os olhos perdidos, à procura de todas as informações. Aplicando o princípio da Proximidade, conseguimos organizar e facilitar a ordem de leitura, agrupando os elementos relacionados.

Princípio 2 - Alinhamento

Princípio de AlinhamentoSeu propósito é organizar e unificar o material. Cada elemento deveria ter alguma conexão visual com outro, para aumentar a sensação de unidade, mesmo que estejam fisicamente afastados. No exemplo, inicialmente temos dois tipos de alinhamentos, e o texto parece afastar-se da imagem à qual se refere. Aplicando o princípio do Alinhamento, criamos uma ‘linha invisível’ à partir da imagem, relacionando e unificando todos os elementos. Evite aplicar mais de um alinhamento e principalmente, o Centralizado, a menos que você precise criar uma apresentação formal. Ele é uma espécie de ‘porto seguro’: use-o de maneira consciente, e não por que todos o usam.

Princípio 3 - Repetição

Princípio de RepetiçãoSeu propósito é unificar e acrescentar interesse visual. O recurso da Repetição pode ser usado com vários tipos de elementos: cores, tipologias, linhas, formas, pesos; eles fortalecem a identidade, sendo essencial em documentos de várias páginas. No exemplo, colocando o telefone também em negrito como no título (repetição), nosso olhos oscilam entre eles após a leitura, unificando o material. Evite repetir em demasia (tenha parcimônia rs!) para não deixar o material visualmente poluído com elementos excessivos, cansando e confundindo o leitor.

Princípio 4 - Contraste

Princípio de ContrasteSeu propósito é organizar e acrescentar interesse visual. Assim como a Repetição, o Contrataste também pode ser feito com vários tipos de elementos: cores, tipologias, linhas, formas, pesos; ele atrairá o olhar. Mas atenção, evite ter parcimônia, pois para que os constraste surtam efeito, faça-os de maneira forte e marcante - tais elementos devem ser bem diferentes entre si. No exemplo, deixamos os avisos mais chamativos dando-os mais peso. A caixa preta também marca mais o título, e repetindo-a no final, criamos limite e reforçamos esse contraste.

Dicas para Textos

Por fim, algumas dicas referentes ao alinhamento e distribuição de textos:

  • Textos em duas linhas: A segunda linha sempre deve ser maior que a linha anterior;
  • Textos em três ou mais linhas: Deve-se tentar buscar um conjunto equilibrado na quebra de cada linha;
  • Textos em Pé: Devem estar dispostos sempre na ordem ascendente ou descendente. Evite o último exemplo, ele dificulta bastante a leitura, pois o cérebro terá de lidar com diferentes volumes entre as letras (ex. M e I).
  • Utilização de texto na vertical

Espero que essas dicas auxiliem na criação visual de futuros materiais, mais organizados e atraentes. Muito obrigado e até a próxima - Felipe Fernandes Lessa

Referências

Aulas da prof. Márcia Okida – coordenadora do curso de Produção Multimídia da Universidade Santa Cecília e o livro “Design para quem não é Designer - 2ª Edição” – Robin Willians.

4 Comentarios de “Composição Visual - Princípios básicos de Design”

  1. Jennifer-Tool Says:

    o que eu estava procurando, obrigado

  2. Rodolfo Says:

    É muito importante saber disso. Se mais pessoas levassem isso em consideração nós teríamos uma Web melhor.

    Muito bom, parabéns!

  3. Blanca Heeralall Says:

    É muito importante saber disso. Se mais pessoas levassem isso em consideração nós teríamos uma Web melhor.
    +1

  4. RANDY Says:

    < blockquote >< a href=”http://medicamentspot.com/”>MedicamentSpot.com. Canadian Health&Care.Special Internet Prices.Best quality drugs.No prescription online pharmacy. Low price drugs. Buy pills online< /a >…

    Buy:Female Pink Viagra.Aricept.Seroquel.Buspar.Amoxicillin.SleepWell.Advair.Prozac.Zocor.Cozaar.Ventolin.Lasix.Zetia.Lipitor.Nymphomax.Lipothin.Wellbutrin SR.Benicar.Female Cialis.Acomplia….

Deixe um comentário