Design modular

Crie um belo design para seu app com o melhor construtor de aplicativos sem código do mercado

Design geral+

  • Adaptado para cada dispositivo

    GoodBarber oferece um design completo para qualquer dispositivo, de smartphones a desktops. Nossos elementos de design se adaptam perfeitamente a cada tamanho de tela mantendo a qualidade consistente em todas interações com o usuário.

  • Ferramenta de Estilo Global

    Gerencia o estilo geral do seu app a partir de um único menu: o esquema de cores, tipografia, botões de ação, efeitos de foco e outros elementos. Crie seu design e aplique-o a todo o seu app, em um clique.

  • Imagens de background

    GoodBarber permite a integração de imagens em no design do aplicativo, sendo exibidas no plano de fundo.

  • Margens personalizáveis

    Personalize as margens do design do app — horizontal para todas as telas, vertical apenas para telas mobile.

  • Efeitos de rolagem em textos

    Adicione um efeito de Hover em seus textos: sublinhando, clareando ou escurecendo a cor da fonte.

  • Efeitos de rolagem em imagens

    Adicione um efeito de Hover em suas imagens: zoom in, zoom out ou opacidade.

  • Troca de temas

    É possível mudar o tema do app em um clique, mantendo o modo de navegação e a arquitetura geral e conteúdo do projeto.

  • Adaptação por tipo de uso

    A diversidade de modelos, bem como a variedade e a capacidade das opções de personalização disponíveis, permitem a criação de um aplicativo adaptado à sua finalidade.

  • Editor de estilo

    Gerencie os estilos em nível global, garantindo um design coerente em todas as diferentes visualizações do aplicativo.

  • Histórico das alterações

    O back office da GoodBarber inclui um log de modificações que permite acessar o histórico de todas as modificações realizadas no projeto.

  • Atualização do design sem recompilação

    As atualizações relacionadas ao design do projeto não exigem a reconstrução do aplicativo. Uma vez aprovadas, elas são automaticamente realizadas e se tornam visíveis para os usuários, sem ação extra.

  • Biblioteca de imagens

    Armazene imagens em uma biblioteca pessoal e acesse elas facilmente sempre que precisar.

  • Redimensionamento de imagens

    As imagens são redimensionadas para várias proporções, comprimidas e armazenadas em cache para alcançar o melhor peso, desempenho e combinação de qualidade de exibição. Os tempos de carregamento são otimizados sem comprometer a qualidade do vídeo.

  • Efeito monocromático

    Graças ao editor de imagens integrado no back office da GoodBarber, é possível adicionar um efeito monocromático nas imagens.

  • Efeito de desfocagem

    Adicione um efeito de desfocagem às imagens em um clique, diretamente do back office da GoodBarber, graças ao editor de imagens integrado.

  • Efeitos de zoom

    Aplique efeitos de zoom ao rolar o mouse sobre as imagens, na versão de desktop do projeto.

  • Assistente de criação de ícone e splash screen

    O back office GoodBarber oferece uma ferramenta para auxiliar na criação do ícone do aplicativo e tela de lançamento a partir do zero.

  • Gestão de Gradiente

    Integre gradientes de cor em o design do seu app ao escolher em uma biblioteca muito completa (conectada ao serviço https://uigradients.com). Assim que esteja escolhido, o gradiente é automaticamente gerado e aplicado ao design do seu app.

Home+

  • Home modular

    A seção Home é a primeira seção do aplicativo, é composta por widgets e completamente flexível. Com a grande variedade de widgets disponíveis, o Home permite que o projeto seja criado de forma verdadeiramente única.

  • Ative ou Desative

    Você pode escolher ativar ou desativar a seção Home no seu app. Se a desativar, a navegação irá depender exclusivamente no modo de navegação escolhido.

     

  • 77 widgets

    A grande variedade de widgets permite o aperfeiçoamento da Home do app em cada detalhe.

  • Wigdets de conteúdo

    Content apps

    Torne a Home do aplicativo mais dinâmica com widgets que atualizam automaticamente cada vez que um novo conteúdo seja publicado dentro do projeto.

  • Widgets de navegação

    Content apps

    Ofereça acesso direto às seções mais importantes do aplicativo com widgets dedicados à navegação. A maneira perfeita de orientar o usuário para a função-chave do projeto.

  • Widgets de eCommerce

    eCommerce apps

    Crie entradas diretas para os seus produtos e coleções, na página Home do seu app, usando o widget da lista de produtos e os widgets da lista de coleções

  • Widget promocional

    eCommerce apps

    Exiba uma mensagem promocional assim que os usuários chegarem à página Home da sua loja. Você pode destacar um produto, uma coleção, uma lista de coleções. O widget promocional é muito flexível e ajudará você a aumentar suas vendas.

  • Widgets semi-dinâmicos

    Esses widgets permitem a criação que a Home seja atualizada automaticamente sempre que um novo conteúdo é publicado, e, ao mesmo tempo, oferece uma arquitetura clara ao usuário quando se trata de navegação no aplicativo.

  • Outros widgets

    Esta categoria inclui widgets de utilitários, como widgets the busca, newsletter, publicidade ou HTML.

  • Construção drag & drop

    Arranjar os diferentes widgets apresentados na Home é fácil. Basta arrastar e soltar os widgets para o lugar onde eles devem ser exibidos.

  • Opções de classificação

    Acesse uma ampla gama de opções para gerenciar a ordem de exibição dos elementos apresentados nos widgets de conteúdo: por data, popularidade, ordem alfabética, aleatoriamente...

  • Número de itens

    O número de elementos exibidos por um widget pode ser configurado individualmente para cada widget, permitindo a máxima flexibilidade na organização da Home.

Navegação customizável+

  • Cabeçalho, Corpo e o Rodapé

    Cada menu de navegação é composto por 3 partes distintas: o cabeçalho, corpo e o rodapé, cada um totalmente personalizável. A exibição do cabeçalho e do rodapé não é obrigatória.

  • Exibição do logo

    Exiba um logotipo no cabeçalho do modo de navegação, carregando um logotipo ou adicionando o texto diretamente.

  • Link para perfil do usuário

    Adicione um link direto para o perfil do usuário dentro do modo de navegação. Edite o texto, o ícone e a cor do link.

  • Adição de atalhos

    Adicione atalhos no modo de navegação e permita que os usuários acessem facilmente qualquer seção do aplicativo, para um link externo ou até mesmo para executar uma ação, como fazer logoff, enviar um sms ou um e-mail.

  • Separadores personalizáveis

    Adicione separadores dentro do menu de navegação e personalize a cor e altura do pixel.

  • Área de links personalizáveis

    Crie um menu de navegação adicionando links a seções dentro do aplicativo.

  • Copyright

    Adicione uma área de direitos autorais dentro do menu de navegação do app. Selecione a cor, o texto e as configurações da fonte.

  • Opções avançadas de design

    GoodBarber permite a personalização avançada do design do menu de navegação. Fonte, cores, alinhamento, ícone, altura da célula, títulos...

  • Exibição padrão do menu

    Para os menus Swipe, Little Swipe, Grid e Slate, selecione o status padrão do menu quando o aplicativo é iniciado: sempre oculto ou sempre exibido.

Recursos de design+

  • Galeria de ícones

    Uma coleção de mais de 1000 ícones criados especificamente por nossa equipe de designers e organizados em 3 conjuntos diferentes está disponível no back office.

  • Ícones personalizáveis

    Crie uma coleção de ícones próprios, carregando ícones ou imagens diretamente no back office do projeto, no formato .png, 260px x 260px.

  • Temas profissionais

    O back office GoodBarber oferece 25 temas profissionais produzidos por nossa equipe de designers especializados. Inspirados na nossa filosofia de mobile-first, eles são projetados para se adaptar perfeitamente a cada dispositivo, mantendo-se com as tendências atuais, além de totalmente personalizável.

  • Biblioteca de Fontes Google

    GoodBarber oferece um conjunto de mais de 400 fontes do Google que podem ser utilizadas diretamente no back office, sem a necessidade de incorporar código extra.

  • Biblioteca Pexels

    Os clientes do GoodBarber podem acessar a biblioteca de fotos Pexels, diretamente do back office, com mais de 500.000 imagens de alta resolução.

  • Pesquisa avançada de imagens

    A biblioteca Pexels no back office GoodBarber está equipada com um mecanismo de pesquisa avançado para classificar as imagens por tema, palavra-chave ou cor.

Seções+

  • 25 tipos de seções

    GoodBarber oferece 25 tipos diferentes de seções para construir os mais variados tipos de projetos.

  • Parâmetros de exibição avançados

    Para cada seção, escolha as informações a serem exibidas, como a data ou o autor para uma seção de Artigo.

  • Personalização da barra de ferramentas

    Content apps

    Para cada seção, escolha as ações disponíveis na barra de ferramentas: comentários, compartilhamento, tamanho do texto e marcador do item.

  • Acesso aos comentários

    Content apps

    Permita que os usuários acessem a página de comentários em cada modo de exibição do conteúdo.

  • Compartilhamento social

    Adicione links de compartilhamento direto às mídias sociais em cada página de conteúdo.

  • Carregamento de página progressivo

    Gestos intuitivos permitem ao usuário exibir conteúdo extra, sob demanda, ao visitar uma seção. Isso permite uma exibição mais rápida ao mesmo tempo em que melhora a experiência do usuário.