Tipografia.

Slides:



Advertisements
Apresentações semelhantes
Dosvox.
Advertisements

EDITORAÇÃO ELETRÔNICA Dicas Gerais
TIPOGRAFIA.
Apresentação Prof. MSc Simone Canuto.
Resumo.
FAÇA UMA BOA APRESENTAÇÃO SEM MATAR A PLATÉIA DE TÉDIO
HISTÓRIA EM QUADRINHOS
1 - Organizando Dados 2- Preparando o Pôster
ORIENTAÇÃO PARA A REDAÇÃO
Tipografia Propriedades Como orientar uma boa tipografia na Web
FORMATAÇÃO.
É u m e l e m e n t o f u n d a m e n t a l
Composição e Projeto Gráfico
Tipografia – Sua trajetória
Introdução aos Princípios e elementos de design
ALGUMAS NORMAS PARA REALIZAÇÃO DE UM POWERPOINT
Regras na sua Utilização
Língua Portuguesa: Como fazer uma história em quadrinhos?
Editoração Eletrônica e Diagramação
Editoração Eletrônica e Diagramação
Campanha.
Layout, Convenções Gráficas e Informações Não Verbais
Detalhando o Princípio da Estética
Regras da ABNT Associação Brasileira de Normas Técnicas
Capítulo 1 Caligrafia Técnica
Noções básicas de planejamento visual
Avaliação Microsoft Word
Análise dos elementos pictóricos de um projeto de arquitetura e urbanismo. FACHADA.
Prof. Fabio Aguiar / Fabio Bortoloto
A minha primeira apresentação…
©2004 Microsoft Corporation. Todos os direitos reservados. A minha primeira apresentação…  
Apresentação ao público
Título Instituições (logos) Autores.
Noções básicas de planejamento visual
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.
COMUNICAÇÃO VISUAL CO M UN IC AÇ ÃO VIS UA L CARTAZ.
Murais Profa. Simone Costa.
COMO APRESENTAR IDÉIAS um pequeno roteiro para apresentações que comunicam Antonio Simão Neto PUCPR.
Clicando com o mouse, você verá o passo a passo
Tipologia e Tipografia Leandro Müller.
Tipos de Fontes Combinando e Escolhendo Fontes
DIAGRAMAÇÃO Margens.
DIAGRAMAÇÃO Disciplina: Oficina de Produção Gráfica
Caligrafia Técnica – Letras e Algarismos
Semana 04 PRINCÍPIOS DE TIPOGRAFIA.
Tipografia.
Estrutura física da revista
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.
Layout.
DIAGRAMAÇÃO Colunas.
Editoração Eletrônica e Diagramação
PÓSTER CIENTÍFICO COMO FAZÊ-LO ?.
Ambientação de jogos ABNT.
Tipografia Fabio Baptista.
Composição e apresentação da embalagem
Princípios de tipografia
Fernando Feltrin Criando uma revista Fernando Feltrin
Produção de Audiovisuais com o Microsoft Powerpoint Hiran Ferreira de Lira
Primeira Apresentação
ESTRUTURA DE TRABALHOS ESCRITOS
Sugestão de decoração - SEBRAE
Como elaborar slides para apresentações orais
DESIGN PARA QUEM NÃO É DESIGNER Noções básicas de planejamento visual Retirado do livro: Design para quem não é designer. Willians, Robin. 7ª edição, São.
Projetos Editorial e Gráfico Parâmetros para elaboração Publicação Empresarial - Jornal Impresso.
“OFICINA INTRODUÇÃO AO POWERPOINT 2007” Cristiane Alves Dantas Glênio Morais Régis.
AULA 6: Composição- sistemas ordenadores Professora: Geórgia Feitosa
Normas da APA Tabelas e Figuras.
Transcrição da apresentação:

Tipografia

Tipografia É o estudo dos tipos. Consideramos tipos os números, as letras e demais sinais que compõem uma fonte

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Fonte É um conjunto de letras, números, sinais e símbolos gráficos reunidos sob um mesmo desenho ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Família É um conjunto de fontes com mesmo desenho mas que se distribuem em diversos estilos. As variações do mesmo tipo podem ser italic, bold, normal, medium, extra bold, condensada, etc. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Aa Estrutura do tipo Ápice Haste Base ou pé Trave Serifa Ápice – extremidade superior da letra Haste – parte que compõe a letra Trave – característica de algumas letras Base – extremidade inferior da letra Serifa – aparas que algumas letras apresentam em suas formas Ápice Aa Haste Base ou pé Trave Serifa

