A assimetria distribui o peso visual de forma desigual. O lado esquerdo de um layout é mais pesado do que o direito. Uma imagem grande de um lado equilibra um pequeno bloco de texto do outro. A composição não é espelhada, mas ainda assim transmite uma sensação de equilíbrio. A assimetria cria tensão e movimento. É mais dinâmica do que a simetria e, muitas vezes, mais interessante.

O desafio é alcançar o equilíbrio sem espelhamento. Um elemento grande de um lado precisa de um contrapeso do outro. Este contrapeso pode ser um elemento mais pequeno com alto contraste, uma cor vibrante ou uma textura complexa. O peso visual depende do tamanho, da cor, do contraste e da posição. Um pequeno ponto vermelho pode equilibrar um grande retângulo cinzento. O olhar do designer aprende a sentir essas relações. A assimetria é comum no design moderno. Os layouts de sites utilizam frequentemente grades assimétricas. O design editorial quebra a estrutura de colunas com imagens que abrangem várias colunas ou ficam fora da margem. Os cartazes usam a assimetria para criar impacto. A simetria transmite estabilidade e formalidade. A assimetria transmite energia e contemporaneidade. Nenhuma é melhor que a outra. A escolha depende da mensagem e do tom pretendido. Um banco pode preferir a simetria para transmitir confiança. Uma startup pode preferir a assimetria para transmitir inovação. A composição comunica antes do conteúdo.

Assimetria na prática

• Use o peso visual, e não apenas o tamanho, para equilibrar.
• O contraste e a cor podem compensar elementos grandes.
• Quebre a grelha deliberadamente, não acidentalmente.
• Teste a composição olhando para ela semicerrando os olhos.
• Equilíbrio não significa igualdade.

A assimetria é o equilíbrio sem espelhamento. A composição é estável, mas não estática.