Como customizar os principais ícones do seu app

Olá e bem-vindo ao seu novo tutorial da GoodBarber

Hoje vamos aprender como customizar os ícones do aplicativo

Esta é uma etapa obrigatória para gerar seu aplicativo

O ícone é um elemento visual chave do seu aplicativo. Ele será usado como favicon pelos navegadores da web, exibido nas notificações push para identificar o remetente, na tela inicial do dispositivo do seu usuário.

Para configurar os ícones, vamos começar pelo menu Meu app > Design > Design geral

Abra o menu do ícone

Você pode usar o assistente ou criar um ícone totalmente personalizado

Vamos começar com o assistente

Aqui você pode adicionar texto ou um logotipo

Por exemplo, quero exibir as iniciais do meu spa Freyja. Tudo o que preciso fazer é inseri-los na caixa de texto
Voilá

Se preferir um logo, eu simplesmente preciso clicar na guia assim e fazer upload de uma imagem nas dimensões necessárias

Vamos ficar com o texto

No menu do lado direito, posso configurar a fonte, cor do texto e efeitos

Então eu crio o fundo do meu ícone: uma cor ou uma imagem da biblioteca unSplash do backoffice ou do meu computador.

E é isso que eu vou fazer.

E voilà, meu ícone está pronto

Tudo o que preciso fazer agora é editar o título do meu aplicativo, que será exibido na tela inicial dos dispositivos de seus clientes

Perfeito!

Clique em gerar e confirme as modificações

Os ícones são gerados automaticamente no formato necessário para todos os usos possíveis.

Isso foi fácil, não?

Agora vamos tentar a opção personalizada
Agora, isso não poderia ser mais fácil. Basta carregar o seu ícone já criado (nos tamanhos necessários)

E está pronto!

Agora você sabe como customizar o ícone do seu aplicativo

Até breve para mais um tutorial!