Boas-vindas e Introdução
Bem-vindo ao curso de Adobe XD
Conhecendo o Adobe XD
Baixando e instalando: Creative Cloud
Conhecendo a tela inicial do Adobe XD
Abrindo e Importando arquivos
Iniciando o seu primeiro projeto
Tudo começa com Pranchetas
Dicas úteis de organização
Precisamos falar sobre Mobile First
Infográfico: Dicas para desenvolver projetos Mobile First
Guidlines UI: IOs x Material Design
Guidelines Google
Trabalhando no ambiente de design
As ferramentas de desenho no Adobe XD
Desenhando Wireframes
Ajuste Responsivo
Desenhando Icones
Trabalhando com imagens
Trabalhando com máscaras
Trabalhando com bibliotecas e símbolos
Trabalhando com Layers
Visualizando o resultado do seu projeto
Trabalhando no ambiente de interação
Criando as primeiras interações
Recursos avançados de transição
Trabalhando com sobreposições (overlay)
Desenvolvendo interfaces conversacionais
Publicando e compartilhando arquivos
Exportando arquivos
Criando e Gerenciando links no Creative Cloud
Compartilhando projetos: possibilidades x finalidades
Testando protótipos Mobile com o app do Adobe XD
Gravando um vídeo
Integrando o Adobe XD com soluções externas
Integrando o XD com soluções externas
Integrando a equipe de desenvolvimento com o Zeplin
Finalizando
Para inspirar e ir além no Adobe XD
Novos componentes adicionados ao Adobe XD
Você não tem acesso a esta aula
Continue aprendendo! Junte-se e comece a impulsionar sua carreira
Gustavo Demarchi
Elementos de navegação são todas as mudanças de rota do usuário na interface do sistema. Nesta aula, vamos aprender alguns desses elementos e o que eles fazem.
O painel de abas é uma barra inferior com no máximo 5 itens, sendo que cada um dá acesso a uma diferentes tela.
O hub de navegação é uma tela com vários itens que direcionam escolhas do usuário para objetivos específicos.
O floating action button é um botão flutuante que fica suspenso no app contendo a ação mais importante que o usuário pode executar.
O menu suspenso é o menu superior usado em desktop enquanto o menu hambúrguer é um botão com formato de hambúrguer, que mostra várias opções ao ser clicado.
Sobre as dimensões, as áreas de toque devem ter 48 por 48 pixel, pois esta é a dimensão média do dedo indicador humano e isso facilita o toque. Os ícones dentro dessas áreas clicáveis devem ter no mínimo 24 por 24 pixels. Os botões e ícones de lista devem ter uma área útil de 40 por 40 pixels.
Para a tipografia, o Google trabalha com a tipografia Roboto.
Contribuições 0
Perguntas 0
Quer ver mais contribuições, perguntas e respostas da comunidade?