·
Agroecologia ·
Outros
Send your question to AI and receive an answer instantly
Preview text
ESAMC Tipografia Módulo A Introdução Tipografia vem do gregos typographia e quer dizer escrita com tipos Tipografia Tipografia é um ofício que trata dos atributos visuais da linguagem escrita Ela envolve a seleção e a aplicação de tipos a escolha do formato da página assim como a composição das letras de um texto com o objetivo de transmitir uma mensagem do modo mais eficaz possível gerando no leitor destinatário significações produtivas pretendidas pelo destinador Introdução Tipologia é a classificação e caracterização das classes de elementos tipográficos o tipo História da Escrita a Tipografia do Século XX Linha do tempo 3200 aC Escrita Sumeriana Mesopotâmia região do oriente Médio entre rios Tigre e Eufrates hoje parte do Iraque Incisão em barro Desenvolvido p atividade comercial contabilidade registro de propriedade Linha do tempo 3000 aC Escrita sagrada dos faraós Egito caracteres mais pictóricos sugere objetos e conceitos Chamados de hieróglifos pelos gregos 500 aC Hieros sagrado Glyphe entalhe Executados por pintores escultores artesãos Com o surgimento de papiro passou a ser também de escribas Demótica versão cursiva para o povo Escrita jeroglífica egipcia Detalhe de hieróglifos gravados em pedra Os nomes de Ptolomeu e de Cleópatra escritos em hieróglifos Linha do tempo 1600 aC Chineses Dinastia shang de 4500 caracteres p 49000 atualmente Desfavorecida ao sistema de impressão Gerou a língua japonesa caracteres chineses e adição de símbolos Kanji DANCE WOMAN GATE MOTHER Dios Paz Flor Rosa Esperanza Victoria Felicidad Encantador Belleza Amigo Espíritu Suerte Gloria Deseo Amor Linha do tempo 1500 aC Fenícios Fenícia e Palestina Alfabeto fonético registro do som falado Originou as escritas arábicas hebraicas latina e grega Linha do tempo 800 aC Gregos Origem Fenícia adaptada Fenícios letras somente para consoantes Grego consoantes e vogais Ex a letra fenícia aleph som emitido pela glote transformouse na letra alfa correspondente ao som do a Gravações em pedra marfim cera Linha do tempo Pedra de Rosetta Força de invasão Napoleônica Descoberta de hieróglifos demóticas grega Ptolomeu Cleópatra Alexandre Alexandria A Pedra de Rosetta abriga no Museu Britânico de Londres representa no texto superior caracteres em hieróglifos no setor central caracteres demóticos e na parte inferior caracteres em grego Linha do Tempo 100 aC Alfabeto romano Adaptado do grego e da escrita etrusca Etrúria península itálica hoje Toscana e Úmbria Difícil tradução pouco conhecida Linha do Tempo 325 Império desmorona e leva ao feudalismo Emerge a igreja cristã romana e criase a escrita uncial Do latin uncia duodécima parte do todo referência a medida de polegada Linha do Tempo 500 Carlos Magno Chefe dos gauleses Idade Média líder militar Soberano definiu seu estilo imperial de escrita Calígrafos Escrita Carolíngea Linha do tempo 800 Estilo Romântico Modificação de letras tradicionais inspirado em escritas rústicas Experimentação geométrica Linha do tempo Século XI a XV Letra negra e rotunda Alta idade Média estilo medieval Páginas densas e carregadas Estilo gótico Letras apertadas Baixo custo para livros Linha do tempo 1450 Renascença Novo processo de escrita para edições Johannes Gutenberg Disseminação acessibilidade baixo custo Adaptação de uma prensa de uvas Impressão da Bíblia de 42 linhas Linha do tempo A materialização das letras em metal limitou drasticamente os caprichos da estética da letra manuscrita mas também anulou as variações e os erros dos copistas Em vez de manuscritos e de caligrafia passamos a ter uma tipografia A partir deste ponto serão os mestres tipógrafos que orientam a evolução das letras Com o advento da fundição de tipos passamos a falar de letras fundidas de founts de fontes Linha do tempo A rápida reprodução de textos com tipos móveis levados ao prelo foi um acelerador decisivo para a difusão das ideias do Humanismo da Renascença e também depois de 1500 do Protestantismo ajudando a levar a termo o sombrio período da Idade Média e o monopólio cultural da Igreja Católica Bulas e panfletos propaganda religiosa foram os primeiros meios de comunicação de mas as que saíram dos prelos de Gutenberg e sócios em Mainz Mas em breve apareceria a primeira obramestra tipográfica o primeiro livro impresso na Europa DIALOGVS Linha do tempo O processo da escrita de um livro era manual muito trabalhoso e demorado O alemão Johann Gutenberg criou o primeiro processo de impressão usando tipos móveis em letras de madeira e mais tarde de metal O primeiro livro produzido em massa foi A Bíblia de Gutenberg em 1454 conhecida como a Bíblia de quarenta e duas linhas Johannes Gutenberg inventor da tipografia moderna Oficina de Gutenberg reconstruída em 1960 Linha do tempo O processo básico de Gutenberg era um perfurador feito do aço com uma imagem espelhada da letra a qual era pressionada em um metal e formava uma forma da letra Nesta forma era derramado um metal derretido o que dava origem ao tipo Depois cada tipo era posto em uma matriz para dar forma à página do texto esta formava uma espécie de carimbo que pressionado no papel resultava na impressão Dentro de algumas décadas essa tecnologia se espalhou pela Europa Imagem da Bíblia Estilo Gótico Após o término da Idade Média a letra gótica foi sendo substituída pela letra humanista vinda da Itália novo centro da impressão na Europa e nas primeiras décadas do século 20 os tipógrafos do modernismo pregavam o abandono total das raízes góticas na tipografia e sua substituição pela letra sem serifa A relação da letra gótica com a religião pode ser percebida pelo uso deste tipo de letra nas mais diversas manifestações de religiosidade e fé É mais usada pelos fiéis do que pela instituição propriamente dita Um tema que se percebe recorrente é a transcrição frequentemente em latim de passagens bíblicas ou outras frases relacionadas ao assunto Seu uso também é comum na identidade de bandas relacionadas ao rock pesado Segundo Gerard Huerta 2009 o primeiro uso da tipografia gótica associada ao estilo musical foi no lettering que desenhou para um álbum de 1975 da banda Blue Öyster Cult Estilo Gótico A origem da letra Romana No sul da Itália a revolução humanista trazida pela Renascença Italiana levou a uma busca pela retomada dos valores clássicos da Roma antiga e direcionou o foco para o homem em lugar da religião como havia sido na Idade Média Na escrita a letra humanística resultou da união entre as capitulares romanas e um aprimoramento das minúsculas carolíngias Esta nova caligrafia também foi chamada Littera Antiqua latim para letra antiga em referência à revitalização destas duas escritas clássicas Tipos Romanos Garamod 1592 Letra Romana A letra do Iluminismo No século 18 o livro já era considerado fundamental para o avanço intelectual e social o Iluminismo trouxe a valorização do raciocínio e da lógica e refletiuse também na arte e no desenho das letras E a Tipografia passou pelos movimentos Barroco Neoclássico ArtNoveau Revolução Industrial Letras para ver da revolução industrial Com a ascensão da industrialização e do consumo de massas no século 19 veio a explosão da propaganda uma nova forma de comunicação que exigia novas formas tipográficas A utilização da madeira em lugar do chumbo permitia a fabricação de letras em grandes tamanhos para serem aplicadas em placas e cartazes os principais meios de comunicação e publicidade do início da era industrial A nova letra é feita para ser vista em oposição às letras para ler da tipografia para livros Letras para ver da revolução industrial As formas pesadas a ornamentação exagerada a distorção das formas e a mistura de diversos tipos diferentes na mesma composição eram recursos para chamar a atenção do público as necessidades dos anunciantes influenciavam os aspectos estéticos do design de tipos O século 20 e o resgate das letras para ler A Kelmscott Press fundada por William Morris no final do século 19 foi o ramo editorial do movimento Arts and Crafts que pregava a recuperação das práticas e formas medievais na composição dos livros em oposição à deformação das letras usadas na propaganda e da baixa qualidade da matériaprima e do processo produtivo O desenho da página era baseado no cânone medieval com iniciais e frontispícios folha de rosto ricamente ornamentados A letra geométrica do modernismo Paralelamente ao trabalho de Gill na Inglaterra os funcionalistas da Bauhaus desenvolveram uma tipografia puramente geométrica sem nenhum resquício de caligrafia a primeira tentativa de construção de uma fonte universal A letra digital do século 21 A revolução digital facilitou e acelerou um processo até então trabalhoso e demorado de desenho e produção manuais de matrizes tipográficas O número de designers e de fontes tipográficas disponíveis no mercado aumentou exponencialmente e somado a uma tecnologia ainda mal dominada deu origem a uma oferta exagerada de fontes de baixa qualidade Alguns dos Grandes TypeDesigners da História ClássicoOld Style Garamond Alguns dos Grandes TypeDesigners da História Transitório Moderno Calson Alguns dos Grandes TypeDesigners da História Revolução Industrial Morison Alguns dos Grandes TypeDesigners da História Contemporâneo Paul Renner Alguns dos Grandes TypeDesigners da História Bauhaus Tipos Suíços Alguns dos Grandes TypeDesigners da História Contemporâneo Alguns dos Grandes TypeDesigners da História Contemporâneo Adrian Frutiger Trojan Regular Gill Sans Helvetica Regular Univers 55 Verdana Regular Franklin Gothic Book Futura Medium Linha tempo Tipografia Tipografia Processo de impressão obtida pelo contato direto e sob pressão de matrizes em relevo sobre papel ESAMC ESAMC ESAMC GRÁFIC DESIGNER Composição firmada por prendedores metálicos Good Copy Presentation Letraset Format Módulo B Classificação por tipo Com Serifa e Sem Serifa A primeira e mais simples das classificações é conhecidas por muitos leigos mas esta forma não explica a origem dos alfabetos que utilizamos Classificação por tipo Humanistas São originários dos primeiros tipos romanos aparecidos na Itália 14601470 Alfabetos venezianos Italian Old Style Jenson Lutetia Verona Stempel Schneider Classificação por tipo Estilo Antigo Variação das fontes humanistas com modificações nas cxa e cxb Garamond Goudy Palatino Platin e Sabon Classificação por tipo Transicionais Classificação cuja base era precisa projetado para a imprensa Real Francesa Baskerville Bookman Quadriga Antiqua Stone Serif Zapf International Classificação por tipo Modernos A elegância dos tipos e precisão tidos como grande nome Giambattista Bodoni Bell Bodoni Didot Fenice Walbaun Classificação por tipo Slab Serif Definidas pelo próprio nome Aachen American Typewriter Claredon Lubalin Graphs Memphis Classificação por tipo Sem Serifa Só apareceu no século XIX produzido pela fundidora Caslon William Thorowgood produz a Grotesque raiz de todas os tipos bastões Arial Eurostile Frankiln Gill Sans Helvética Kabel Optima Univers Classificação por tipo DisplaysDecorativasFantasias Alfabetos sem origens antigas desenhados com uma falsa ou curta serifa inclassificável em serifadas ou não serifados ou mesmo modernos Cooperplate Belwe Bauhaus Broadway Novarese Poster bodoni Zapf Chancerry Classificação por tipo CursivasScript Em geral são as que apresentam estilo escrito a mão A Ápice Haste ou Barra Serifa Trave Base ou Pé Anatomia Básica do Tipo Anatomia Completa do Tipo Haste horizontal Haste vertical descendente ascendente ojo fechado counter ojo abierto counter bojo orelha ligatura cauda Altura da cx a Altura de x contraste eixo racionalista vertical eixo humanista inclinação da escrita times garamond futura Anatomia do Tipo Altura das maiúsculas Capheight inglês Versalhöhe alemão Altura da letra maiúscula X Esta altura indicada em pontos é a medida da distância da linha base até ao topo de um caractere com o M T U W X Z etc Anatomia do Tipo Alturax xheight inglês Altura da letra minúscula x usada para caracterizar um parâmetro essencial a altura das letras minúsculas em comparação com a altura das maiúsculas Quanto maior for a alturax maiores serão as letras minúsculas relativamente às maiúsculas Anatomia do Tipo Ascendente A parte das letras minúsculas que se prolonga acima da alturax Ascendentes têm as letras d bd f h k l t A linha dos ascendentes que define a altura máxima dos ascendentes pode ser um pouco mais baixa que a linha de altura das maiúsculas este recurso micro tipográfico melhora a legibilidade da fonte e tem sido usado por numerosos typeface designers Anatomia do Tipo Corpo Expressão utilizada para designar o tamanho das letras tendo o ponto como unidade de medida Um alfabeto em corpo 12 tem 12 pontos de altura Anatomia do Tipo Cauda perna Apêndice do corpo de algumas letras g jJ K Q R que fica abaixo da linha de base Nas letras K e R também pode ser chamado perna Diacríticos Sinais pontos e traços que se acrescentam a um caractere para alterar a fonética Por exemplo á à ã å â ä Anatomia do Tipo Ligaduras São letras com conexões com dois ou mais caracteres em uma única posição no teclado As ligaduras podem ser usadas como recurso estilístico de um período Certos pares de letras encostamse umas às outras quando corretamente espaçadas Para melhorar a consistência do texto as fontes apresentam as ligaduras Anatomia Ligaduras Uma ligadura fi em Garamond 12 pt Métrica e Ajustes Ópticos Entrelinhas A entrelinha é o espaço colocado entre duas linhas de texto O inglês leading vem das tiras de chumbo lead que eram usadas para este efeito A medida da entrelinha é a medida da linha de base à linha de base Ajustes Ópticos Eixos É o ângulo de inclinação característico das letras b c e g o p e q ROCHA 2001 Sua classificação só pode ser feita quando a fonte é modulada ou seja existe variação no traço Classificação por série As fontes também são classificadas por série veja abaixo Quanto à LARGURA Quanto ao PESO ou tonalidade Quanto à INCLINAÇÃO Classificação por série Largura estreitos condenseds Normais largos extendends Classificação por série PESO ou TONALIDADE claros lights normais mediuns escuros bolds Classificação por série Inclinação Redondo Itálico Classificação por altura As fontes também podem se apresentar em CAIXA ALTA letras maiúsculas caixa baixa letras minúsculas DESIGN caixa alta design caixa baixa Design caixa alta e baixa Classificação por altura Existem ainda as variações VERSAIS Caixa alta VERSALETE Todas as letras estão em caixa alta porém a letra maiúscula é um pouco maior do que a altura x VERSALETE Métrica e Ajustes Ópticos Entreletra Tracking Espaço entre as letras e os demais glifos de um dado corte de uma fonte com valor prédefinido Este valor é apropriado para o corte e a largura média dos caracteres Além deste espaçamento que é válido para a totalidade dos glifos os pares de kerning servem para ajustar de forma mais satisfatória certos pares de letras O tracking pode ser normal default solto ou apertado O valor por defeito é um espaçamento préajustado pelo autor da fonte que tem relação direta com as qualidades estéticas da fonte Encrenca Encrenca Encrenca AVIÃO AVIÃO Anatomia e Ajustes Ópticos Kerning Ajustamento individual do espaço entre duas letras para compensar o excesso ou a escassez de espaço entre as mesmas derivados do desenho desses caracteres em particular Não confundir com o tracking O kerning vem definido em pares de kerning Kerning pairs Anatomia e Ajustes Ópticos Vamos treinar kerning httptypemethodac Anatomia e Ajustes Ópticos CASO NÍVEA Espacejar letras não diz respeito à matemática diz respeito as contra formas das letras e em como elas se relacionam umas com as outras Em um logotipo diz respeito a como todas as letras se relacionam entre si Pura óptica Anatomia e Ajustes Ópticos CASO NÍVEA Reparem as compensações nas pontas do V e A como mostramos no primeiro exemplo acima Anatomia e Ajustes Ópticos CASO NÍVEA E é por questões ópticas que o espaço entre NI no logo da Nivea parece ser maior quando na verdade os outros pares de letras estão compensando a distância opticamente Por conta do V e do A todas as outras letras quase encostam umas nas outras Pura óptica Pura compensação de contraformas para que a palavra escrita fique com um ritmo mais harmonioso Antes de encerrar quero só mostrar como ficaria esse logotipo se todos os pares de letras tivessem as mesma distância que existe entre NI levando em consideração que nesse caso eles IVEA que foram ajustados NIVEA Ajustes Ópticos APLICAÇÃO DA METODOLOGIA ATIVA Peer to Peer Item 23 Anatomia e Ajustes Ópticos Módulo C Família Tipográfica A família tipográfica possui a mesma características estilísticas fundamentais porém apresentadas com variações de espessura largura altura e outros detalhes Algumas destas variações são mais frequentes nas famílias tipográficas e recebem nomes que se tornaram conhecidos pelo público em geral tais como bold negrito light claro regular itálico versalete dentre outros Light Regular Bold Black Helvetica Neue 25 Ultra Light Helvetica Neue 35 Thin Helvetica Neue 45 Light Helvetica Neue 55 Roman Helvetica Neue 65 Medium Helvetica Neue 75 Bold Helvetica Neue 85 Heavy Helvetica Neue 95 Black Família Tipográfica Família Thesis Lucas de Groot LucasFonts 1994 Família Tipográfica A superfamília Thesis foi inicicialmente publicada em 1994 Foi criada como um sistema versátil tipográfico com um ambicioso escopo ela nasceu da insatisfação com a pouca oferta de boas tipografias disponíveis para projetos corporativos Thesis pretende preencher essa necessidade com três estilos compatíveis entre sí com uma harmoniosa variação de 08 pesos incluindo Itálico para cada peso TheSans TheMix TheSerif Família Tipográfica O projeto Thesis A família Thesis foi expandida através dos anos e agora as versões TheSans e TheMix apresentam larguras Normal Condensed and SemiCondensed Além dessas 03 larguras ultranarrow estão disponíveis também TheSans apresenta subfamilias para usos específicos TheSans Mono uma série monospaced para computadores e usos similares TheSans Hair Uma série de 07 pesos leves para ultralight magazines e anúncios de cabeçalhos TheSans Typewriter Um set de 04 fontes tipo máquina de escrever TheSans Arabic A versão em árabe da TheSans FAMÍLIA THESIS Este não é um livro sobre fontes mas sobre como utilizálas As fontes são recursos essenciais ao designer gráfico assim como o vidro a pedra o aço e OUTROS MATERIAIS SÃO ESSENCIAIS AO ARQUITETO ALGUNS DESIGNERS CRIAM suas próprias fontes mas a grande maioria preferirá vasculhar a vasta biblioteca de fontes já existentes escolhendoas e combinandoas de acordo com a audiência ou situação Selecionar tipos com perspicácia e sabedoria requer conhecimento de como e porque os tipos evoluíram A história da tipografia reflete uma tensão contínua entre a mão e a máquina o orgânico e o geométrico o corpo humano e os sistemas abstratos Essas tensões marcaram o nascimento da letra impressa há cinco séculos e continuam a energizar a tipografia hoje A escrita ocidental foi revolucionada no início do Renascimento quando Johannes Gutenberg introduziu o tipo móvel na Alemanha Até então documentos e livros haviam sido escritos à mão mas a impressão com tipos mobilizou todas as técnicas de produção em massa Dingbats DINGBATS é um ornamento tipográfico digital Acreditase que o termo dingbat tenha surgido nas antigas oficinas tipográficas como uma onomatopéia ding sendo o barulho de quando se batia to bat nos ornamentos fixados na rama antes do entintamento com o objetivo de preencher alguma incômoda área vazia próxima a um texto ou ilustração DINGBATS um bom exemplo Dispostas em colunas para comparação as quatro fontes da família MANGUEBATS Em 2004 o projeto foi selecionado e exposto na 1ª Bienal Letras Latinas no 2º Salão Pernambuco Design e na 7ª Bienal Brasileira de Design Gráfico da ADG Brasil onde recebeu o Troféu Destaque do júri MANGUEBATS 1 Leonardo Buggy e Plínio Uchôa Moreira é o que mais explora o humor e o traço solto MANGUEBATS 2 Leonardo Buggy e Gustavo Gusmão segue um caminho mais clean geométrico minimalista MANGUEBATS 3 Buggy Bosco e Kboco clean geométrico minimalista são incrementados com linhas angulosas e referências urbanas tecnológicas e cibernéticas MANGUEBATS 4 Bosco Buggy Gustavo Gusmão e Plínio Uchôa Moreira A linguagem dos fanzines xerocados com fotos em preto e branco no que seria a abordagem mais realista Módulo D SOM COR IMAGEM Tipologia e Legibilidade A tipologia deve apresentar bom impacto visual quando necessário e zelar pelo entendimento da mensagem sempre Tipologia e Legibilidade Cuidado com as escolhas TEXTO TODO COMPOSTO EM CAIXAALTA ATRASA A LEITURABILIDADE E OCUPA APROXIMADAMENTE MAIS 50 DE ESPAÇO TEXTO EM CAIXAALTA É GERALMENTE ACEITÁVEL EM TÍTULOS SUBTÍTULOS E LEGENDAS DE FIGURAS T e x t o c o m p o s t o f o l g a d a m e n t e s e r á m u i t o c a n s a t i v o p a r a o s o l h o s d o l e i t o r A s p a l a v r a s n ã o f o r m a m u m c o n j u n t o e l e v a m m u i t o t e m p o a s e r e m d i s t i n g u i d a s p o r q u e o e s p a ç a m e n t o e n t r e l e t r a s é g r a n d e d e m a i s Tipologia e Legibilidade Cuidado com as escolhas Textocompostodeumaformaapertada tightly será difícildeler Asletraslevammuitotempoa seremdistinguidaspoisoespaçamentoentreelas é inadequado Design gráfico impresso A Página Em texto contínuo as letras minúsculas são melhores que as maiúsculas devido às ascendentes e descendentes que ajudam a formar a imagem da palavra EM TEXTO CONTÍNUO AS LETRAS MINÚSCULAS SÃO MELHORES QUE AS MAIÚSCULAS DEVIDO ÀS ASCENDENTES E DESCENDENTES QUE AJUDAM A FORMAR A IMAGEM DA PALAVRA Em texto contínuo e longo a serifa organiza e cria uma linha imaginária na base das palavras que organiza o campo visual facilitando a leitura Em texto contínuo e longo a serifa organiza e cria uma linha imaginária na base das palavras que organiza o campo visual facilitando a leitura Design gráfico impresso A Página O tamanho das letras depende da distância de leitura Como regra prática o tamanho das maiúsculas deve ser pelo menos 1200 da distância de leitura Ex em cartazes para uma distância de 1m a letra deve ter pelo menos 5mm de altura Ex Letras maiúsculas na tela do computador devem ter pelo menos 3mm Design gráfico impresso A Página O espaçamento entre linhas depende do comprimento das linhas Quanto maior o comprimento maior deve ser o espaçamento A regra geral é de que o espaçamento deve ter 130 do comprimento da linha O espaçamento entre linhas depende do comprimento das linhas Quanto maior o comprimento maior deve ser o espaçamento A regra geral é de que o espaçamento deve ter 130 do comprimento da linha O alinhamento do texto pela margem esquerda facilita sua leitura uma vez que os olhos voltam sempre para a mesma posição na linha seguinte Não há portanto necessidade do de procurarmos o início da frase na próxima linha Além disso há um fator cultural na nossa escrita a leitura se dá sempre da esquerda pra direita e de cima para baixo O alinhamento do texto pela margem esquerda facilita sua leitura uma vez que os olhos voltam sempre para a mesma posição na linha seguinte Não há portanto necessidade do de procurarmos o início da frase na próxima linha Além disso há um fator cultural na nossa escrita a leitura se dá sempre da esquerda pra direita e de cima para baixo Tipologia e Legibilidade Cuidado com as escolhas No meio digital escrever em caixa alta significa GRITAR Num texto destacar uma palavra com a variante itálica italic é muito mais subtil do que fazêlo com a variante negra bold Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Sem hierarquia Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso bold Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Cor Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente BIENAL DE VENEZA 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Maiúscula Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Alinhamento Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Entrelinha Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso Cor e Alinhamento Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente BIENAL DE VENEZA 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso tamanho entrelinha maíuscula A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 1 Parágrafo em Times New Roman Estilo Antigo Lemos sem problemas o texto acima pois a serifa nos ajuda a fazer um respiro entre as letras A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 2 Parágrafo em Zapfino Script Manuscrita Caudas e Ascendentes irregulares e entrelinhas que parecem variar de tamanho A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 2 Parágrafo em Avant Garde Sem Serifa Há uma certa altura a leitura começa a se confundir e enxergam vários circulos 3 outdoors que se estivessem escritos com outra tipologia sua mensagem não faria sentido Agência Fischer Justus Cliente Santa Casa de Misericórdia Saiba porque o telescópio Hubble não está mais vendo os planetas assim Agência The Martin Agency Cliente Science Museum of Virginia Agência The Richards Group Cliente ChickfilA APLICAÇÃO DA METODOLOGIA ATIVA Peer to Peer Item 43 Fonte Vernacular Encontradas no cotidiano das pessoas De uso trivial próprio com características peculiares A utilização do termo vernacular é empregada para definir aqueles artefatos autênticos da cultura de determinada região geralmente produzidos à margem do design oficial Assim o design com influência do vernacular é aquele que provém diretamente das tradições culturais de cada povo que são passadas adiante de geração em geração de maneira informal FINIZOLA 2009 p 120 Fonte Vernacular Módulo E Tipografia no meio digital Tanto no meio digital como no meio impresso a tipografia tem as mesmas características de uso e são basicamente orientadas pelas mesmas regras O tipo de letra que utilizamos deve ser visualizado com clareza pelos usuários em tela ou seja computadores celulares tablets ebooks displays entre outros deve estar evidente e dispor de espaço entre linhas para uma boa leitura O controle de contraste entre as formas e os espaços vazios é também fundamental para obterse uma boa legibilidade contra stress barulho e confusão touc da celsão 9517834 Hierarquia de informação Os títulos subtítulos notas explicativas de desenhos e fotos ou outros tipos de textos precisam ter outras configurações para que o leitor possa distinguir facilmente um texto de outro Hierarquia de informação No meio Impresso a leitura se faz mais linearmente há um padrão e modelo de orientação e a tipografia aciona esse modelo através dos Títulos Subtítulos Capitulares Hierarquia de informação No meio digital há leitura pode ser não linearmente com modelos de orientação mais abertos e ausência de padrões rígidos de orientação e a tipografia aciona esse modelo através dos Títulos Menus Códigos pictográficos verbais SOLLIDAY LAW CLIENT TESTED PEER APPROVED Business Transactions Taxation Real Property Law Business Law Estate Planning Real Estate Transactions Design de Interface e a tipografia Informação adequada ao meio de forma clara útil e eficiente Se os textos de uma plataforma digital mantêm uma aparência integrada ao sistema o mesmo tamanho cor etc o usuário terá uma maior sensação de controle ao navegaroperar determinado meio A tipografia desempenha então papel fundamental no sucesso do entendimento da mensagem por esse meio
Send your question to AI and receive an answer instantly
Preview text
ESAMC Tipografia Módulo A Introdução Tipografia vem do gregos typographia e quer dizer escrita com tipos Tipografia Tipografia é um ofício que trata dos atributos visuais da linguagem escrita Ela envolve a seleção e a aplicação de tipos a escolha do formato da página assim como a composição das letras de um texto com o objetivo de transmitir uma mensagem do modo mais eficaz possível gerando no leitor destinatário significações produtivas pretendidas pelo destinador Introdução Tipologia é a classificação e caracterização das classes de elementos tipográficos o tipo História da Escrita a Tipografia do Século XX Linha do tempo 3200 aC Escrita Sumeriana Mesopotâmia região do oriente Médio entre rios Tigre e Eufrates hoje parte do Iraque Incisão em barro Desenvolvido p atividade comercial contabilidade registro de propriedade Linha do tempo 3000 aC Escrita sagrada dos faraós Egito caracteres mais pictóricos sugere objetos e conceitos Chamados de hieróglifos pelos gregos 500 aC Hieros sagrado Glyphe entalhe Executados por pintores escultores artesãos Com o surgimento de papiro passou a ser também de escribas Demótica versão cursiva para o povo Escrita jeroglífica egipcia Detalhe de hieróglifos gravados em pedra Os nomes de Ptolomeu e de Cleópatra escritos em hieróglifos Linha do tempo 1600 aC Chineses Dinastia shang de 4500 caracteres p 49000 atualmente Desfavorecida ao sistema de impressão Gerou a língua japonesa caracteres chineses e adição de símbolos Kanji DANCE WOMAN GATE MOTHER Dios Paz Flor Rosa Esperanza Victoria Felicidad Encantador Belleza Amigo Espíritu Suerte Gloria Deseo Amor Linha do tempo 1500 aC Fenícios Fenícia e Palestina Alfabeto fonético registro do som falado Originou as escritas arábicas hebraicas latina e grega Linha do tempo 800 aC Gregos Origem Fenícia adaptada Fenícios letras somente para consoantes Grego consoantes e vogais Ex a letra fenícia aleph som emitido pela glote transformouse na letra alfa correspondente ao som do a Gravações em pedra marfim cera Linha do tempo Pedra de Rosetta Força de invasão Napoleônica Descoberta de hieróglifos demóticas grega Ptolomeu Cleópatra Alexandre Alexandria A Pedra de Rosetta abriga no Museu Britânico de Londres representa no texto superior caracteres em hieróglifos no setor central caracteres demóticos e na parte inferior caracteres em grego Linha do Tempo 100 aC Alfabeto romano Adaptado do grego e da escrita etrusca Etrúria península itálica hoje Toscana e Úmbria Difícil tradução pouco conhecida Linha do Tempo 325 Império desmorona e leva ao feudalismo Emerge a igreja cristã romana e criase a escrita uncial Do latin uncia duodécima parte do todo referência a medida de polegada Linha do Tempo 500 Carlos Magno Chefe dos gauleses Idade Média líder militar Soberano definiu seu estilo imperial de escrita Calígrafos Escrita Carolíngea Linha do tempo 800 Estilo Romântico Modificação de letras tradicionais inspirado em escritas rústicas Experimentação geométrica Linha do tempo Século XI a XV Letra negra e rotunda Alta idade Média estilo medieval Páginas densas e carregadas Estilo gótico Letras apertadas Baixo custo para livros Linha do tempo 1450 Renascença Novo processo de escrita para edições Johannes Gutenberg Disseminação acessibilidade baixo custo Adaptação de uma prensa de uvas Impressão da Bíblia de 42 linhas Linha do tempo A materialização das letras em metal limitou drasticamente os caprichos da estética da letra manuscrita mas também anulou as variações e os erros dos copistas Em vez de manuscritos e de caligrafia passamos a ter uma tipografia A partir deste ponto serão os mestres tipógrafos que orientam a evolução das letras Com o advento da fundição de tipos passamos a falar de letras fundidas de founts de fontes Linha do tempo A rápida reprodução de textos com tipos móveis levados ao prelo foi um acelerador decisivo para a difusão das ideias do Humanismo da Renascença e também depois de 1500 do Protestantismo ajudando a levar a termo o sombrio período da Idade Média e o monopólio cultural da Igreja Católica Bulas e panfletos propaganda religiosa foram os primeiros meios de comunicação de mas as que saíram dos prelos de Gutenberg e sócios em Mainz Mas em breve apareceria a primeira obramestra tipográfica o primeiro livro impresso na Europa DIALOGVS Linha do tempo O processo da escrita de um livro era manual muito trabalhoso e demorado O alemão Johann Gutenberg criou o primeiro processo de impressão usando tipos móveis em letras de madeira e mais tarde de metal O primeiro livro produzido em massa foi A Bíblia de Gutenberg em 1454 conhecida como a Bíblia de quarenta e duas linhas Johannes Gutenberg inventor da tipografia moderna Oficina de Gutenberg reconstruída em 1960 Linha do tempo O processo básico de Gutenberg era um perfurador feito do aço com uma imagem espelhada da letra a qual era pressionada em um metal e formava uma forma da letra Nesta forma era derramado um metal derretido o que dava origem ao tipo Depois cada tipo era posto em uma matriz para dar forma à página do texto esta formava uma espécie de carimbo que pressionado no papel resultava na impressão Dentro de algumas décadas essa tecnologia se espalhou pela Europa Imagem da Bíblia Estilo Gótico Após o término da Idade Média a letra gótica foi sendo substituída pela letra humanista vinda da Itália novo centro da impressão na Europa e nas primeiras décadas do século 20 os tipógrafos do modernismo pregavam o abandono total das raízes góticas na tipografia e sua substituição pela letra sem serifa A relação da letra gótica com a religião pode ser percebida pelo uso deste tipo de letra nas mais diversas manifestações de religiosidade e fé É mais usada pelos fiéis do que pela instituição propriamente dita Um tema que se percebe recorrente é a transcrição frequentemente em latim de passagens bíblicas ou outras frases relacionadas ao assunto Seu uso também é comum na identidade de bandas relacionadas ao rock pesado Segundo Gerard Huerta 2009 o primeiro uso da tipografia gótica associada ao estilo musical foi no lettering que desenhou para um álbum de 1975 da banda Blue Öyster Cult Estilo Gótico A origem da letra Romana No sul da Itália a revolução humanista trazida pela Renascença Italiana levou a uma busca pela retomada dos valores clássicos da Roma antiga e direcionou o foco para o homem em lugar da religião como havia sido na Idade Média Na escrita a letra humanística resultou da união entre as capitulares romanas e um aprimoramento das minúsculas carolíngias Esta nova caligrafia também foi chamada Littera Antiqua latim para letra antiga em referência à revitalização destas duas escritas clássicas Tipos Romanos Garamod 1592 Letra Romana A letra do Iluminismo No século 18 o livro já era considerado fundamental para o avanço intelectual e social o Iluminismo trouxe a valorização do raciocínio e da lógica e refletiuse também na arte e no desenho das letras E a Tipografia passou pelos movimentos Barroco Neoclássico ArtNoveau Revolução Industrial Letras para ver da revolução industrial Com a ascensão da industrialização e do consumo de massas no século 19 veio a explosão da propaganda uma nova forma de comunicação que exigia novas formas tipográficas A utilização da madeira em lugar do chumbo permitia a fabricação de letras em grandes tamanhos para serem aplicadas em placas e cartazes os principais meios de comunicação e publicidade do início da era industrial A nova letra é feita para ser vista em oposição às letras para ler da tipografia para livros Letras para ver da revolução industrial As formas pesadas a ornamentação exagerada a distorção das formas e a mistura de diversos tipos diferentes na mesma composição eram recursos para chamar a atenção do público as necessidades dos anunciantes influenciavam os aspectos estéticos do design de tipos O século 20 e o resgate das letras para ler A Kelmscott Press fundada por William Morris no final do século 19 foi o ramo editorial do movimento Arts and Crafts que pregava a recuperação das práticas e formas medievais na composição dos livros em oposição à deformação das letras usadas na propaganda e da baixa qualidade da matériaprima e do processo produtivo O desenho da página era baseado no cânone medieval com iniciais e frontispícios folha de rosto ricamente ornamentados A letra geométrica do modernismo Paralelamente ao trabalho de Gill na Inglaterra os funcionalistas da Bauhaus desenvolveram uma tipografia puramente geométrica sem nenhum resquício de caligrafia a primeira tentativa de construção de uma fonte universal A letra digital do século 21 A revolução digital facilitou e acelerou um processo até então trabalhoso e demorado de desenho e produção manuais de matrizes tipográficas O número de designers e de fontes tipográficas disponíveis no mercado aumentou exponencialmente e somado a uma tecnologia ainda mal dominada deu origem a uma oferta exagerada de fontes de baixa qualidade Alguns dos Grandes TypeDesigners da História ClássicoOld Style Garamond Alguns dos Grandes TypeDesigners da História Transitório Moderno Calson Alguns dos Grandes TypeDesigners da História Revolução Industrial Morison Alguns dos Grandes TypeDesigners da História Contemporâneo Paul Renner Alguns dos Grandes TypeDesigners da História Bauhaus Tipos Suíços Alguns dos Grandes TypeDesigners da História Contemporâneo Alguns dos Grandes TypeDesigners da História Contemporâneo Adrian Frutiger Trojan Regular Gill Sans Helvetica Regular Univers 55 Verdana Regular Franklin Gothic Book Futura Medium Linha tempo Tipografia Tipografia Processo de impressão obtida pelo contato direto e sob pressão de matrizes em relevo sobre papel ESAMC ESAMC ESAMC GRÁFIC DESIGNER Composição firmada por prendedores metálicos Good Copy Presentation Letraset Format Módulo B Classificação por tipo Com Serifa e Sem Serifa A primeira e mais simples das classificações é conhecidas por muitos leigos mas esta forma não explica a origem dos alfabetos que utilizamos Classificação por tipo Humanistas São originários dos primeiros tipos romanos aparecidos na Itália 14601470 Alfabetos venezianos Italian Old Style Jenson Lutetia Verona Stempel Schneider Classificação por tipo Estilo Antigo Variação das fontes humanistas com modificações nas cxa e cxb Garamond Goudy Palatino Platin e Sabon Classificação por tipo Transicionais Classificação cuja base era precisa projetado para a imprensa Real Francesa Baskerville Bookman Quadriga Antiqua Stone Serif Zapf International Classificação por tipo Modernos A elegância dos tipos e precisão tidos como grande nome Giambattista Bodoni Bell Bodoni Didot Fenice Walbaun Classificação por tipo Slab Serif Definidas pelo próprio nome Aachen American Typewriter Claredon Lubalin Graphs Memphis Classificação por tipo Sem Serifa Só apareceu no século XIX produzido pela fundidora Caslon William Thorowgood produz a Grotesque raiz de todas os tipos bastões Arial Eurostile Frankiln Gill Sans Helvética Kabel Optima Univers Classificação por tipo DisplaysDecorativasFantasias Alfabetos sem origens antigas desenhados com uma falsa ou curta serifa inclassificável em serifadas ou não serifados ou mesmo modernos Cooperplate Belwe Bauhaus Broadway Novarese Poster bodoni Zapf Chancerry Classificação por tipo CursivasScript Em geral são as que apresentam estilo escrito a mão A Ápice Haste ou Barra Serifa Trave Base ou Pé Anatomia Básica do Tipo Anatomia Completa do Tipo Haste horizontal Haste vertical descendente ascendente ojo fechado counter ojo abierto counter bojo orelha ligatura cauda Altura da cx a Altura de x contraste eixo racionalista vertical eixo humanista inclinação da escrita times garamond futura Anatomia do Tipo Altura das maiúsculas Capheight inglês Versalhöhe alemão Altura da letra maiúscula X Esta altura indicada em pontos é a medida da distância da linha base até ao topo de um caractere com o M T U W X Z etc Anatomia do Tipo Alturax xheight inglês Altura da letra minúscula x usada para caracterizar um parâmetro essencial a altura das letras minúsculas em comparação com a altura das maiúsculas Quanto maior for a alturax maiores serão as letras minúsculas relativamente às maiúsculas Anatomia do Tipo Ascendente A parte das letras minúsculas que se prolonga acima da alturax Ascendentes têm as letras d bd f h k l t A linha dos ascendentes que define a altura máxima dos ascendentes pode ser um pouco mais baixa que a linha de altura das maiúsculas este recurso micro tipográfico melhora a legibilidade da fonte e tem sido usado por numerosos typeface designers Anatomia do Tipo Corpo Expressão utilizada para designar o tamanho das letras tendo o ponto como unidade de medida Um alfabeto em corpo 12 tem 12 pontos de altura Anatomia do Tipo Cauda perna Apêndice do corpo de algumas letras g jJ K Q R que fica abaixo da linha de base Nas letras K e R também pode ser chamado perna Diacríticos Sinais pontos e traços que se acrescentam a um caractere para alterar a fonética Por exemplo á à ã å â ä Anatomia do Tipo Ligaduras São letras com conexões com dois ou mais caracteres em uma única posição no teclado As ligaduras podem ser usadas como recurso estilístico de um período Certos pares de letras encostamse umas às outras quando corretamente espaçadas Para melhorar a consistência do texto as fontes apresentam as ligaduras Anatomia Ligaduras Uma ligadura fi em Garamond 12 pt Métrica e Ajustes Ópticos Entrelinhas A entrelinha é o espaço colocado entre duas linhas de texto O inglês leading vem das tiras de chumbo lead que eram usadas para este efeito A medida da entrelinha é a medida da linha de base à linha de base Ajustes Ópticos Eixos É o ângulo de inclinação característico das letras b c e g o p e q ROCHA 2001 Sua classificação só pode ser feita quando a fonte é modulada ou seja existe variação no traço Classificação por série As fontes também são classificadas por série veja abaixo Quanto à LARGURA Quanto ao PESO ou tonalidade Quanto à INCLINAÇÃO Classificação por série Largura estreitos condenseds Normais largos extendends Classificação por série PESO ou TONALIDADE claros lights normais mediuns escuros bolds Classificação por série Inclinação Redondo Itálico Classificação por altura As fontes também podem se apresentar em CAIXA ALTA letras maiúsculas caixa baixa letras minúsculas DESIGN caixa alta design caixa baixa Design caixa alta e baixa Classificação por altura Existem ainda as variações VERSAIS Caixa alta VERSALETE Todas as letras estão em caixa alta porém a letra maiúscula é um pouco maior do que a altura x VERSALETE Métrica e Ajustes Ópticos Entreletra Tracking Espaço entre as letras e os demais glifos de um dado corte de uma fonte com valor prédefinido Este valor é apropriado para o corte e a largura média dos caracteres Além deste espaçamento que é válido para a totalidade dos glifos os pares de kerning servem para ajustar de forma mais satisfatória certos pares de letras O tracking pode ser normal default solto ou apertado O valor por defeito é um espaçamento préajustado pelo autor da fonte que tem relação direta com as qualidades estéticas da fonte Encrenca Encrenca Encrenca AVIÃO AVIÃO Anatomia e Ajustes Ópticos Kerning Ajustamento individual do espaço entre duas letras para compensar o excesso ou a escassez de espaço entre as mesmas derivados do desenho desses caracteres em particular Não confundir com o tracking O kerning vem definido em pares de kerning Kerning pairs Anatomia e Ajustes Ópticos Vamos treinar kerning httptypemethodac Anatomia e Ajustes Ópticos CASO NÍVEA Espacejar letras não diz respeito à matemática diz respeito as contra formas das letras e em como elas se relacionam umas com as outras Em um logotipo diz respeito a como todas as letras se relacionam entre si Pura óptica Anatomia e Ajustes Ópticos CASO NÍVEA Reparem as compensações nas pontas do V e A como mostramos no primeiro exemplo acima Anatomia e Ajustes Ópticos CASO NÍVEA E é por questões ópticas que o espaço entre NI no logo da Nivea parece ser maior quando na verdade os outros pares de letras estão compensando a distância opticamente Por conta do V e do A todas as outras letras quase encostam umas nas outras Pura óptica Pura compensação de contraformas para que a palavra escrita fique com um ritmo mais harmonioso Antes de encerrar quero só mostrar como ficaria esse logotipo se todos os pares de letras tivessem as mesma distância que existe entre NI levando em consideração que nesse caso eles IVEA que foram ajustados NIVEA Ajustes Ópticos APLICAÇÃO DA METODOLOGIA ATIVA Peer to Peer Item 23 Anatomia e Ajustes Ópticos Módulo C Família Tipográfica A família tipográfica possui a mesma características estilísticas fundamentais porém apresentadas com variações de espessura largura altura e outros detalhes Algumas destas variações são mais frequentes nas famílias tipográficas e recebem nomes que se tornaram conhecidos pelo público em geral tais como bold negrito light claro regular itálico versalete dentre outros Light Regular Bold Black Helvetica Neue 25 Ultra Light Helvetica Neue 35 Thin Helvetica Neue 45 Light Helvetica Neue 55 Roman Helvetica Neue 65 Medium Helvetica Neue 75 Bold Helvetica Neue 85 Heavy Helvetica Neue 95 Black Família Tipográfica Família Thesis Lucas de Groot LucasFonts 1994 Família Tipográfica A superfamília Thesis foi inicicialmente publicada em 1994 Foi criada como um sistema versátil tipográfico com um ambicioso escopo ela nasceu da insatisfação com a pouca oferta de boas tipografias disponíveis para projetos corporativos Thesis pretende preencher essa necessidade com três estilos compatíveis entre sí com uma harmoniosa variação de 08 pesos incluindo Itálico para cada peso TheSans TheMix TheSerif Família Tipográfica O projeto Thesis A família Thesis foi expandida através dos anos e agora as versões TheSans e TheMix apresentam larguras Normal Condensed and SemiCondensed Além dessas 03 larguras ultranarrow estão disponíveis também TheSans apresenta subfamilias para usos específicos TheSans Mono uma série monospaced para computadores e usos similares TheSans Hair Uma série de 07 pesos leves para ultralight magazines e anúncios de cabeçalhos TheSans Typewriter Um set de 04 fontes tipo máquina de escrever TheSans Arabic A versão em árabe da TheSans FAMÍLIA THESIS Este não é um livro sobre fontes mas sobre como utilizálas As fontes são recursos essenciais ao designer gráfico assim como o vidro a pedra o aço e OUTROS MATERIAIS SÃO ESSENCIAIS AO ARQUITETO ALGUNS DESIGNERS CRIAM suas próprias fontes mas a grande maioria preferirá vasculhar a vasta biblioteca de fontes já existentes escolhendoas e combinandoas de acordo com a audiência ou situação Selecionar tipos com perspicácia e sabedoria requer conhecimento de como e porque os tipos evoluíram A história da tipografia reflete uma tensão contínua entre a mão e a máquina o orgânico e o geométrico o corpo humano e os sistemas abstratos Essas tensões marcaram o nascimento da letra impressa há cinco séculos e continuam a energizar a tipografia hoje A escrita ocidental foi revolucionada no início do Renascimento quando Johannes Gutenberg introduziu o tipo móvel na Alemanha Até então documentos e livros haviam sido escritos à mão mas a impressão com tipos mobilizou todas as técnicas de produção em massa Dingbats DINGBATS é um ornamento tipográfico digital Acreditase que o termo dingbat tenha surgido nas antigas oficinas tipográficas como uma onomatopéia ding sendo o barulho de quando se batia to bat nos ornamentos fixados na rama antes do entintamento com o objetivo de preencher alguma incômoda área vazia próxima a um texto ou ilustração DINGBATS um bom exemplo Dispostas em colunas para comparação as quatro fontes da família MANGUEBATS Em 2004 o projeto foi selecionado e exposto na 1ª Bienal Letras Latinas no 2º Salão Pernambuco Design e na 7ª Bienal Brasileira de Design Gráfico da ADG Brasil onde recebeu o Troféu Destaque do júri MANGUEBATS 1 Leonardo Buggy e Plínio Uchôa Moreira é o que mais explora o humor e o traço solto MANGUEBATS 2 Leonardo Buggy e Gustavo Gusmão segue um caminho mais clean geométrico minimalista MANGUEBATS 3 Buggy Bosco e Kboco clean geométrico minimalista são incrementados com linhas angulosas e referências urbanas tecnológicas e cibernéticas MANGUEBATS 4 Bosco Buggy Gustavo Gusmão e Plínio Uchôa Moreira A linguagem dos fanzines xerocados com fotos em preto e branco no que seria a abordagem mais realista Módulo D SOM COR IMAGEM Tipologia e Legibilidade A tipologia deve apresentar bom impacto visual quando necessário e zelar pelo entendimento da mensagem sempre Tipologia e Legibilidade Cuidado com as escolhas TEXTO TODO COMPOSTO EM CAIXAALTA ATRASA A LEITURABILIDADE E OCUPA APROXIMADAMENTE MAIS 50 DE ESPAÇO TEXTO EM CAIXAALTA É GERALMENTE ACEITÁVEL EM TÍTULOS SUBTÍTULOS E LEGENDAS DE FIGURAS T e x t o c o m p o s t o f o l g a d a m e n t e s e r á m u i t o c a n s a t i v o p a r a o s o l h o s d o l e i t o r A s p a l a v r a s n ã o f o r m a m u m c o n j u n t o e l e v a m m u i t o t e m p o a s e r e m d i s t i n g u i d a s p o r q u e o e s p a ç a m e n t o e n t r e l e t r a s é g r a n d e d e m a i s Tipologia e Legibilidade Cuidado com as escolhas Textocompostodeumaformaapertada tightly será difícildeler Asletraslevammuitotempoa seremdistinguidaspoisoespaçamentoentreelas é inadequado Design gráfico impresso A Página Em texto contínuo as letras minúsculas são melhores que as maiúsculas devido às ascendentes e descendentes que ajudam a formar a imagem da palavra EM TEXTO CONTÍNUO AS LETRAS MINÚSCULAS SÃO MELHORES QUE AS MAIÚSCULAS DEVIDO ÀS ASCENDENTES E DESCENDENTES QUE AJUDAM A FORMAR A IMAGEM DA PALAVRA Em texto contínuo e longo a serifa organiza e cria uma linha imaginária na base das palavras que organiza o campo visual facilitando a leitura Em texto contínuo e longo a serifa organiza e cria uma linha imaginária na base das palavras que organiza o campo visual facilitando a leitura Design gráfico impresso A Página O tamanho das letras depende da distância de leitura Como regra prática o tamanho das maiúsculas deve ser pelo menos 1200 da distância de leitura Ex em cartazes para uma distância de 1m a letra deve ter pelo menos 5mm de altura Ex Letras maiúsculas na tela do computador devem ter pelo menos 3mm Design gráfico impresso A Página O espaçamento entre linhas depende do comprimento das linhas Quanto maior o comprimento maior deve ser o espaçamento A regra geral é de que o espaçamento deve ter 130 do comprimento da linha O espaçamento entre linhas depende do comprimento das linhas Quanto maior o comprimento maior deve ser o espaçamento A regra geral é de que o espaçamento deve ter 130 do comprimento da linha O alinhamento do texto pela margem esquerda facilita sua leitura uma vez que os olhos voltam sempre para a mesma posição na linha seguinte Não há portanto necessidade do de procurarmos o início da frase na próxima linha Além disso há um fator cultural na nossa escrita a leitura se dá sempre da esquerda pra direita e de cima para baixo O alinhamento do texto pela margem esquerda facilita sua leitura uma vez que os olhos voltam sempre para a mesma posição na linha seguinte Não há portanto necessidade do de procurarmos o início da frase na próxima linha Além disso há um fator cultural na nossa escrita a leitura se dá sempre da esquerda pra direita e de cima para baixo Tipologia e Legibilidade Cuidado com as escolhas No meio digital escrever em caixa alta significa GRITAR Num texto destacar uma palavra com a variante itálica italic é muito mais subtil do que fazêlo com a variante negra bold Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Sem hierarquia Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso bold Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de Veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Cor Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente BIENAL DE VENEZA 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Maiúscula Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Alinhamento Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Entrelinha Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente Bienal de veneza 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso Cor e Alinhamento Hierarquia Visual Pense com os sentidos Sinta com a mente Arte no tempo presente BIENAL DE VENEZA 52ª Exposição de Arte Internacional 10 de Julho a 20 de Novembro Pavilhão Nacional Projetos e Exposição Paralela Peso tamanho entrelinha maíuscula A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 1 Parágrafo em Times New Roman Estilo Antigo Lemos sem problemas o texto acima pois a serifa nos ajuda a fazer um respiro entre as letras A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 2 Parágrafo em Zapfino Script Manuscrita Caudas e Ascendentes irregulares e entrelinhas que parecem variar de tamanho A seguir o mesmo parágrafo de um livro em 3 tipologias todas com mesma entrelinha e texto justificado Exemplo 2 Parágrafo em Avant Garde Sem Serifa Há uma certa altura a leitura começa a se confundir e enxergam vários circulos 3 outdoors que se estivessem escritos com outra tipologia sua mensagem não faria sentido Agência Fischer Justus Cliente Santa Casa de Misericórdia Saiba porque o telescópio Hubble não está mais vendo os planetas assim Agência The Martin Agency Cliente Science Museum of Virginia Agência The Richards Group Cliente ChickfilA APLICAÇÃO DA METODOLOGIA ATIVA Peer to Peer Item 43 Fonte Vernacular Encontradas no cotidiano das pessoas De uso trivial próprio com características peculiares A utilização do termo vernacular é empregada para definir aqueles artefatos autênticos da cultura de determinada região geralmente produzidos à margem do design oficial Assim o design com influência do vernacular é aquele que provém diretamente das tradições culturais de cada povo que são passadas adiante de geração em geração de maneira informal FINIZOLA 2009 p 120 Fonte Vernacular Módulo E Tipografia no meio digital Tanto no meio digital como no meio impresso a tipografia tem as mesmas características de uso e são basicamente orientadas pelas mesmas regras O tipo de letra que utilizamos deve ser visualizado com clareza pelos usuários em tela ou seja computadores celulares tablets ebooks displays entre outros deve estar evidente e dispor de espaço entre linhas para uma boa leitura O controle de contraste entre as formas e os espaços vazios é também fundamental para obterse uma boa legibilidade contra stress barulho e confusão touc da celsão 9517834 Hierarquia de informação Os títulos subtítulos notas explicativas de desenhos e fotos ou outros tipos de textos precisam ter outras configurações para que o leitor possa distinguir facilmente um texto de outro Hierarquia de informação No meio Impresso a leitura se faz mais linearmente há um padrão e modelo de orientação e a tipografia aciona esse modelo através dos Títulos Subtítulos Capitulares Hierarquia de informação No meio digital há leitura pode ser não linearmente com modelos de orientação mais abertos e ausência de padrões rígidos de orientação e a tipografia aciona esse modelo através dos Títulos Menus Códigos pictográficos verbais SOLLIDAY LAW CLIENT TESTED PEER APPROVED Business Transactions Taxation Real Property Law Business Law Estate Planning Real Estate Transactions Design de Interface e a tipografia Informação adequada ao meio de forma clara útil e eficiente Se os textos de uma plataforma digital mantêm uma aparência integrada ao sistema o mesmo tamanho cor etc o usuário terá uma maior sensação de controle ao navegaroperar determinado meio A tipografia desempenha então papel fundamental no sucesso do entendimento da mensagem por esse meio