Curso de Figma: Componentes da interface

Faça esse curso de UI - User Interface e:

• Produza um site mobile com conceitos para design visual com Figma
• Lide com fontes, cores e pictogramas para compor o layout
• Desenvolva o seu projeto a partir do uso de componentes
• Trabalhe com refinamentos e prototipação de interface
• Conheça conceitos direcionados ao UI Design

Conteúdo Detalhado

1. Introdução e diretrizes

   • Overview
   • Briefing do projeto
   • Diretrizes do design de interface
   • Como manter o padrão visual em uma interface?
   • Construindo boas interfaces

2. Metodologias e estruturação

   • Design Patterns
   • Dark Patterns
   • Por que os Design Patterns são confiáveis?
   • Design Atômico
   • Telas e fluxos
   • Construção de grids
   • Área útil no grid

3. Componentes da interface I

   • Menu no topo
   • Títulos com textos grandes
   • Menu no rodapé
   • Quantidade de itens no rodapé
   • Cards
   • Imagens para uma interface melhor

4. Componentes da interface II

   • Botoes e inputs
   • Maneiras de criar input de texto
   • Tabs e listas
   • Quantidade de abas
   • Banners e backdrops
   • Empty state
   • Mais sobre o Empty State

5. Refinamentos e prototipação

   • Refinamento I
   • A importância do refinamento
   • Refinamento II
   • Prototipação
   • Mais sobre prototipação