Tipografia Propriedades Como orientar uma boa tipografia na Web

Apresentação em tema: "Tipografia Propriedades Como orientar uma boa tipografia na Web"— Transcrição da apresentação:

1 Tipografia Propriedades Como orientar uma boa tipografia na Web
Tipografia no design Tipografia Propriedades Como orientar uma boa tipografia na Web

2 Você tem cuidados sobre o tipo de letra que usa?
Qual o tipo de letra que você mais prefere? Na Web, há alguma diferença no uso de letras? Qual?

3 Tem grande influência da mídia de papel
TIPOGRAFIA NO DESIGN Tipografia é a representação de sinais gráficos como meio de expressão de palavras, idéias ou outros elementos para a construção de mensagens visuais Tem grande influência da mídia de papel Não é só representação de um fonema Funções Transmitir uma sensação particular, às vezes mais do que a imagem, além de informar e impressionar

4 PROPRIEDADES 1) Estilo Negrito – para realce (às vezes em menus de links sem função estética aparente) Itálico – além de realce, para palavras estrangeiras, menos conhecidas ou jargões Sublinhado – não recomendado, mas já é padrão de link na Web Pode haver combinações e outros estilos 2) Separação entre caracteres (kerning) Poderoso, mas não muito perceptível Ex.: S E P A R A Ç Ã O Quando não usar?

5 Família de fontes 3) Entrelinhas (espaço entre linhas de base)
Se ocorrer muito? Se ocorrer pouco? Família de fontes 1) Serifada – com arremates superiores Transmitir seriedade e elegância Ex.: Times NeW Roman Garamond Georgia

6 2) Não serifada – sem serifa Para leituras fáceis e dinâmicas Ex.:
Arial Century Gothic Sub-tipos: Linear grotesca Linear neo-grotesca Linear geométrica Linear humanista 3) Monoespaçadas – mesma largura Ex.: Courier New

7 COMO ORIENTAR UMA BOA TIPOGRAFIA NA WEB
4) Bitmap – não escalonável 5) Caligráficas – cursivas ou scripts Ex.: Monotype Corsiva 6) Fantasia – não se enquadram nas anteriores COMO ORIENTAR UMA BOA TIPOGRAFIA NA WEB

8 1) definir um público alvo – para efeitos formais, informais, conservadores, modernos etc

9 2) Cuidados com clareza e legibilidade
De uma maneira geral, as ideais para a Web são Arial, Helvetica e Verdana 3) Disponibilidade Uso de padrões: Arial, Comic Sans, Courier, Georgia, Microsoft Sans Serif, Times New Roman, Verdana etc 4) Combinações e tratamento Não usar só uma fonte 3 é o ideal Não misturar rebuscadamente com fontes de fantasia

10

11