O espaçamento

entre linhas afeta a

qualidade do seu design?

Altura
Altura
Altura

da linha da linha da linha

@uxcompaola arraste
 A altura da linha impacta nas questões
visuais e de funcionalidade do design de
interface.

Então, primeiro de tudo,

vem entender os nomes que

damos a essas medidas:

Lorem ipsum dolor sit amet,

Entrelinha consectetur adipiscing elit.
Curabitur nec aliquam
Altura da linha tellus.

Vem conferir algumas dicas

@uxcompaola
 Legibilidade
Gere conforto para o usuário: Evitar que as linhas de
texto se sobreponham (ou cheguem perto de se
sobrepor) é especialmente importante em casos de
textos longos, como livros ou artigos de blog.

exemplo

@uxcompaola
Altura da linha: 100% Altura da linha: 150%

O usuário pode facilmente se cansar da

leitura se o espaçamento estiver apertado.

@uxcompaola
 Hierarquia Visual
Gere destque: Ao aumentar o espaçamento entre as
linhas de cabeçalhos e títulos, você ajudará os
usuários a identificarem rapidamente quais são as
seções e partes importantes da interface, facilitando
a navegação e a compreensão.

exemplo

@uxcompaola
Altura da linha: 100% Altura da linha: 150% Altura da linha: 200%

Podcast gratuito Podcast gratuito Podcast gratuito

para você ouvir para você ouvir
sempre que quiser! para você ouvir
sempre que quiser!
sempre que quiser!

Começar Começar Começar

@uxcompaola
 Pontos de foco
Direcione a atenção do usuário: Ao usar um
espaçamento maior entre linhas em um call-to-
action, como um botão de “Comprar”, você pode
torná-lo mais proeminente e garantir que os usuários
sejam atraídos por essa ação.

exemplo

@uxcompaola
 Black Friday 

Promoção à vista

50% OFF

Compre

Black Friday

Promoção à vista

50% OFF

Compre

@uxcompaola
 Consistência e 

coesão visual
Crie uma aparência coesa e profissional: 

O espaçamento entre linhas deve ser cuidadosamente
equilibrado com outros elementos para garantir a
estética e a usabilidade do design como um todo.

exemplo

@uxcompaola
@uxcompaola
Através do uso cuidadoso do espaçamento entre
linhas é possível melhorar a legibilidade do texto,
criar hierarquia visual, destacar pontos de foco e
garantir mais consistência.

Gostou do conteúdo?

compartilhe

@uxcompaola