Classificação por Família Sem serifa A Com serifa A Serifas livres

sem serifas Sem serifas Normalmente os tipos sem serifa são utilizados para títulos, numeração das páginas e subtítulos sem serifas

Sem serifa Estes são mais indicados para a utilização em textos corridos, pois as serifas ajudam a seguir a linha de leitura, facilitando a compreensão e o entendimento do texto, mas isso não deve ser entendido como regra com serifas

Serifas livres Estes somente se aplicam em casos especiais

Família Podemos dividir por categorias: Lapidária Romana antiga Romana moderna Egípcia Cursiva

Lapidária Proporcionam caracteres com poucas variações em suas hastes e os arremates não possuem serifas A A

Lapidária Os desenhos modernos, com hastes, sem serifas e uniformes, tornam esta família a mais visual, a mais legível de todas, sendo indicada na confecção da maioria dos textos publicitários e de embalagens. Não é recomendado para textos longos, pois a falta de contraste entre as hastes torna-os cansativos

Romana Antiga Produz contraste entre as hastes e as suas serifas triangulares A A

Romana Antiga Proporciona ao leitor um inconsciente descanso visual, decorrente do contraste harmonioso aliado à leveza do desenho de suas serifas Muito utilizada na área editorial para grandes volumes de textos

Romana Moderna As serifas são lineares e as hastes contrastantes

Romana Moderna Esteticamente agradáveis, apesar de frágeis, porque o desenho de suas hastes tem espessuras muito finas, que comprometem a reprodução dos textos

Egípcia Tem como característica estrutural uma certa uniformidade nas hastes e serifas retangulares.

Egípcia Os caracteres tem em suas hastes a força que os habilita a serem usados onde é necessário transmitir uma dose de vitalidade, principalmente em títulos

Cursiva São as letras que não se encaixam em nenhuma das famílias já vistas. Elas têm hastes e serifas livres, o que as tornam as mais ilegíveis de todas, limitando seu uso a destaques, com número limitado de toques. cursiva

Fantasia

Gótica

Manuscrita

Aspectos importantes na escolha do tipo Largura da linha Formato do impresso e área do texto Leitor (faixa etária) Tipo de suporte e processo de impressão Legibilidade

Largura da linha É o número de caracteres que cabem em uma linha ou na largura de composição, a qual deve levar em conta o grau de esforço visual despendido durante a leitura

Formato de impresso e área do texto Deve haver uma relação direta entre o formato e a área do texto e um equilíbrio entre eles Muito branco para as edições de luxo e pouco para as edições econômicas

Leitor (faixa etária) Os tipos devem sempre ser escolhidos em função do leitor e ter relação direta com a faixa etária a quem se destina a obra

Tipo de suporte e processo de impressão A textura do suporte, sua cor e o processo de impressão exercem uma grande influência na legibilidade

Legibilidade Não há uma regra que limite o uso dos tipos quanto à sua legibilidade. O que deve haver é bom senso com relação: ao tipo ao corpo quantidade de texto largura da coluna

Legibilidade Entrelinhamento perfil do leitor cor do texto e do fundo tipo de papel sistema de impressão

Legibilidade espacejamento entre letras espacejamento entre palavras As margens razoavelmente largas são consideradas importantes para a aparência estética e para legibilidade

Legibilidade O espaço em branco entre colunas é preferido em substituição às linhas (fios) separando as colunas do branco do suporte e do preto do impresso o preto sobre o branco exprime um efeito positivo o branco sobre o preto exprime um efeito negativo

Criação através da Tipografia

Relações estabelecidas entre as fontes Concordante Somente uma família de fontes Pequenas variações de tamanho, estilo e peso Estética calma, formal (às vezes chata) Conflitante Fontes similares em estilo, tamanho, peso Incômodo, não são exatamente iguais mas também não são diferentes Conflito visual Contrastante Fontes nitidamente diferentes Design interessante que costuma atrair a atenção

