Tutoriais
Voltar

Como personalizar os principais ícones da sua loja


Hoje vamos aprender como personalizar os ícones de seu aplicativo

Esta é uma etapa obrigatória para gerar seu aplicativo

O ícone é um elemento visual importante 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 de seus usuários.

Para configurar os ícones, vamos ao menu Conteúdo e Design > Design > Design geral

Abra o menu Ícone

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

Começaremos pelo assistente

Aqui você pode adicionar texto ou um logotipo

Por exemplo, quero exibir as iniciais da minha loja Urban Shango. Tudo que eu preciso para inseri-los na caixa de texto
Voila

Se eu preferir um logotipo, basta clicar na aba assim e fazer o upload de uma imagem nas dimensões necessárias

Vamos nos limitar ao texto

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

Em seguida, crio o plano de fundo do meu ícone: uma cor ou uma imagem da biblioteca Unsplash do back office ou do meu computador.

É isso que vou fazer

E voila meu ícone está pronto!

Tudo que eu preciso 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 icones 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 fazer upload do ícone já criado (nos tamanhos necessários)

E está feito!

Agora você sabe personalizar o ícone do seu aplicativo

Vejo vocês em breve para outro tutorial!

Vídeos semelhantes