Crie interfaces de brilhar os olhos com ênfase em usabilidade

Aprenda como fazer uma entrega de uma agência high ticket.

Figma

Figma

Figma

O Início

01. Seja bem-vindo(a) à trilha Figma!

Henrique Sabino

02:33

Glaukos

02. Segurança no Figma e projetos

William Lima

11:51

Glaukos

03. Organizando informações

William Lima

13:15

Glaukos

04. Perfis no Figma

William Lima

05:38

Glaukos

05. Modo Draw

William Lima

13:02

Glaukos

06. Modo Design

William Lima

04:14

Glaukos

07. Modo Dev Mode

William Lima

08:16

Glaukos

08. Comunidade Figma

William Lima

08:25

Glaukos

09. Atalhos e históricos de logs

William Lima

05:39

Glaukos

Lançamento em março

10. UI & UX juntos sempre

William Lima

Glaukos

11. O que o Figma faz x o que ele não faz

Henrique Sabino

02:36

Glaukos

12. Crie sua conta e instale

Henrique Sabino

03:08

Glaukos

O Início

01. Seja bem-vindo(a) à trilha Figma!

02:33

02. Segurança no Figma e projetos

11:51

03. Organizando informações

13:15

04. Perfis no Figma

05:38

05. Modo Draw

13:02

06. Modo Design

04:14

07. Modo Dev Mode

08:16

08. Comunidade Figma

08:25

09. Atalhos e históricos de logs

05:39

10. UI & UX juntos sempre

11. O que o Figma faz x o que ele não faz

02:36

12. Crie sua conta e instale

03:08

Raio-x do Figma

13. Meus projetos

Henrique Sabino

03:34

Glaukos

14. Menu principal

Henrique Sabino

05:25

Glaukos

15. Menu preferências

Henrique Sabino

12:51

Glaukos

16. As principais ferramentas do Figma

Henrique Sabino

15:19

Glaukos

17. O que são layers, assets e pages

Henrique Sabino

13:28

Glaukos

18. Tudo sobre o menu lateral direito

Henrique Sabino

39:16

Glaukos

19. Aba Prototype

Henrique Sabino

12:22

Glaukos

20. Local Styles

Henrique Sabino

09:57

Glaukos

21. Local Variables

Henrique Sabino

08:52

Glaukos

22. Modo visão de protótipo

Henrique Sabino

04:20

Glaukos

Raio-x do Figma

13. Meus projetos

03:34

14. Menu principal

05:25

15. Menu preferências

12:51

16. As principais ferramentas do Figma

15:19

17. O que são layers, assets e pages

13:28

18. Tudo sobre o menu lateral direito

39:16

19. Aba Prototype

12:22

20. Local Styles

09:57

21. Local Variables

08:52

22. Modo visão de protótipo

04:20

Cores & Tipografia

23. Destravando: cores

Henrique Sabino

26:59

Glaukos

24. Tudo sobre degradês

Henrique Sabino

14:42

Glaukos

25. Psicologia das cores

Henrique Sabino

19:38

Glaukos

26. Acessibilidade

Henrique Sabino

16:39

Glaukos

27. Plugins que você precisa instalar

Henrique Sabino

18:39

Glaukos

28. Prática: definindo a tipografia de um projeto

Henrique Sabino

10:58

Glaukos

29. Combinação de fontes

Henrique Sabino

07:51

Glaukos

30. Contraste

Henrique Sabino

09:54

Glaukos

31. Hierarquia de textos

Henrique Sabino

13:18

Glaukos

32. Boas práticas de tipografia

Henrique Sabino

11:43

Glaukos

33. Como montar uma paleta de cores

Henrique Sabino

13:13

Glaukos

Cores & Tipografia

23. Destravando: cores

26:59

24. Tudo sobre degradês

14:42

25. Psicologia das cores

19:38

26. Acessibilidade

16:39

27. Plugins que você precisa instalar

18:39

28. Prática: definindo a tipografia de um projeto

10:58

29. Combinação de fontes

07:51

30. Contraste

09:54

31. Hierarquia de textos

13:18

32. Boas práticas de tipografia

11:43

33. Como montar uma paleta de cores

13:13

O Florescimento

Lançamento em março

34. Fórmula Quadraxis

Henrique Sabino

Technes

