A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Lafayette B. Melo – CEFET-PB - COINFO Tipografia no design Tipografia Propriedades Como orientar uma boa tipografia na Web.

Apresentações semelhantes


Apresentação em tema: "Lafayette B. Melo – CEFET-PB - COINFO Tipografia no design Tipografia Propriedades Como orientar uma boa tipografia na Web."— Transcrição da apresentação:

1 Lafayette B. Melo – CEFET-PB - COINFO Tipografia no design Tipografia Propriedades Como orientar uma boa tipografia na Web

2 Lafayette B. Melo – CEFET-PB - COINFO 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 Lafayette B. Melo – CEFET-PB - COINFO 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 TIPOGRAFIA NO DESIGN

4 Lafayette B. Melo – CEFET-PB - COINFO 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 Lafayette B. Melo – CEFET-PB - COINFO –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 Lafayette B. Melo – CEFET-PB - COINFO –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 Lafayette B. Melo – CEFET-PB - COINFO –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 Lafayette B. Melo – CEFET-PB - COINFO –1) definir um público alvo – para efeitos formais, informais, conservadores, modernos etc

9 Lafayette B. Melo – CEFET-PB - COINFO –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 Lafayette B. Melo – CEFET-PB - COINFO

11


Carregar ppt "Lafayette B. Melo – CEFET-PB - COINFO Tipografia no design Tipografia Propriedades Como orientar uma boa tipografia na Web."

Apresentações semelhantes


Anúncios Google