header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Apps mobile do Wix: personalizar o design do app mobile

11 min
Neste artigo
  • Alterar o tema de cor do app
  • Alterar o tema de texto do app
  • Alterar o tema do botão do seu app
  • Alterar o estilo do cabeçalho do app
Personalize o design do seu app mobile nativo para que ele combine com a sua marca. Ajuste o tema da cor, do texto e do botão e o estilo do cabeçalho. Essas atualizações tornam seu app mais exclusivo e fornecem uma experiência consistente para seus visitantes.
Observações:
  • Você precisa fazer upgrade para um plano Premium do app mobile para personalizar totalmente o design do seu próprio app mobile.
  • As alterações na cor e no tema de texto do seu app afetam todas as telas do seu app. 

Alterar o tema de cor do app

Escolha um tema de cor para o seu app para estabelecer o tom para os visitantes que usam seu app. Ajuste cores individuais para garantir consistência e melhorar a legibilidade em diferentes telas e elementos.
Painel de controle
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do seu site.
  2. Clique na aba com o nome do seu próprio app mobile. 
  3. Clique em Editar app mobile
  4. Clique em Design no painel à esquerda.
  5. Clique no ícone Editar  ao lado de Cores.
  6. Escolha o que você quer fazer:
    • Alterar o tema de cor: clique em Alterar tema de cor para selecionar um novo tema de cor predefinido.
    • Personalizar cores dos elementos individualmente: selecione quais cores você quer editar:
      • Primário: escolha uma nova cor principal para o seu app.
      • Texto e ícones: escolha uma nova cor para o texto principal e ícones de redes sociais.
      • Background: escolha uma nova cor para o background do app.
  7. Clique em Salvar no canto superior direito.
Uma captura de tela mostrando onde personalizar os temas de cor do seu app.

Alterar o tema de texto do app

Escolha um tema de texto para definir o estilo e a legibilidade do seu app e garanta clareza e consistência em todo o conteúdo do seu app.
Painel de controle
App Wix
App do Wix Studio
  1. Vá para App mobile no seu painel de controle.
  2. Clique na aba com o nome do seu próprio app mobile. 
  3. Clique em Editar app mobile
  4. Clique em Design no painel à esquerda.
  5. Clique no ícone Editar  ao lado de Texto.
  6. Escolha o que você quer fazer:
    • Alterar o tema de texto: clique em Alterar tema de texto para selecionar um novo tema de fonte.
    • Personalizar texto individualmente: selecione uma fonte para os cabeçalhos e corpo do seu app. 
  7. Clique em Salvar no canto superior direito.
Uma captura de tela mostrando onde personalizar seu tema de texto.

Alterar o tema do botão do seu app

Personalize os estilos dos botões para combinar com o design do seu negócio. Esses estilos se aplicam a todos os botões no seu app, garantindo uma aparência consistente. Escolha entre temas predefinidos ou ajuste elementos individuais como cores, bordas, texto e raio do canto. Você pode visualizar suas alterações em tempo real enquanto realiza essas alterações.

Painel de controle
App Wix
App do Wix Studio
  1. Vá para App mobile no seu painel de controle.
  2. Clique na aba com o nome do seu próprio app mobile. 
  3. Clique em Editar app mobile
  4. Clique em Design no painel à esquerda.
  5. Clique no ícone Editar  ao lado de Tema do botão.
  6. Escolha o que você quer fazer:
    • Escolha um tema predefinido para seus botões: clique em Alterar tema do botão e selecione um entre os temas destacados. Os temas disponíveis são baseados nas cores do tema do seu app
    • Personalizar botões individualmente: clique na aba Primário ou Secundário e personalize os botões ao ajustar a forma do botão, a cor do background, o texto e a borda.
      Observação: para alterar as cores do tema, clique em Editar no pop-up Escolha uma cor. Personalize as cores primárias, do texto, dos ícones e do background na seção Temas de cor.
  7. Clique em Salvar no canto superior direito.
Uma captura de tela mostrando onde editar os temas de botão do seu app no desktop

Alterar o estilo do cabeçalho do app

Ao criar seu próprio app nativo, você pode escolher se deseja que seu cabeçalho tenha uma cor de background (retirada da cor primária do seu app) ou se deve ser transparente.
Observação:
O estilo de cabeçalho que você escolher aqui afeta o tipo de cabeçalho mínimo. Saiba mais sobre a diferença entre os tipos de cabeçalho e como personalizá-los
Painel de controle
App Wix
App do Wix Studio
  1. Vá para App mobile no seu painel de controle.
  2. Clique na aba com o nome do seu próprio app mobile. 
  3. Clique em Editar app mobile
  4. Clique em Design no painel à esquerda.
  5. Clique no ícone Editar  ao lado de Cabeçalho.
  6. Escolha a cor do seu cabeçalho, usando a cor primária ou de background que você definiu para seu app.
  7. Clique em Salvar no canto superior direito.
Uma captura de tela de onde escolher as cores do cabeçalho.
Uma captura de tela mostrando onde personalizar os temas de cor do seu app.
Uma captura de tela mostrando onde personalizar seu tema de texto.
Uma captura de tela mostrando onde editar os temas de botão do seu app no desktop
Uma captura de tela de onde escolher as cores do cabeçalho.