Concordância Um design estará em concordância quando você optar pela utilização da apenas uma fonte e os outros elementos que compõem a página possuírem as mesmas qualidades daquela fonte. Talvez você utilize a versão em itálico ou negrito da mesma fonte Talvez você coloque um tamanho maior nos títulos Talvez use palavras MAIÚSCULAS ou minúsculas

Conflito Um design tem conflito quando se adotam duas ou mais fontes SIMILARES na mesma página, mas que não são efetivamente diferentes ou iguais. Quando se colocam duas fontes parecidas (mas não iguais) juntas, o nosso olhar entende como um erro Evite dúvidas no visual do trabalho O conflito deve ser evitado

Contraste O contraste marcante atrai os olhos. Uma das maneiras mais eficazes, simples e satisfatórios de se conferir contraste, a um design, é justamente através da tipologia. Visualmente mais interessante Contraste dá força ao material Não deixa dúvidas da intenção do DESIGNER

“A vida nada mais é do que uma sombra em movimento, um pobre ator que caminha empertigado e se queixa sobre o palco, e que, depois, não se ouve mais; é uma lenda narrada por um idiota cheia de sons e de fúrias, mas sem significado”

“A vida nada mais é do que uma sombra em movimento, um pobre ator que caminha empertigado e se queixa sobre o palco, e que, depois, não se ouve mais; é uma lenda narrada por um idiota cheia de sons e de fúrias, mas sem significado”

cheia de sons e de fúrias, “A vida nada mais é do que uma sombra em movimento, um pobre ator que caminha empertigado e se queixa sobre o palco, e que, depois, não se ouve mais; é uma lenda narrada por um idiota cheia de sons e de fúrias, mas sem significado”

5 maneiras de Contrastar a tipologia Tamanho Peso Estrutura Direção Cor

Tamanho Um contraste de tamanhos torna-se óbvio. Não se pode contrastar um tipo de 12 pontos com um de 14

Peso O peso de uma fonte refere-se à espessura dos traços As famílias de tipos são desenhados com vários pesos Light, Regular, Bold, ExtraBold

Estrutura A estrutura de uma fonte refere-se à maneira através da qual ela é construida É a transição entre o grosso-fino na contrução de uma fonte

Direção Refere-se a sua inclinação Tome cuidado, use este contraste somente se puder explicá-lo

Cor A cor quente (vermelho, laranja) vêm na frente e comandam nossa atenção Grandes áreas de cores suaves são ótimas para criarmos um contraste eficaz.

CRIAÇÃO COM A TIPOGRAFIA Escrita normal (sem tratamento tipográfico) Um paraíso chamado Cancun 49

CRIAÇÃO COM A TIPOGRAFIA Tamanho UM PARAÍSO CHAMADO CANCÚN 50

CRIAÇÃO COM A TIPOGRAFIA Fonte UM PARAÍSO CHAMADO CANCÚN 51

CRIAÇÃO COM A TIPOGRAFIA Contraste (tamanho + fonte) UM PARAÍSO CHAMADO CANCÚN 52

CRIAÇÃO COM A TIPOGRAFIA Contraste (tamanho) Um paraíso chamado CANCÚN 53

CRIAÇÃO COM A TIPOGRAFIA Contraste (tamanho + cor ) Um paraíso chamado CANCÚN 54

CRIAÇÃO COM A TIPOGRAFIA Contraste (tamanho + cor + fonte + peso) Um paraíso chamado CANCÚN 55

CRIAÇÃO COM A TIPOGRAFIA Contraste (tamanho + cor + fonte + peso) Um paraíso chamado CANCÚN 56

CRIAÇÃO COM A TIPOGRAFIA Um paraíso chamado CANCÚN 57

CRIAÇÃO COM A TIPOGRAFIA Um paraíso chamado CANCÚN 58

CRIAÇÃO COM A TIPOGRAFIA Um paraíso chamado CANCÚN 59

CRIAÇÃO COM A TIPOGRAFIA Um paraíso chamado CANCÚN 60

CRIAÇÃO COM A TIPOGRAFIA 61