Tipografia Propriedades Como orientar uma boa tipografia na Web

Slides:



Advertisements
Apresentações semelhantes
Dosvox.
Advertisements

Bons e maus designs O que é design de interação
EDITORAÇÃO ELETRÔNICA Dicas Gerais
Tipografia.
Tecnologia Hipermídia e Multimídia
Escrita e Organização de Documentos em Computador
Workshop Realizado no âmbito da Feira da Tecnologia
Apresentação Prof. MSc Simone Canuto.
O Título da apresentação deverá ter no máximo cinco linhas, na tipografia Verdana e corpo 32. Na cor preta e deve estar centralizado. Nome Apresentador.
CRIANDO SLIDES 1 1.
INF Interação Homem-Computador Parte 4
Dicas para Apresentação de Trabalhos Técnicos
Lafayette B. Melo – CEFET-PB - COINFO Interface do usuário, linhas de comando e menus Interface do usuário Linhas de comando Menus.
Modelos conceituais de interação
Interfaces gráficas e Interfaces Web
Design Leis do design Impressão e mídia digital
1 - Lafayette B. Melo – Análise e Projeto de Sistemas para a Internet – Noções de Engenharia de Software COINFO – CEFET-PB 7.3 Diagrama de transição de.
Objetivo: compreender a notação do diagrama de atividades
Análise e Projeto de Sistemas
Lafayette B. Melo – CEFET-PB - COINFO A interface de software deve ser projetada para atender as necessidades e os desejos do usuário Por que o usuário.
Cor Sensações da cores Tipos de cores Alguns termos técnicos
Organização de Trabalhos no Word
“A nova Faixa de Opções”
A Usabilidade em software Educativo
Composição e Projeto Gráfico
Construção Web Design Aula 02 – HTML e CSS.
Tipografia – Sua trajetória
Diagramando Flashcards no Excel
Orientações para PowerPoint
Editoração Eletrônica e Diagramação
Formatação de parágrafo
Deve‐se usar palavras‐chave. No Máximo 12 linhas por slides.
Regras da ABNT Associação Brasileira de Normas Técnicas
Aspectos afetivos na interface
Colocando botões e ações
Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender.
Seleção e Combinação Criativa de Fontes
Quanto mais informação em um slide, menor a retenção de informações.
BENVINDOS a NOSSA CERTIFICAÇÃO para o sucesso
Microsoft PowerPoint 2007.
Modelos conceituais de interação
1 - Lafayette B. Melo – Análise e Projeto de Sistemas para a Internet – COINFO – CEFET-PB 11. Comunicação Objetivo: compreender a notação do diagrama de.
Apresentação ao público
2.3 COR NO DESIGN A cor não tem existência material e é considerada muitas vezes como apenas um fenômeno da luz Os seus estudos passaram pela filosofia,
Editoração Eletrônica e Diagramação
HTML HyperText Markup Language Uma linguagem de marcação.
Cascading Style Sheets Folhas de Estilo em Cascata
Título Instituições (logos) Autores.
Criar apresentações com o PowerPoint.
RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por.
 A tag define o elemento da raiz do documento.  É aquele que tem toda a informação da página.  Diz ao browser para iniciar um novo documento (página.
CONFIGURANDO TRABALHO NO WORD 2003 a 2007 (NORMAS DA ABNT)
Tipologia e Tipografia Leandro Müller.
Tipos de Fontes Combinando e Escolhendo Fontes
Semana 04 PRINCÍPIOS DE TIPOGRAFIA.
Como fazer um artigo e/ou um trabalho científico?
Uma formidável ferramenta de comunicação
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
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.
TIPOLOGIA E DESIGN.
Insira o Título do Trabalho Fonte: Elephant Tamanho 24 a 32 Alinhamento: Centralizado Cor: Verde Oliva Escuro (RGB 52; 65; 27) Adicionar nome do autor.
Dimensionamento de condutores elétricos
Ambientação de jogos ABNT.
Tópico: Os Textos (Conceitos Básicos).
HTML Prof. Geyson Silva.
Lafayette B. Melo – CEFET-PB - COINFO Avaliações analíticas Entrevistas Questionários Revisões do especialista (inspeções) Revisões do especialista (walktroughs)
Primeira Apresentação
APRESENTAÇÃO ELETRÓNICA
Acetatos Os acetatos são folhas de película transparente, de tamanho A4, nas quais se pode escrever e posteriormente se podem projectar num ecrã através.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
Transcrição da apresentação:

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

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?

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

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?

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

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

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

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

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