
Como configurar o modo de navegação do seu aplicativo
Hoje, vamos falar sobre os diferentes modelos de navegação
Eles desempenham um papel crucial na experiência dos usuários e são a navegação principal do seu aplicativo
Para este tutorial, usaremos o aplicativo para nossa empresa local Freyja Spa
Para selecionar um modo de navegação, vá para o menu Meu app > Design > Menu de navegação
Selecione o modelo que deseja aplicar ao seu aplicativo
Cada modelo de navegação tem suas próprias características e aprimorará as diferentes seções de seu aplicativo, dependendo de suas necessidades.
Vamos escolher o modelo Slate.
Consiste em 3 partes.
Minha primeira parte é o cabeçalho. Você pode adicionar seu logotipo, um atalho para o perfil do usuário, se você ativou o add-on de Autenticação, outros atalhos e / ou separadores
Estou simplesmente adicionando meu logotipo.
Então vamos passar para a navegação principal.
Você encontrará aqui todas as seções que selecionou para a navegação principal no menu Meu App > Conteúdo > Seções
Quero destacar o link para os serviços oferecidos pelo Spa, para que sejam facilmente acessíveis aos meus usuários.
Clico no link “Nossos Serviços” e ativo a opção “Destaque este link.” Mudo a cor e voila! Este é o meu link!
Tudo que preciso agora é criar o rodapé.
Como para o cabeçalho, você pode adicionar links. Estou adicionando um link para o perfil do usuário. Para as configurações e para a página de Facebook do Spa
Agora vamos ao menu Configurações. Você pode alterar o design do modo de navegação. A exibição do logotipo que adicionamos anteriormente, a cor e o efeito de fundo.
As cores e fontes usadas.
E finalmente configuramos as opções do menu.
É exibido: sempre fechado ou aberto ao iniciar o aplicativo
Estou feliz com meu design final
Deixe-me mostrar a você do lado do cliente.
Este é o design do Slate
Para ter uma ideia das outras versões:
Swipe
Little Swipe
TabBar e
Grid
Você pode criar seu menu do zero ou desativar o menu e simplesmente usar a página inicial como navegação.
Agora você sabe definir o menu de navegação do seu aplicativo
Te vejo em breve para outro tutorial
Vídeos semelhantes








