Na aula, exploramos o conceito de balanceamento óptico, que trata da distribuição equilibrada de elementos visuais em uma interface para criar harmonia e consistência. Aprendemos a diferenciar alinhamento matemático (baseado em números e medidas) e alinhamento ótico (baseado na percepção visual).

Pontos principais da aula:

• Balanceamento óptico: É uma arte que exige percepção visual apurada, indo além das regras matemáticas.

• Peso visual: Cada elemento tem um peso visual que influencia a harmonia do layout.

• Diferença entre alinhamento matemático e óptico:

  • O alinhamento matemático garante medidas exatas.

  • O alinhamento óptico ajusta elementos visualmente para parecerem equilibrados.

• Exemplo prático: Ícones e formas geométricas podem parecer desproporcionais mesmo com medidas exatas, exigindo ajustes ópticos.

• Importância no design: Essencial em tipografia, iconografia e layouts para criar interfaces visualmente agradáveis.

Links extras

• Artigo - ‘Eyeballing’ or Optical Alignment in Design

• Thread - Let’s talk about optical centering and visual balance in UI design.