Módulo

08

·

Aula

2

·

Layout & Padrões de UI

Grids & Containers

Aprenda a usar grids e containers para criar interfaces alinhadas, consistentes e adaptáveis, explorando as diferenças entre Hard Grids e Soft Grids.

Nesta aula, exploramos o uso de grids como uma ferramenta essencial para criar interfaces consistentes e harmônicas. Discutimos dois tipos principais de grids — Hard Grids e Soft Grids — e suas aplicações no design de interfaces.

Pontos principais da aula:

  • O que são grids?

    • Estruturas invisíveis que ajudam no alinhamento e na consistência visual de elementos na interface.

    • Facilita a organização em telas, especialmente para designs responsivos.

  • Vantagens dos grids:

    • Criação de clareza e consistência.

    • Melhora a compreensão do layout para o usuário.

    • Auxilia na sistematização e colaboração entre designers e desenvolvedores.

  • Hard Grids:

    • Estruturas fixas com colunas e fileiras bem definidas.

    • Úteis em designs que demandam alta precisão, como dashboards.

    • Limitações em designs responsivos devido à sua rigidez.

  • Soft Grids:

    • Abordagem mais flexível baseada em espaçamentos sistemáticos (ex.: múltiplos de 4 ou 8 pixels).

    • Ideal para ajustes finos e interfaces responsivas, promovendo harmonia e adaptabilidade.

Links extras

Fique por dentro!

Adicione o calendário do curso DesignCraft na sua agenda

Construído com 🤍 pelo

©

2024

DesignCraft

Concluir