Curso User Interface Design

Por que aprender UI Design

Aprender User Interface (UI) Design vai muito além de criar telas bonitas. É sobre entender as necessidades de quem usa seu produto e oferecer soluções eficazes. Confira alguns motivos que tornam o aprendizado de UI Design fundamental.

Alta demanda de mercado

A procura por profissionais que dominam a criação de interfaces amigáveis e funcionais cresce a cada dia, principalmente com o avanço das tecnologias digitais.

Melhor experiência do usuário

Uma interface bem planejada facilita a interação, tornando o produto mais atrativo e retendo usuários por mais tempo.

Versatilidade de aplicação

Os conceitos de UI Design se aplicam a qualquer plataforma como por exemplo, sites, aplicativos, sistemas internos. Aprendendo uma vez, você pode usar o conhecimento em diversos contextos.

Para quem este curso é indicado

Para fazer o curso de UI design, é necessário que você tenha habilidades com o Figma ou ter concluído o nosso curso de Figma.

Estudantes

Estudantes que buscam uma especialização prática vão encontrar neste curso as ferramentas certas para desenvolver projetos que impressionem em qualquer estágio de carreira.

Designers

Se você já atua em alguma área do design e quer explorar novas oportunidades em interfaces digitais, este curso vai ajudar a entender desde a arquitetura da informação até a criação de layouts para diversos dispositivos.

Publicitários

Para quem precisa criar campanhas e landing pages eficazes, entender as melhores práticas de UI garante que o público compreenda rapidamente o que está sendo oferecido.

O que você aprenderá no curso

Ao final do curso de UI Design, você terá não só o conhecimento, mas também a prática de desenvolver um projeto completo de UI, passando por todas as etapas, desde a ideia inicial até a apresentação final.

Fundamentos de UI e UX Design

Você vai entender a diferença entre Interface do Usuário (UI) e Experiência do Usuário (UX) e por que essas duas áreas trabalham juntas para tornar qualquer aplicativo ou site mais atrativo, funcional e fácil de usar.

Arquitetura da Informação

Aprenda a organizar conteúdos e funcionalidades de forma lógica, facilitando a navegação do usuário. Você vai descobrir como criar fluxos claros que orientem as pessoas a encontrar o que precisam sem se perderem no caminho.

Composição e Alinhamento

Descubra como usar grids, espaçamentos e hierarquia visual para guiar o olhar do usuário. Você vai ver, na prática, como um bom alinhamento e o uso consciente de espaços vazios deixam a interface mais agradável e profissional.

Cores e Tipografia para Web

Conheça os fundamentos de cores em formatos digitais e como escolher tons que facilitem a leitura e criem harmonia. Também vai aprender sobre fontes, pesos e combinações tipográficas que tornam o texto mais claro e envolvente.

Usabilidade e Acessibilidade

Aprenda princípios como clareza, consistência e tolerância a erros, seguindo diretrizes e heurísticas de referência. Veja como tornar seu projeto mais inclusivo e fácil de usar para todo tipo de público, independente de limitações físicas ou tecnológicas.

Iconografia e Ilustração

Entenda por que ícones e ilustrações são poderosas ferramentas de comunicação visual. Saiba escolher ou criar imagens que reforcem a identidade do projeto e melhorem a usabilidade, sempre respeitando direitos autorais.

Prototipagem e Avaliação

Descubra a importância de criar versões iniciais (low fidelity) para testar ideias antes de investir em alta fidelidade. Você vai aprender a planejar testes, avaliar feedbacks e refinar seu projeto para chegar a uma solução final pronta para ser apresentada.

Conteúdo do curso

[Aula 1] Interface do usuário

User Interface (UI) x User Experience (Ux); Interfaces Físicas e Interfaces Comunicacionais; Estudos de Cases Nacionais e Internacionais; Interatividade; Limitações do Usuário e Limitações Técnicas/Tecnológicas; Pesquisa em Design de Interface; Benchmarking; Organização de Fluxos para Navegação; Menu Protótipo; Conexão de Interfaces; Referências Bibliográficas. Apresentação do Projeto de User Interface a ser Desenvolvido ao longo das aulas; Escolha do Briefing.

