Resumindo
- Uma linguagem visual é o vocabulário de cores, tipografia, formas, imagens, superfícies e movimento de uma marca, mais as regras de como eles se combinam.
- As regras importam mais do que os elementos, porque duas marcas podem dividir uma cor ou uma fonte e ainda assim parecer completamente diferentes.
- Uma linguagem visual útil cabe em uma página e responde a perguntas práticas, como onde vai o título e quanto do quadro o destaque pode cobrir.
- Uma linguagem visual está funcionando quando alguém reconhece o seu post com o logotipo coberto.
- A maioria das marcas precisa de menos elementos do que imagina, usados com mais disciplina.
Nesta página
Uma linguagem visual é o conjunto de elementos que uma marca usa (cor, tipografia, forma, imagem, superfície e movimento) junto com as regras de como esses elementos se combinam. Pense nos elementos como vocabulário e nas regras como gramática. O vocabulário sozinho diz muito pouco: muitas marcas usam azul-marinho e uma sem serifa geométrica. É a gramática, o tamanho que a tipografia assume, onde a cor fica, o que nunca é permitido, que torna um design inconfundivelmente de uma marca.
Essa distinção é o motivo de uma linguagem visual ir além de um logotipo ou de uma paleta. É ela que permite a um designer, a um freelancer ou a uma IA fazer algo novo numa terça à tarde e ainda assim parecer que veio do mesmo lugar que todo o resto. Ela fica dentro da sua identidade visual mais ampla e é a parte que as pessoas realmente sentem.
Os elementos de uma linguagem visual
O vocabulário de toda marca vem das mesmas seis famílias. Você não precisa de algo notável em todas as seis. Precisa de uma decisão clara em cada uma e de uma ou duas em que você seja realmente distinto.
Uma regra escrita poderia dizer
A decisão
Uma regra escrita poderia dizer
Uma regra escrita poderia dizer
Uma regra escrita poderia dizer
A decisão
Uma regra escrita poderia dizer
A decisão
Uma regra escrita poderia dizer
Repare que cada regra da coluna da direita é específica o bastante para ser discutida. “Moderno e limpo” não é uma regra. “Títulos nunca com mais de sete palavras” é, porque dá para conferir um design contra ela. Hierarquia visual e fontes da marca aprofundam as decisões de tipografia.
Gramática: as regras que tornam a linguagem sua
A gramática é onde uma linguagem visual se torna algo que só você tem. Duas marcas podem escolher violeta, mas uma inunda o quadro todo com ele e usa texto branco, enquanto a outra mantém um fundo quente de papel e deixa o violeta aparecer só em uma linha fina. Mesma palavra, frases diferentes.
As regras que valem ser escritas são de quatro tipos:
- Proporção: quanto de um quadro cada cor, imagem ou bloco de texto pode ocupar. A regra 60 30 10 é um bom ponto de partida.
- Posição: onde cada coisa mora. Logotipo embaixo à esquerda, título no terço superior, destaque só em uma borda.
- Ritmo: como os designs se repetem em um feed ou numa apresentação. Todo terceiro post só com texto, por exemplo.
- Contenção: o que nunca se faz. Sem contorno no texto, no máximo dois tamanhos de letra por quadro, sem fotos de banco de imagens com apertos de mão.
Exemplos de linguagem visual na prática
Aqui está uma pequena marca, um ateliê de cerâmica de bairro, falando em uma única linguagem visual em duas mensagens muito diferentes. As regras: fundo escuro com uma cor iluminada, títulos curtos com só a primeira letra maiúscula, pequenos detalhes em uma linha embaixo e mais nada no quadro.
Um anúncio: uma frase, uma linha de detalhe e a superfície fazendo o trabalho da marca.
Um post de citação: outra tarefa, a mesma gramática, e por isso parece o mesmo ateliê.
Nenhum dos dois posts precisa de logotipo para ser reconhecido depois que o público viu alguns. Esse é o retorno de uma gramática consistente, e é sobre isso que os elementos distintivos da marca se constroem.
Como escrever sua linguagem visual em uma página
- 1
Reúna o que você já faz
Estenda seus últimos vinte designs. Circule o que se repete por hábito e o que muda toda vez. Os hábitos já são a sua linguagem; a bagunça é onde faltam regras.
- 2
Escolha uma assinatura
Escolha o único elemento pelo qual você será conhecido. Para muitas marcas pequenas, o candidato mais forte é o fundo, porque ele preenche a maior parte de todo quadro.
- 3
Escreva uma regra por família
Cor, tipografia, forma, imagem, superfície, movimento. Uma frase para cada, específica o bastante para um design passar ou falhar.
- 4
Acrescente três coisas que você nunca faz
Regras de contenção são o jeito mais rápido de impedir a deriva. Escreva-as como proibições simples.
- 5
Teste em três trabalhos diferentes
Faça um post de promoção, um de vaga e uma citação só com as regras. Se um deles parecer de outra empresa, aperte a regra que o deixou vagar.
Vago
- Use as cores da marca
- Mantenha limpo e moderno
- As fontes devem parecer amigáveis
- As imagens devem combinar com a marca
Utilizável
- Fundo tinta; coral em menos de um décimo do quadro
- Um título, uma linha de detalhe e mais nada
- Sem serifa arredondada nos títulos, só a primeira letra maiúscula
- Fotos tingidas no duotone da marca, só com pessoas
Deixe a página pronta onde todos que criam coisas possam vê-la. Um guia de estilo da marca completo pode vir depois; a página única é o que as pessoas realmente leem.
Como manter a linguagem visual consistente enquanto você cresce
As linguagens se desviam quando mais gente passa a falá-las. A solução é pôr as regras dentro das ferramentas, em vez de num documento que ninguém abre. Modelos ajudam, mas congelam layouts mais do que carregam uma voz.
É aqui que o Gradiently se encaixa naturalmente. Um Mark carrega sozinho boa parte de uma linguagem visual: a família de cores, os materiais, a luz, o granulado, o movimento e uma voz tipográfica, renderizados ao vivo atrás de cada design e em todos os tamanhos. Seus recursos de legibilidade mantêm as palavras legíveis onde quer que caiam, então as regras de posição valem mesmo quando alguém novo faz o post. Com suas fontes, logotipos e voz no kit de marca, o Designer trabalha dentro dessas regras ao organizar novos designs.
Perguntas frequentes
O que é linguagem visual no design?
É o conjunto de elementos visuais que uma marca ou produto usa, como cor, tipografia, forma, imagem, superfície e movimento, mais as regras para combiná-los de modo que todo design soe como uma só voz.
Qual a diferença entre linguagem visual e identidade visual?
A identidade visual é o sistema inteiro de ativos, incluindo o logotipo. A linguagem visual é a gramática dentro dela: como esses ativos se comportam e se combinam em qualquer design novo.
Quais são os elementos de uma linguagem visual?
Em geral, cor, tipografia, forma, imagem, superfície ou textura e movimento. Cada um precisa de pelo menos uma regra clara e verificável.
Como sei se minha linguagem visual está funcionando?
Cubra o logotipo em um conjunto de designs recentes. Se as pessoas ainda perceberem que todos vêm de você, a linguagem está cumprindo o papel.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil