Formatação de Fontes

Quando usar

O conceito de hierarquia visual desempenha um papel em todas as formas de concepção gráfica. Simplificando, o mais importante conteúdo deve sobressair a mais, e os menos importantes devem destacar-se o menos. Títulos devem se comportar como títulos, conteúdos e secundário devem se comportar de modo secundário, em outras palavras, um usuário deve ser capaz de deduzir a estrutura informativa da página do seu layout.

• Para utilizar em todo o conteúdo das interfaces geradas, levando em conta aspectos de usabilidade e ergonomia;
• Para definir tamanhos e cores diferentes que precisam de focalidades e representações alternadas na interface.

Estrutura

• Atualmente está disponível em três tamanhos e cores...Para utilizar os tamanhos e cores definidas no css do framework apenas coloque styleName="fontBoldGreenBig" com o estilo desejado conforme tabela abaixo:
  • fontBold
  • fontBoldGreen
  • fontBoldRed
  • fontBoldMid
  • fontBoldGreenMid
  • fontBoldRedMid
  • fontBoldBig
  • fontBoldGreenBig
  • fontBoldRedBig

Comportamentos

Estes mecanismos podem ajudá-lo a estabelecer uma hierarquia visual:

• Canto superior esquerdo - preferência;
• Espaçamento;
• Contrastes de fontes: o maior e mais escuro, o mais importante é a informação;
• Contrastes de cores;
• Posicionamento, alinhamento.

Boas Práticas

• Caso o projeto necessitar de outras cores, favor consultar a equipe de Usabilidade da Datasul.

Exemplo

Referências

• http://designinginterfaces.com/

Veja Também

• Destaques de Informações  
    \\ h6.Navegação {pagetree:root=@home|startDepth=2|expandCollapseAll=true}