35. Moodboard x painel semântico

William Lima

11:27

Technes

Lançamento em março

36. Princípios e experiência do usuário

William Lima

Technes

Lançamento em março

37. Heurísticas de Nielsen

William Lima

Technes

Lançamento em março

38. Leis de usabilidade (Fitts, Hick, Miller, Jacob’s…)

William Lima

Technes

39. Onde buscar referências

Henrique Sabino

13:07

Technes

Lançamento em março

40. Vieses cognitivos no design

William Lima

Technes

O Florescimento

34. Fórmula Quadraxis

35. Moodboard x painel semântico

11:27

36. Princípios e experiência do usuário

37. Heurísticas de Nielsen

38. Leis de usabilidade (Fitts, Hick, Miller, Jacob’s…)

39. Onde buscar referências

13:07

40. Vieses cognitivos no design

Destravando o Figma

Lançamento em março

41. Criando grids: site, dashboard e app

Henrique Sabino

Technes

42. Style Guide: Tipografia

Henrique Sabino

16:45

Technes

43. Style Guide: Cores

Henrique Sabino

24:19

Technes

44. Máscara e Boolean

William Lima

24:58

Technes

Lançamento em março

45. Wireframes

Henrique Sabino

Technes

Destravando o Figma

41. Criando grids: site, dashboard e app

42. Style Guide: Tipografia

16:45

43. Style Guide: Cores

24:19

44. Máscara e Boolean

24:58

45. Wireframes

Blend Modes

46. Introdução: Blend Modes

William Lima

03:40

Technes

47. Pass Through

William Lima

03:37

Technes

48. Normal

William Lima

01:19

Technes

49. Darken

William Lima

03:36

Technes

50. Multiply

William Lima

04:00

Technes

51. Plus darker

William Lima

06:58

Technes

52. Color Burn

William Lima

03:41

Technes

53. Lighten

William Lima

06:59

Technes

54. Screen

William Lima

03:00

Technes

55. Plus lighter

William Lima

03:36

Technes

56. Color Dodge

William Lima

05:04

Technes

57. Overlay

William Lima

05:22

Technes

58. Soft Light

William Lima

03:32

Technes

59. Hard Light

William Lima

03:50

Technes

60. Difference

William Lima

02:53

Technes

61. Exclusion

William Lima

04:33

Technes

62. Hue

William Lima

04:05

Technes

63. Saturation

William Lima

03:19

Technes

64. Color

William Lima

04:47

Technes

65. Luminosity

William Lima

02:24

Technes

Blend Modes

46. Introdução: Blend Modes

03:40

47. Pass Through

03:37

48. Normal

01:19

49. Darken

03:36

50. Multiply

04:00

51. Plus darker

06:58

52. Color Burn

03:41

53. Lighten

06:59

54. Screen

03:00

55. Plus lighter

03:36

56. Color Dodge

05:04

57. Overlay

05:22

58. Soft Light

03:32

59. Hard Light

03:50

60. Difference

02:53

61. Exclusion

04:33

62. Hue

04:05

63. Saturation

03:19

64. Color

04:47

65. Luminosity

02:24

A Aventura

Lançamento em março

66. Espaçamentos e equilíbrio visual

William Lima

Ícarus

Lançamento em março

67. Auto layout

William Lima

Ícarus

Lançamento em março

68. Responsividade em auto layout

William Lima

Ícarus

A Aventura

66. Espaçamentos e equilíbrio visual

67. Auto layout

68. Responsividade em auto layout

Tokens

Lançamento em março

81. Design tokens

Henrique Sabino

Ícarus

Lançamento em março

82. Seção Depoimentos

Henrique Sabino

Ícarus

Lançamento em março

83. Landing page de 0% a 100%

Henrique Sabino

Ícarus

Lançamento em março

84. Entregáveis de um design

William Lima

Ícarus

Lançamento em março

85. Handoff e suas variações

William Lima

Ícarus

Lançamento em março

86. Mobile First ou não?

William Lima

Ícarus

Tokens

81. Design tokens

82. Seção Depoimentos

83. Landing page de 0% a 100%

84. Entregáveis de um design

85. Handoff e suas variações

86. Mobile First ou não?

Mão na Massa

Lançamento em março

69. Ícones

William Lima

Ícarus

Lançamento em março

