Workshop
Design para Devs
Nível
40 aulas
3h10
Assistir agora
1. Apresentação
Sobre o Workshop
Seu Instrutor
Aulas
- Introdução
- 1.
Apresentação
01:22 - 2.
Sobre o workshop
03:48 - 3.
Conteúdo do workshop
01:39 - 4.
Web Designer e Web Developer
11:42 - Cores
- 5.
Evolução do Design da Web
16:13 - 6.
Sistema de Cores
09:01 - 7.
Relação entre cores
05:58 - 8.
Criando Tints, Shades e Tones
04:23 - 9.
Sombras e Color Context
03:23 - 10.
Cores e CSS: 256 cores vs RGB
05:31 - 11.
Named Colors
01:51 - 12.
RGB e RGBA
02:54 - 13.
Sintaxe Hexadecimal
03:35 - 14.
HSL
05:15 - 15.
Prática - Criando um arco-íris com HSL
12:38 - 16.
Prática - Criando tonalidades com HSL
01:46 - 17.
Problema do HSL - Contraste
05:26 - 18.
LCH
06:57 - 19.
Prática - Paleta com LCH
05:59 - 20.
Outros tópicos de cores
03:05 - 21.
Criando uma paleta de cores
02:45 - 22.
Ferramentas de cores
02:39 - 23.
Cores e acessibilidade
02:09 - Tipografia
- 24.
Introdução à Tipografia
02:54 - 25.
Nomenclatura - Serifa e monospace
01:49 - 26.
Nomenclatura - Leading, tracking e kerning
04:48 - 27.
Escolhendo fontes
06:59 - 28.
Tipografia - Extensões Existentes
03:10 - 29.
Como identificar a fonte certa
02:00 - 30.
Fontes Variáveis
07:11 - 31.
Prática - Google Fonts com fonte não variável
09:01 - 32.
Prática - Google Fonts com fonte variável
08:27 - Imagens
- 33.
Imagens - Formatos existentes
06:31 - 34.
Diferentes tamanhos de imagens
03:57 - 35.
Diferentes formas de utilizar imagens no html
01:48 - 36.
Ferramentas para otimizar imagens
01:43 - 37.
Onde encontrar boas imagens
00:58 - 38.
Imagens como background
00:59 - Outros Tópicos
- 39.
Figma básico
06:24 - 40.
Finalização
01:37