VISUAL DO APLICATIVO

Para facilitar a compreensão, vamos dividir a configuração do App em partes:

Etapa 1 - Aqui você poderá editar as imagens e cores do seu App.

Etapa 2 - Você deve escolher o nome do seu App, que ficará visível para as pessoas.

Etapa 3 - Este quadro apenas informa qual o plano do seu aplicativo. Neste caso, você utilizará o Plano Profissional.

Etapa 4 - Aqui você vai escolher e personalizar todos os módulos (botões) que terão no seu aplicativo.

Etapa 5 - Quando estiver pronto, você vai finalizar a edição do seu App.

As etapas 1 e 4 serão detalhadas a diante.

→ Para cada alteração feita, você deve clicar no botão SALVAR. As edições vão sendo salvas por etapas. A etapa 5 apenas vai finalizar a edição total.

→ É interessante que você vá testando as opções que tiver interesse e salvando para poder visualizar como ficou. Caso mude de ideia, basta selecionar outra opção e salvar novamente. Use sua criatividade e explore os recursos do App.

VAMOS PARA AS ETAPAS!

Na etapa 1, se você clicar no botão "Imagens", será redirecionado para a seguinte tela:

Note que automaticamente você está na sessão "Imagens" (conforme indicação da seta) e na opção "Ícone e Tela de abertura"

Aqui você poderá selecionar dos seus arquivos uma imagem que será o ícone do seu App. Esta será a imagem que as pessoas vão ver na tela de início do celular, no ícone do aplicativo.

Em seguida, você poderá selecionar uma imagem que ficará na tela de abertura do seu App, ou seja, assim que as pessoas abrirem o App, será a primeira imagem que vai aparecer.


Você vai perceber que no canto esquerdo da tela existem mais 2 opções: "Logo e Fundo" e "Slider de imagens".

→ Dica importante: vá testando as possibilidades que o App te oferece e salvando para visualizar como ficou. Caso queira alterar, basta escolher outra opção e salvar novamente.

Ao selecionar a opção "Logo e Fundo" aparecerá o seguinte:

Aqui você terá a opção de escolher uma imagem que ficará na tela principal. O ideal é que esta imagem seja a Logo do seu negócio, pois é a sua principal identificação. Você também vai ter a opção de desativar a Logo da tela principal. Se fizer isso, sua Logo não vai aparecer na tela e vão ficar somente os botões de uso para as pessoas navegarem no seu App.

Em seguida poderá escolher uma imagem de fundo para o seu App. Será a imagem que ficará no fundo da tela principal.

Se você clicar em "Slider de imagens" que é o próximo tópico, verá as seguintes opções:

O Slider de imagens é uma função onde você poderá selecionar várias imagens que vão ficar passando automaticamente no fundo da tela do seu App, uma de cada vez, como um slide.

Você poderá escolher o tempo que cada imagem ficará visível antes de passar para a próxima. Também poderá selecionar um efeito que vai fazer a transição de uma imagem para outra.

Finalizando a etapa das imagens, vamos para o Estilo do App:

Ao clicar nesse botão, você verá a seguinte tela:

Note que automaticamente você está na sessão "Cores e Visual" (dentre as opções da aba superior da tela). Caso clique no botão "Imagens", voltará para a etapa anterior, de organização das imagens.

Aqui no "Cores e Visual" você poderá personalizar as cores do seu App e também escolher a forma como os botões do seu App ficarão organizados.

Conforme ilustrado acima, você poderá escolher de que forma os botões do seu App ficarão organizados na sua tela de início.

Esta imagem acima é meramente ilustrativa, para você ter uma ideia de como fica a organização da sua tela de início ao selecionar uma das opções sugeridas anteriormente. Você só vai conseguir visualizar como ficou sua tela depois que selecionar a opção desejada e salvar.

Logo abaixo da escolha do layout, você poderá escolher as cores dos seus ícones (botões), as cores do texto dos ícones e o grau de arredondamento. Caso você não queira os itens arredondados, basta puxar o cursor para o início.  

Em seguida, você vai escolher a localização da sua Logo, a cor da barra de navegação e do texto:

Pronto, finalizamos as sessões da Etapa 1. 

Confira o passo a passo da Etapa 4 clicando aqui.