70. O que são componentes?

William Lima

Ícarus

Lançamento em março

71. Botões e seus estados

William Lima

Ícarus

Lançamento em março

72. Variáveis

William Lima

Ícarus

Lançamento em março

73. Criando cards

William Lima

Ícarus

Lançamento em março

74. Componente Lista

William Lima

Ícarus

Lançamento em março

75. Criando um Hero

William Lima

Ícarus

Lançamento em março

76. Componente Depoimentos

William Lima

Ícarus

Lançamento em março

77. Menu superior

William Lima

Ícarus

Lançamento em março

78. Rodapé

Henrique Sabino

Ícarus

Lançamento em março

79. Formulários

Henrique Sabino

Ícarus

Lançamento em março

80. Protótipos e seus poderes

William Lima

Ícarus

Mão na Massa

69. Ícones

70. O que são componentes?

71. Botões e seus estados

72. Variáveis

73. Criando cards

74. Componente Lista

75. Criando um Hero

76. Componente Depoimentos

77. Menu superior

78. Rodapé

79. Formulários

80. Protótipos e seus poderes

Prototipagem

Lançamento em março

98. Ligação e efeitos de protótipos

William Lima

Kosmos

Lançamento em março

99. Análise de concorrência

William Lima

Kosmos

Lançamento em março

100. Pesquisa qualitativa x quantitativa

William Lima

Kosmos

Lançamento em março

101. Entrevistas com usuários

William Lima

Kosmos

Lançamento em março

102. Desk Research

William Lima

Kosmos

Lançamento em março

103. Pesquisa de campo

William Lima

Kosmos

Lançamento em março

104. Jornada do usuário (User Journey Map)

William Lima

Kosmos

Lançamento em março

105. Fluxos de navegação (User Flow)

William Lima

Kosmos

Lançamento em março

106. Testes com protótipos e coleta de feedback

William Lima

Kosmos

Prototipagem

98. Ligação e efeitos de protótipos

99. Análise de concorrência

100. Pesquisa qualitativa x quantitativa

101. Entrevistas com usuários

102. Desk Research

103. Pesquisa de campo

104. Jornada do usuário (User Journey Map)

105. Fluxos de navegação (User Flow)

106. Testes com protótipos e coleta de feedback

Portfólio

107. Construindo um portfólio de brilhar os olhos

Henrique Sabino

14:53

Kosmos

Lançamento em março

108. Como eu posto meus projetos

Henrique Sabino

Kosmos

Lançamento em março

109. Como eu crio ilustrações

Henrique Sabino

Kosmos

Lançamento em março

110. Criando um redesign de marca

Henrique Sabino

Kosmos

Portfólio

107. Construindo um portfólio de brilhar os olhos

14:53

108. Como eu posto meus projetos

109. Como eu crio ilustrações

110. Criando um redesign de marca

Ilustração

Ilustração

Arquiteto do Universo

Lançamento em março

91. Erros que já cometi no design

William Lima

Kosmos

Lançamento em março

92. Microinterações

William Lima

Kosmos

Lançamento em março

93. Prototipação com condicionais

William Lima

Kosmos

Lançamento em março

94. Antes de tudo, pense!

William Lima

Kosmos

Lançamento em março

95. Entendendo o problema

William Lima

Kosmos

Lançamento em março

96. Tipos de matrizes

William Lima

Kosmos

Lançamento em março

97. Definição de hipóteses e problemas

William Lima

Kosmos

Arquiteto do Universo

91. Erros que já cometi no design

92. Microinterações

93. Prototipação com condicionais

94. Antes de tudo, pense!

95. Entendendo o problema

96. Tipos de matrizes

97. Definição de hipóteses e problemas

Criando Marcas

Criando Marcas

Design System

Lançamento em março

87. Quando devo usar um design system?

Henrique Sabino

Ícarus

Lançamento em março

88. Construindo um design system

Henrique Sabino

Ícarus

Lançamento em março

89. Design system x style guide

William Lima

Ícarus

Lançamento em março

90. Projeto real ou fictício?

William Lima

Ícarus

Design System

87. Quando devo usar um design system?

88. Construindo um design system

89. Design system x style guide

90. Projeto real ou fictício?

Olá 👋,

Aqui é o Will, em que posso ajudar?

Sugestões & Feedbacks