Design geral

Design geral

Escrito em 11/09/2019
THIAGO BELTRAMI

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.

Backup regular

As últimas 10 modificações aplicadas ao design são automaticamente salvas. Se ocorrer um problema, é possível restaurar uma versão.

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.