Ícones do Módulos

Imagens — Ícones dos Módulos

A área de ícones dos módulos permite personalizar a aparência visual de cada módulo dentro do aplicativo. Essa configuração ajuda o usuário a identificar rapidamente cada função do app, como restaurantes, hotéis, contato, mapa, galeria, delivery, catálogo, vídeos, entre outros.

Cada módulo pode ter um ícone próprio, uma imagem de fundo e opções de exibição que deixam a navegação mais clara, organizada e alinhada com a identidade visual do aplicativo.

Ícone do módulo

A área Ícone do módulo permite enviar uma imagem personalizada para representar o módulo dentro do aplicativo.

O tamanho recomendado para o ícone é:

240 x 240 pixels

Você pode clicar para selecionar uma imagem do computador ou arrastar e soltar o arquivo diretamente na área indicada.

Esse ícone será usado como identificação visual do módulo no aplicativo. Por isso, é recomendado utilizar imagens simples, bem centralizadas e fáceis de reconhecer em telas pequenas.

Exibir ícone do módulo

A opção Exibir ícone do módulo define se o ícone será mostrado no aplicativo.

Quando ativada, o ícone configurado será exibido junto ao módulo. Quando desativada, o módulo poderá aparecer sem imagem, dependendo da estrutura visual escolhida.

Use essa opção para controlar melhor a apresentação da tela inicial e evitar excesso de elementos visuais.

Imagem de fundo do ícone do módulo

A opção Imagem de fundo do ícone do módulo permite configurar uma imagem de fundo para o ícone.

O tamanho recomendado é:

400 x 400 pixels

Essa imagem pode ser usada para criar um destaque visual atrás do ícone principal, deixando o módulo mais personalizado. É útil para criar botões com estilo próprio, fundos coloridos, imagens temáticas ou composições visuais mais completas.

Selecionar da galeria

A opção Selecionar da galeria permite escolher um ícone pronto dentro da galeria do painel.

Ao clicar nessa opção, será aberta a Galeria de ícones, onde é possível navegar por categorias, escolher um ícone e definir a cor desejada.

Galeria de ícones

Na Galeria de ícones, você pode selecionar ícones prontos para usar nos módulos do aplicativo.

A tela permite escolher uma categoria, como interfaces ou outros grupos disponíveis, e visualizar vários modelos de ícones.

Também é possível definir a cor do ícone usando um código hexadecimal, como:

#000000

Depois de escolher o ícone e a cor, clique em Selecionar para aplicar ao módulo.

Dicas de uso

Use ícones que tenham relação direta com a função do módulo. Por exemplo, um prato para restaurante, uma mala para hotel, uma câmera para fotos, um mapa para localização ou um envelope para contato.

Mantenha um padrão visual entre os módulos. Usar ícones com estilos muito diferentes pode deixar o aplicativo menos organizado.

Também é recomendado evitar imagens com muitos detalhes, textos pequenos ou baixa resolução, pois os ícones aparecem em tamanho reduzido dentro do app.

Salvando as alterações

Após configurar o título, layout, ícone, imagem de fundo e opções de exibição, clique em Salvar para gravar as alterações.

Depois disso, confira a prévia do aplicativo para verificar se o ícone aparece corretamente e se mantém boa leitura dentro da tela.