Voltar

Como configurar seu cabeçalho


Hoje vamos configurar o cabeçalho ou logotipo e título do seu aplicativo.
Esta é a parte superior do aplicativo que está sempre visível e acessível em todas as seções.
O cabeçalho tem 4 finalidades:
- Exibir a identidade do seu aplicativo
- Dar um título a uma seção
- Exibir atalhos
- Navegar no aplicativo

Vamos de seguida para o menu Meu app > Design > Design geral.
Clique em “Logo e Título”.
Aqui, posso inserir o nome do meu aplicativo em formato de texto ou adicionar um logotipo.
Eu quero algo com muito “branding”, então, em vez disso, adicionarei um logotipo.
Já está feito, só tenho que fazer o upload.
E é isso!

Agora eu escolho o alinhamento do logotipo à esquerda ou centralizado.
Fácil, não é?

Você quer mais? Eu sabia!
Você pode ir mais além na personalização do cabeçalho, ativando o menu “Avançado” aqui.
Pronto, tenho muito mais opções agora.

Posso mudar a cor de fundo, a barra de separação, adicionar imagens de fundo.
Também posso adicionar links ao meu cabeçalho.
Estou trabalhando no aplicativo do spa Freyja, uma empresa local.
Vou adicionar um link para o cartão de membro aqui. Clico em “Adicione uma ação”, escolho o ícone, defino as cores do meu atalho. Perfeito.

Para a versão PWA, você pode escolher exibir o título do atalho no tablet e desktop.
Adicionei também um link para o cartão de fidelidade para que meus usuários possam acessar facilmente suas recompensas.
Último parâmetro, os outros elementos do cabeçalho.
Aqui estão os ícones de voltar que serão exibidos no cabeçalho enquanto o usuário está navegando no aplicativo.
Coloquei o vídeo nos modos de navegação na barra de informações ;)
Faço uma pré-visualização.
Está feito!

Vou mostrar o resultado final.
Agora você sabe como personalizar o cabeçalho do seu aplicativo.
Vejo vocês em breve para um novo tutorial!

Vídeos semelhantes