[Aula 2] Arquitetura da informação em UI design

Estudo Aprofundado da Arquitetura da Informação; o Layout e a Arquitetura da Informação; Oficina de Pesquisa e Geração de Alternativas no Figma para o Projeto de UI.

[Aula 3] Mobile, app e site desktop (Mobile First)

Elementos: Cabeçalho, Rodapé, Texto, Imagens, Imagem de Fundo, Tabelas, Vídeos, Menus; Templates e CMS WordPress, Estrutura; Layout e Funções; Layout Responsivo; Layout Adaptativo. Desenvolvimento do Moodboard para o Projeto de User Interface e Estudo de Estrutura do Site Mobile.

[Aula 4] Composição, alinhamento e grid

Ordem de Leitura; Grids; A importância dos Espaços Vazios; Noções de Diagramação: Títulos, Subtítulos, Texto, Espaçamento, Fontes, Peso da Fonte, WebFonts, O que não fazer. Oficina.

[Aula 5] Grids para UI design

Grids; Estudos da Usabilidade de Grids em UI. Oficina de Pesquisa e Geração de Alternativas no Figma.

[Aula 6] Web colors e tipografia para UI design

Cores Hexadecimais e RGB; Composições para Web: Harmonia, Contraste, Cores Utilizadas por Segmento, Legibilidade; Criação de Paletas de Cores; Apresentação de Plugins Acessibilidade no Figma, Stark; Tipografia; Estudo de Tipografia para Web. Oficina do Figma: Explorar Paletas de Cores e Desenvolver Estudo Tipográfico no Layout do Projeto de User Interface.

[Aula 7] Iconografia e ilustração para UI

Ícones; Tipos de Ícones; Apresentação de Diferentes Propostas de Iconografia; Estudos da Usabilidade de Ícones em UI; Ilustração em Sites Web, Mobile e Apps; Cases de Sucesso; Desafios; Oportunidades; Estudos da Usabilidade da Ilustração em UI; Apresentação de Bibliotecas de Ilustração Pagas e Gratuitas; Edição de Ilustrações de Bibliotecas; Direitos Autorais de Bibliotecas. Oficina de Pesquisa e Geração de Alternativas no Figma.

[Aula 8] Usabilidade

Boas Práticas para Interfaces Digitais: Clareza, Consistência, Autonomia, Feedback, Tolerância; Guidelines Windows e IOs; Design Responsivo; Acessibilidade; As Heurísticas de Nielsen; Aplicação das Análises Heurísticas. Exercício: Discussão – Diferenças de Aplicação entre Diferentes Dispositivos – Atividade de Análise de Sites Apontando Erros e Acertos.

[Aula 9] Prototipagem e avaliação

Importância e Ferramentas da Prototipagem; Low Fidelity Prototyping. Oficina: Planejamento da Tarefa, Jornada do Usuário, Oficina de Desenvolvimento de Projeto de UI.

[Aula 10] Oficina: Projeto de UI Design

Continuação do Desenvolvimento de Layout no Figma para o Projeto de User Interface; Verificação e Adaptação para Responsividade.

[Aula 11] Oficina: Projeto de UI Design

Continuação do Desenvolvimento de Layout no Figma para o Projeto de User Interface; Verificação e Adaptação para Responsividade.

[Aula 12] Finalização e apresentação do projeto

Finalização do Projeto de UI, Apresentação e Considerações.

User Interface Design também é um dos módulos da grade curricular da Formação em UI/UX Design.

Adquira habilidades para desenhar interfaces que tornam a vida do usuário mais fácil.

No curso de UI User Interface Design você vai aprender a criar interfaces intuitivas seguindo os princípios do design centrado no usuário. Ao final do curso, você vai apresentar o seu projeto de UI Design criado durante o curso. Inscreva-se