interpreter_mode
Mentorias disponíveis em fase Beta. Saiba mais
Mentorias disponíveis em fase Beta. Saiba mais
Paleta de Cores
Paleta de Cores
Nessa aula veremos sobre os espaços de cores HSL e LCH, o que são cores primitivas e cores semânticas, acessibilidade, exemplos de paletas de cores em Design Systems e como criar suas variáveis de cores dentro do Figma.
Nessa aula veremos sobre os espaços de cores HSL e LCH, o que são cores primitivas e cores semânticas, acessibilidade, exemplos de paletas de cores em Design Systems e como criar suas variáveis de cores dentro do Figma.
Grátis
lock_open
Sobre
Nessa aula veremos sobre os espaços de cores HSL e LCH, o que são cores primitivas e cores semânticas, acessibilidade, exemplos de paletas de cores em Design Systems e como criar suas variáveis de cores dentro do Figma.
Atualização: veja também as diferenças entre LCH e OKLCH. O segundo modelo é uma atualização do modelo anterior que corrige uma variação no Hue da cor azul.
Nessa aula veremos sobre os espaços de cores HSL e LCH, o que são cores primitivas e cores semânticas, acessibilidade, exemplos de paletas de cores em Design Systems e como criar suas variáveis de cores dentro do Figma.
Atualização: veja também as diferenças entre LCH e OKLCH. O segundo modelo é uma atualização do modelo anterior que corrige uma variação no Hue da cor azul.
Nessa aula veremos sobre os espaços de cores HSL e LCH, o que são cores primitivas e cores semânticas, acessibilidade, exemplos de paletas de cores em Design Systems e como criar suas variáveis de cores dentro do Figma.
Atualização: veja também as diferenças entre LCH e OKLCH. O segundo modelo é uma atualização do modelo anterior que corrige uma variação no Hue da cor azul.
Tópicos abordados
Intro
HSL vs LCH
Cores Primitivas
Cores Semânticas
Acessibilidade
Exemplos
Prática no Figma
Links úteis
O que você achou dessa aula?
Essa aula é gratuita, mas você pode fazer uma doação se quiser retribuir o trabalho de alguma forma. 🥰
Uma escala tipográfica, ou hierarquia tipográfica, serve para padronizar os tamanhos de fontes de texto do seu projeto, trazendo consistência e hierarquia para seus designs.
Ela pode ser feita utilizando uma escala de tamanhos fixa, em que os números são pré-determinados pelo designer, ou pode ser feita utilizando uma escala modular onde temos um fator multiplicador e um número base (ex: escala de 1.5 e número base 16px).
Confira a aula teórica gratuitamente e adquira a aula prática exclusiva!
Detalhes
Categoria
Design
Instrutor
Willian Matiola
Tempo total de aula
25 min
Pontos para o ranking
0 pts
Assista em seguida
Grátis
Aula Nova
18 min
Fatores da Gestalt
Grátis
Aula Nova
18 min
Fatores da Gestalt
Grátis
Aula Nova
30 min
Elementos de Visual Design
Grátis
Aula Nova
30 min
Elementos de Visual Design
Grátis
Aula Nova
31 min
Princípios e Fundamentos
Grátis
Aula Nova
31 min
Princípios e Fundamentos
R$ 30
44:00
Grids & Layouts
R$ 30
44:00
Grids & Layouts
Grátis
Aula Nova
18 min
Fatores da Gestalt
Grátis
Aula Nova
30 min
Elementos de Visual Design
Grátis
Aula Nova
31 min
Princípios e Fundamentos
R$ 30
44:00
Grids & Layouts
R$ 10
40 min
Escala Tipográfica
Grátis
25 min
Paleta de Cores
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se:
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se:
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se:
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se:
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se:
520
Alunos na newsletter
Newsletter
Para quem não quer perder nenhuma novidade do projeto.
Inscreva-se: