Resumo da Aula

• Uma boa composição acontece na união de uma série de elementos e princípios que, somados a boas referências e muitos testes, geram resultados expressivos.
• Os elementos essenciais do design visual estão mais relacionados à ciência e menos à arte. O significa que, seguindo regras básicas, qualquer pessoa consegue desenvolver interfaces interessantes.
• O design visual é responsável por controlar a narrativa e construir a personalidade de uma marca. Ou seja, pessoas reagem instantaneamente ao design visual, percebendo e atribuindo adjetivos a um produto.
• Bom gosto é um músculo que se desenvolve com o tempo e precisa de uma série de conhecimento para florescer. Então, é possível, sim, aprender a desenvolver um olhar treinado para o visual.
• Design Visual não deve ser visto apenas sob a luz da estética, mas da legibilidade e do resultado.

Resumo da Aula

• As cores são parte importante da mensagem. Elas influenciam no contraste, na hierarquia e no ponto focal das composições, além de carregarem adjetivos e significados culturais importantes que precisam ser considerados.
• Elas ajudam a direcionar o olhar da pessoa usuária do nosso produto para onde queremos dar mais destaque.
• As cores primárias são: vermelho, amarelo e azul. Combinadas, elas geram as cores secundárias, terciárias e, por fim, o círculo cromático.
• A partir do ciclo cromático, é possível fazer composições que vão ajudar a contar a história que queremos. As composições mais clássicas são formadas a partir da:
• Tabela monocromática;
• Tabela análoga
• Tabela tríade
• Tabela complementar
• Tabela quadrado

• As cores carregam adjetivos que devem ser levados em consideração na hora de transmitir a mensagem de uma marca. Exemplo: o verde está associado à sustentabilidade e pacifismo, o roxo à criatividade e o cinza está relacionado ao equilíbrio. Conhecer esses adjetivos é importante até para quebrar essas regras depois.

• 3 passos para criar uma paleta de cores:

Resumo da Aula

• A tipografia pode variar entre casual, neutra, exótica, gráfica, entre tantos outros estilos. Exemplo: convites de casamento utilizam fontes mais clássicas, já a Apple utiliza um layout mais neutro e elegante.
  
  

"A fonte é a voz do texto"

• Uma das primeiras etapas na hora de utilizar uma fonte é escolher se ela será serifada ou não serifada.
  
  
  • Serif (serifada): são clássicas, ideais para projetos mais tradicionais, revistas e jornais, convites, etc.
  • Sans Serif (sem serifa): são minimalistas e modernas, ótimas para telas e, por isso, largamente utilizadas em produtos digitais.
    
    

• Atenção: quando o assunto é a escolha de fontes, menos é mais! Escolha, no máximo, 2 fontes para seu projeto. Contraste de estilo é bem-vindo.
• Kerning, espaçamento e entrelinhas são conceitos que auxiliam na escolha das fontes e na diagramação das composições.
• Kerning: é o espaço entre cada uma das letras;
• Espaçamento (tracking): é o espaço geral entre caracteres de uma mesma palavra a partir do kerning;
• Entrelinhas (leading): é o espaço entre as linhas de um bloco de texto que auxiliam no conforto da leitura.

Resumo da Aula

• Ao definir um grid, conseguimos controlar e organizar melhor as informações que temos a partir das regras que nós mesmos criamos, a fim de trazer uma harmonia para o nosso projeto.
• O grid é responsável por trazer mais: organização, agradabilidade, legibilidade, padronização, hierarquia.
• Os elementos que compõem o grid são:
   
  • Colunas
  • Módulos
  • Margens
    

• É importante definir o grid nos estágios iniciais da composição, considerando adaptações para diferentes tamanhos de telas.
• Atenção: cuidado ao abrir exceções ao utilizar o grid. Ou seja, reflita antes de quebrar as regras.

Resumo da Aula

• Imagens têm o poder de capturar a atenção e passar uma mensagem de maneira rápida. É aquela máxima: uma mensagem vale mais que mil palavras!
• Imagem pode ser uma foto, uma ilustração ou um ícone, por exemplo.
• O cérebro humano tem mais afinidade com imagens do que com outros tipos de comunicação.
• A direção de arte traz mais consistência e confiabilidade ao design. A percepção de profissionalismo e veracidade é notada pelo receptor, tornando o produto mais confiável.
• Tudo é mensagem e deve ajudar na comunicação. Isso inclui: tratamento de cores, texturas, espessura das linhas, cenários, etc.
• Dica: evite mensagens genéricas e busque diversidade. Quebre estereótipos!

Resumo da Aula

• Contraste: é a diferença entre dois ou mais elementos por cor, saturação e tamanho, por exemplo, e tem o objetivo de ampliar a legibilidade.
• Equilíbrio: pode ser simétrico (itens iguais em peso e tamanho) ou assimétricos (itens diferentes que, na soma, se compensam).
• Ênfase: é a diferença de um item no design em comparação com os demais, e tem como objetivo adicionar ou remover a atenção.
• Proporção: é a relação do tamanho dos elementos entre si onde, geralmente, os maiores têm maior destaque que os menores.
• Hierarquia: se refere à ordem de importância dos elementos em uma página, com o objetivo de ditar aquilo que é mais ou menos relevante para a mensagem.
• Espaço negativo: refere-se às áreas de uma composição onde não há elementos de design posicionados. Está relacionado ao conceito de "respiro" de um layout.

Resumo da Aula

1. Entenda quem é o seu cliente e qual história ele quer contar;

2. Escolha as cores que irão compor o seu projeto;

3. Valorize o contraste entre a imagem e a tipografia;

4. Posicione os elementos, decidindo para onde você quer orientar o olhar de quem está interagindo com a sua interface;

Lembre-se

• Os fundamentos do Design Visual são essenciais para compor produtos gráficos com qualidade e consistência;
• As habilidades de design visual são como um músculo, que ficam mais fortes com o tempo. Por isso, é preciso treinar e incorporar os fundamentos do Design Visual no seu dia a dia.
• Desenvolva a autocrítica e aprenda a se autoavaliar com base nos fundamentos do Design Visual.