Curso de Adobe XD: Design visual de um site mobile

Faça esse curso e...

• Produza um site mobile com conceitos direcionados pra design visual
• Lide com fontes, cores e pictogramas para compor o layout
• Desenvolva o seu projeto a partir do Mockflow
• Trabalhe com o Adobe XD e veja como funciona o seu workflow
• Conheça conceitos direcionados ao UI Design.

Conteúdo Detalhado

1. Pesquisa

   • Apresentação do curso
   • Instalando o Adobe XD
   • Overview do projeto
   • O mercado de design digital
   • O mercado
   • Briefing do projeto
   • O briefing
   • O que aprendemos?

2. Organização

   • Sketching
   • Mais sobre o rascunho
   • Sitemap no Mockflow
   • Mais sobre sitemap
   • Sitemap
   • Wireframes
   • Mais sobre wireframe
   • Consideração sobre wireframe
   • O que aprendemos?

3. Estruturação e layout

   • Iniciando no Adobe XD
   • Por que mobile first ?
   • Criando formas e estrutura
   • Tipografia na interface
   • Instalando uma fonte
   • Consideração sobre web fonts
   • Ícones para um UX melhor
   • Instalando o FontAwesome
   • Pictogramas
   • O que aprendemos?

4. Layout II

   • Uso de cores no UI Design
   • Mais sobre cores na UI
   • Aplicando cores na nossa UI
   • Heurísticas de Nielsen I
   • Heurísticas de Nielsen II
   • Heurísticas de Nielsen
   • Considerações do instrutor
   • Heurísticas de Nielsen
   • O que aprendemos?

5. Finalização e prototipagem

   • Inserindo conteúdo no layout
   • Conteúdo realístico
   • Preparando para prototipagem
   • Prototipando o site
   • Updates
   • Encerramento
   • O que aprendemos?