Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 2 Próxima »

A aparência das aplicações web e mobile é um fator extremamente importante na hora de desenvolver um sistema. Em muitos casos, será o "cartão de visitas" para o seu projeto. Assim, selecionar um bom tema e definir características visuais que representem bem o seu negócio é vital para se destacar frente aos concorrentes.

Com isso em mente, o Cronapp desenvolveu diversos recursos que possibilitam a personalização visual do seu projeto a partir de diversas camadas:

  • Escolha entre diversos temas para as aplicações web e mobile;
  • Acrescente características únicas aos temas, adicionando uma camada visual (skin) acima do tema;
  • Por fim, aplique folhas de estilos (CSS) de forma abrangente ou em pontos específicos da sua aplicação.


<TODO: Figura representando o conteúdo apresentado>

Temas

Os temas são estruturas em CSS que permitem modificar radicalmente o visual da aplicação, alterando cores, fontes e algumas características do layout. Dessa forma, com alguns cliques é possível sair de um tema de fundo escuro, de cores fortes e densa para um tema branco, clean e minimalista. Os temas Cronapp foram desenvolvidos em cima da estrutura do Bootstrap e todos possuem o mesmo padrão, possibilitando alternar entre os temas a qualquer momento durante o desenvolvimento do projeto. 

A seleção de tema pode ser feita em dois momentos:

  • No último passo da criação do projeto (Figura 1), nesse momento só será possível selecionar um tema para as duas aplicações (web e mobile);
  • Na janela de configurações do projeto, essa janela permite selecionar temas (e skins) distintos entre as aplicações.


<TODO: informar que é possível utilizar temos externos nas aplicações (linkar com o tutorial), porém os recursos de skins não vão funcionar>


  • Material: inspirado no tema Material criado pelo Google, é o tema padrão dos projetos Cronapp e o único que possui suporte total à acessibilidade.
  • Aquamarine: seu design foi inspirado no verde produzido pelas algas marinhas e possui cores vibrantes e bonitas.
  • Fuse: inspirado em um tema de mesmo nome, o Fuse apresenta um visual sofisticado com variação de cores entre o azul escuro e o branco. 
  • DsGov: esse tema segue todos os padrões e regras definidos pelo Design System do Governo Federal brasileiro.
  • Cerulean: remete a um calmo céu azul.
  • Cosmo: inspirado em linhas de metrô, possui cores variando entre azul e cinza escuro.
  • Cyborg: o tema se destaque pelo azul elétrico sobre o fundo preto vivo.
  • Darkly: ótima opção para modo noturno.
  • Flatly: cores planas e modernas.
  • Journal: possui cores que lembram uma folha de papel colorida.
  • Lumen: tema limpo com efeitos de luz e sombra.
  • Paper: tema claro com características fortes.
  • Readable: otimizado para a legibilidade.
  • Sandstone: possui cores relaxantes.
  • Simplex: tema com estruturas pequenas e minimalistas.
  • Slate: tons de cinza metalizados.
  • Spacelab: possui um tom de prata elegante.
  • Superhero: exibe tons escuros, porém suaves.
  • United: possui cor laranja e fonte inspirada no sistema operacional Ubuntu.
  • Yeti: apresenta uma base amigável.


Nesta página

  • Sem rótulos