- Criado por Igor Andrade, última alteração em 10/08/2022
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