header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Use os apps mobile do Wix
  3. Apps mobile para clientes
  4. Construa seu próprio app mobile
  5. Personalize seu próprio app mobile
  6. Apps mobile do Wix: personalizar o design do app mobile

Apps mobile do Wix: personalizar o design do app mobile

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 cores para definir o tom para seus visitantes. Ajuste cores individuais para garantir a consistência e melhorar a legibilidade em diferentes telas e elementos.
  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.
  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.
  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 tema em destaque. Os temas disponíveis são baseados nas cores do tema do seu app.
    • Personalizar botões individualmente: clique na aba Principal ou Secundário e, em seguida, 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 suas cores principais, do texto, dos ícones e do background na seção Temas de cores.
  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.
  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 cabeçalho, usando a cor principal ou de background que você definiu para o seu app.
  7. Clique em Salvar no canto superior direito.
Uma captura de tela de onde escolher as cores do cabeçalho.
Dica:
Agilize seu trabalho usando atalhos de teclado ao editar seu app no painel de controle. No criador de app mobile, clique no ícone Mais ações e selecione Atalhos de teclado para ver os atalhos disponíveis.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
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

Esse artigo foi útil?

|