Combo Aulas Exclusivas

Oferta termina em

01 : 15 : 23

Combos vendidos

0

de 50

Aulas

Grids & Layouts

Exclusiva

Intermediário

content_copy

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.

Henrique Stopassoli

Willian Matiola

44 min

30 pts

Design

Comprar aula completa
Comprar aula completa

R$ 30

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Doamos 20% do valor de cada aula exclusiva que você adquire ou de qualquer valor doado nas aulas gratuitas. Confira o portal de Transparência.

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

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

    • 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

    • 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

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

Assista em seguida

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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.

Lançamento

Iniciante

30 min

Elementos de Visual Design

Grátis

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.

Lançamento

Iniciante

30 min

Elementos de Visual Design

Grátis

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

Iniciante

31 min

Princípios e Fundamentos

Grátis

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

Iniciante

31 min

Princípios e Fundamentos

Grátis

Grids e Layouts

Iniciante

44 min

Grids & Layouts

R$ 30

Grids e Layouts

Iniciante

44 min

Grids & Layouts

R$ 30

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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.

Lançamento

Iniciante

30 min

Elementos de Visual Design

Grátis

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

Iniciante

31 min

Princípios e Fundamentos

Grátis

Grids e Layouts

Iniciante

44 min

Grids & Layouts

R$ 30

5 letras A aumentando progressivamente

Iniciante

40 min

Escala Tipográfica

R$ 15

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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.

Lançamento

Iniciante

30 min

Elementos de Visual Design

Grátis

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

Iniciante

31 min

Princípios e Fundamentos

Grátis

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

Lançamento

Iniciante

18 min

Fatores da Gestalt

Grátis

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.

Lançamento

Iniciante

30 min

Elementos de Visual Design

Grátis

580

+30

Alunos na newsletter

Newsletter

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

Inscreva-se:

580

+30

Alunos na newsletter

Newsletter

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

Inscreva-se:

580

+30

Alunos na newsletter

Newsletter

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

Inscreva-se:

580

+30

Alunos na newsletter

Newsletter

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

Inscreva-se: