Nesta aula, aprendemos sobre o conceito de White Space (espaço negativo), que é fundamental para criar interfaces mais organizadas e visivelmente agradáveis. Foi discutido como esse "espaço vazio" é essencial para que os elementos "respirem" e se destaquem, proporcionando uma experiência mais clara e harmônica para o usuário.

Pontos principais da aula:

• O que é White Space?

  • Espaço vazio ao redor dos elementos que permite que eles se destaquem e sejam compreendidos com facilidade.

  • Comparado ao oxigênio no design: vital para evitar sufocamento visual.

• Funções do White Space:

  • Criação de hierarquia visual e alinhamento.

  • Condução do olhar do usuário para informações importantes.

  • Melhoria na legibilidade e na experiência do usuário.

• Alta e baixa densidade em interfaces:

  • Interfaces de alta densidade exigem menos White Space, mas ele ainda deve ser proporcional.

  • Em interfaces de baixa densidade, o White Space é mais amplo, favorecendo clareza e organização.

• Exemplos visuais:

  • Espaçamento inadequado gera sensação de desordem e desconforto.

  • Espaçamento bem trabalhado traz harmonia e melhora a usabilidade.

• Aplicação prática:

  • Não existe uma fórmula fixa para o uso de White Space; é algo que requer prática, observação e feeling.

Links extras

• Artigo - The Power of White Space in UI Design: Less is More
  Artigo - What is Whitespace? (NNGroup)