Seção 01 | Introdução

1. 1.

   Apresentação

   01:22
2. 2.

   Sobre o workshop

   03:48
3. 3.

   Conteúdo do workshop

   01:39
4. 4.

   Web Designer e Web Developer

   11:42

Seção 02 | Cores

1. 5.

   Evolução do Design da Web

   16:13
2. 6.

   Sistema de Cores

   09:01
3. 7.

   Relação entre cores

   05:58
4. 8.

   Criando Tints, Shades e Tones

   04:23
5. 9.

   Sombras e Color Context

   03:23
6. 10.

   Cores e CSS: 256 cores vs RGB

   05:31
7. 11.

   Named Colors

   01:51
8. 12.

   RGB e RGBA

   02:54
9. 13.

   Sintaxe Hexadecimal

   03:35
10. 14.

    HSL

    05:15
11. 15.

    Prática - Criando um arco-íris com HSL

    12:38
12. 16.

    Prática - Criando tonalidades com HSL

    01:46
13. 17.

    Problema do HSL - Contraste

    05:26
14. 18.

    LCH

    06:57
15. 19.

    Prática - Paleta com LCH

    05:59
16. 20.

    Outros tópicos de cores

    03:05
17. 21.

    Criando uma paleta de cores

    02:45
18. 22.

    Ferramentas de cores

    02:39
19. 23.

    Cores e acessibilidade

    02:09

Seção 03 | Tipografia

1. 24.

   Introdução à Tipografia

   02:54
2. 25.

   Nomenclatura - Serifa e monospace

   01:49
3. 26.

   Nomenclatura - Leading, tracking e kerning

   04:48
4. 27.

   Escolhendo fontes

   06:59
5. 28.

   Tipografia - Extensões Existentes

   03:10
6. 29.

   Como identificar a fonte certa

   02:00
7. 30.

   Fontes Variáveis

   07:11
8. 31.

   Prática - Google Fonts com fonte não variável

   09:01
9. 32.

   Prática - Google Fonts com fonte variável

   08:27

Seção 04 | Imagens

1. 33.

   Imagens - Formatos existentes

   06:31
2. 34.

   Diferentes tamanhos de imagens

   03:57
3. 35.

   Diferentes formas de utilizar imagens no html

   01:48
4. 36.

   Ferramentas para otimizar imagens

   01:43
5. 37.

   Onde encontrar boas imagens

   00:58
6. 38.

   Imagens como background

   00:59

Seção 05 | Outros Tópicos

1. 39.

   Figma básico

   06:24
2. 40.

   Finalização

   01:37