Estilo (style)

A camada visual e estética de um produto: cor, tipografia, layout, imagem, que dá personalidade e gera percepção.

Hard

O que é

Estilo é a expressão visual e estética de um produto ou marca, formada pelas escolhas de cor, tipografia, espaçamento e imagem. Ele não é só enfeite, porque funciona como a linguagem visual que comunica personalidade e intenção. Um produto sem estilo coeso costuma parecer tosco ou pouco confiável, mesmo funcionando bem por dentro.

Vale separar estilo de função. A função garante que algo funciona, e o estilo garante que aquilo ressoa. Imagine dois apps com exatamente as mesmas funções: o de estilo limpo e coerente passa mais profissionalismo. Como a pessoa julga credibilidade em segundos, o estilo pesa bastante nesse primeiro instante.

O maior risco é a inconsistência, com fonte que não combina, cor que briga e imagem desencontrada. É pra codificar essas regras que existem o style guide e o design system. E o estilo expressivo não pode atropelar a leitura, porque uma tipografia ornamentada bonita, mas ilegível no pequeno, é o estilo trabalhando contra o uso.

Em uma frase

A função está ok, mas o estilo ainda está desencontrado e isso derruba a confiança na tela.

A pergunta que ele responde

Por que dois produtos com a mesma função passam tanta confiança diferente?

Quando usar

Faz sentido ao definir a identidade visual de um produto e ao garantir coerência entre todos os pontos de contato.

Como não usar

O cuidado é deixar o estilo atropelar a legibilidade, ou variar fonte e cor sem regra a ponto de o produto parecer feito por times diferentes.

Na prática

Pense em duas telas com a mesma função. A de tipografia, cor e espaçamento coerentes passa confiança, enquanto a outra parece improvisada, mesmo fazendo a mesma coisa.

Não confunda com

Vale separar estilo de função. A função faz a coisa operar, então cuida do que o produto entrega. O estilo faz a coisa ressoar, ou seja, cuida de como ela é percebida. Os dois precisam andar juntos, sem um atropelar o outro, porque um produto bonito que não funciona frustra tanto quanto um funcional que parece improvisado.

D

Em inglês

Style

Pronúncia

stáil

Também chamado de

estilo, estética

Origem

n/a

Fonte

Saiba mais

Don Norman, Emotional Design