Voltar

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