interpreter_mode

Mentorias disponíveis em fase Beta. Saiba mais

Mentorias disponíveis em fase Beta. Saiba mais

arrow_back

content_copy

Grids & Layouts

Grids & Layouts

Nesta aula aprenderemos as diferenças entre grid de colunas, porcentagem, padrões de layout e como utilizar essas técnicas para melhorar a composição das nossas interfaces.

Nesta aula aprenderemos as diferenças entre grid de colunas, porcentagem, padrões de layout e como utilizar essas técnicas para melhorar a composição das nossas interfaces.

Exclusiva

lock

Assista 5 minutos gratuitamente

arrow_downward

Sobre

Grids e Layouts em UI Design são fundamentais para manter seus projetos consistentes, organizados e com uma boa harmonia visual. Eles ajudam a criar interfaces intuitivas e responsivas, facilitando a navegação do usuário.

Nessa aula vamos aprender sobre os diferentes tipos de grids e como utilizá-los em diferentes tipos de interfaces.

Grids e Layouts em UI Design são fundamentais para manter seus projetos consistentes, organizados e com uma boa harmonia visual. Eles ajudam a criar interfaces intuitivas e responsivas, facilitando a navegação do usuário.

Nessa aula vamos aprender sobre os diferentes tipos de grids e como utilizá-los em diferentes tipos de interfaces.

Grids e Layouts em UI Design são fundamentais para manter seus projetos consistentes, organizados e com uma boa harmonia visual. Eles ajudam a criar interfaces intuitivas e responsivas, facilitando a navegação do usuário.

Nessa aula vamos aprender sobre os diferentes tipos de grids e como utilizá-los em diferentes tipos de interfaces.

  • Tópicos abordados

    • Sistemas Espaciais

    • Como e onde aplicar esses espaços

    • The Box Model

    • Unidades de Medida (px, %, fr)

    • Grids

      • Colunas

      • Modulares

      • Hierárquicos

      • Mobile

      • Dashboards

      • Smartwatches

      • Ícones

    • Layouts

      • Fixos

      • Fluídos

      • Adaptativos

      • Responsivos

      • Leitura em F e Z

    • Analisando Grids & Layouts

Links úteis

1

Space Grids and Layouts

arrow_outward

1

Space Grids and Layouts

arrow_outward

1

Space Grids and Layouts

arrow_outward

1

Space Grids and Layouts

arrow_outward

1

Space Grids and Layouts

arrow_outward

1

Space Grids and Layouts

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

2

Using Grids in Interface Designs

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

3

Design widgets for the Smart Stack on Apple Watch

arrow_outward

O que você achou dessa aula?

Investimento*

R$ 30

Comprar aula completa

volunteer_activism

Doamos 20% do valor de cada aula exclusiva que você adquire. Detalhes das doações na página Transparência.

info

*O preço final pode variar um pouco de acordo com a taxa de IOF cobrada pela plataforma de pagamentos.

Detalhes

Categoria

Design

Instrutor

Willian Matiola

Tempo total de aula

44:00

Pontos para o ranking

30 pts

Assista em seguida

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

3 caixas, a primeira mostra 2 pontos conectados por uma linha, a segunda mostra um triângulo, um quadrado e um círculo, e a terceira imagem mostra um círculo com hastes de pontos.

Grátis

Aula Nova

30 min

Elementos de Visual Design

3 caixas, a primeira mostra 2 pontos conectados por uma linha, a segunda mostra um triângulo, um quadrado e um círculo, e a terceira imagem mostra um círculo com hastes de pontos.

Grátis

Aula Nova

30 min

Elementos de Visual Design

Triângulo laranja, quadrado vermelho e círculo azul, símbolo da Bauhaus

Grátis

31 min

Princípios e Fundamentos

Triângulo laranja, quadrado vermelho e círculo azul, símbolo da Bauhaus

Grátis

31 min

Princípios e Fundamentos

Grids e Layouts

R$ 30

44:00

Grids & Layouts

Grids e Layouts

R$ 30

44:00

Grids & Layouts

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

3 caixas, a primeira mostra 2 pontos conectados por uma linha, a segunda mostra um triângulo, um quadrado e um círculo, e a terceira imagem mostra um círculo com hastes de pontos.

Grátis

Aula Nova

30 min

Elementos de Visual Design

Triângulo laranja, quadrado vermelho e círculo azul, símbolo da Bauhaus

Grátis

31 min

Princípios e Fundamentos

Grids e Layouts

R$ 30

44:00

Grids & Layouts

5 letras A aumentando progressivamente

R$ 10

40 min

Escala Tipográfica

Cores azul, verde e amarelo e seus códigos hexadecimais

Grátis

25 min

Paleta de Cores

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

3 caixas, a primeira mostra 2 pontos conectados por uma linha, a segunda mostra um triângulo, um quadrado e um círculo, e a terceira imagem mostra um círculo com hastes de pontos.

Grátis

Aula Nova

30 min

Elementos de Visual Design

Triângulo laranja, quadrado vermelho e círculo azul, símbolo da Bauhaus

Grátis

31 min

Princípios e Fundamentos

Grids e Layouts

R$ 30

44:00

Grids & Layouts

5 letras A aumentando progressivamente

R$ 10

40 min

Escala Tipográfica

Cubo sendo formado por cículos em suas junções

Grátis

Aula Nova

18 min

Fatores da Gestalt

3 caixas, a primeira mostra 2 pontos conectados por uma linha, a segunda mostra um triângulo, um quadrado e um círculo, e a terceira imagem mostra um círculo com hastes de pontos.

Grátis

Aula Nova

30 min

Elementos de Visual Design

Triângulo laranja, quadrado vermelho e círculo azul, símbolo da Bauhaus

Grátis

31 min

Princípios e Fundamentos

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se: