I

II

Atipografiaéaarteeoprocessodecriaçãonacomposiçãodeumtexto,físicaoudigitalmente.Assimcomodesinggráficoemgeral,oobjectivoprincipaldatipografiaédarordemestruturalefor-maàcomunicaçãoimpressa.Tipografiatambéméumtermousadoparaagráficaqueusaumaprensadetiposmóveis(processográficocriadoporJohannesGutenbergnoséculoXV.InicialmenteaprensaerausadaparaproduçãodelivrosmasapartirdoséculoXVIII,foiusada para imprimir jornais, então os únicos veículos jornalísticosexistentes.)

Nagrandemaioriadoscasos,umacomposiçãotipográficadeveserespecialmentelegívelevisualmenteenvolvente,semdescon-siderarocontextoemqueélidoeosobjectivosdasuapublicação.Emtrabalhosdedesigngráficoexperimental,osobjectivosformaisextrapolam a funcionalidade do texto, portanto, questões como alegibilidade,nessescasos,podemserrelativas.

Nousodatipografiaointeressevisualérealizadoatravésdaescolhaadequadadefontestipográficas,composição(oulayout)detexto,asensibilidadeparaotomdotexto,arelaçãoentreotextoeoselementosgráficonapágina.Todosessesfactoressãocombinadosparaqueolayoutfinaltenhauma“atmosfera”ou“ressonância”ap-ropriadaaoconteúdoabordado.Nocasodamídiaimpressa,design-ersgráficos(ouseja,ostipográficos)costumam-sepreocuparcoma

INTRODUÇÃO

III

Pormuitotempo,otrabalhocomatipografia,comoactivi-dadeprojectualeindústriagráfica,eralimitadoaostipógrafos(técni-cosoudesignersespecializados),mascomoadventodacomputaçãográficaatipografiaficoudisponívelparadesignersgráficosemgeraleleigos.

Hojequalquerumpodeescolherumafonte(tipodeletra)e compor um texto simples num processador de texto.Mas essademocratizaçãotemumpreço,poisafaltadeconhecimentoefor-maçãoadequadacriouumaproliferaçãodetextosmaldiagramadosefontestipográficasmaldesenhadas.Talvezosmelhoresexemplosdessefenómenopossamserencontradosnainternet.

Oconhecimentoadequadodousodatipografiaéessencialaosdesignersquetrabalhamcomadiagramação,ouseja,narelaçãodetextoeimagem.Logoatipografiaéumdospilaresdodesigngrá-ficoematérianecessáriaaoscursosdedesign.Paraodesignerqueseespecializanaárea,atipografiacostumarevelar-seumdosaspectos

IV

Esboço da anatomia de uma letra.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

V

Atipografia,palavraoriginadadoidiomagregoquesignifica“typos”,emportuguêsdenominado“forma”e“graphein”traduzidocomo“escrita”éaarteeoprocessodecriaçãonacomposiçãodeum texto.Assimcomonodesigngráficoemgeral,oobjectivodatipografiaédarordemestruturaleformaàcomunicaçãoimpressa.

Namaioriadoscasos,umacomposiçãotipográficadeveserespecialmente legível e visualmente envolvente, semdesconsiderarocontextoemqueélidoeosseusobjectivosasuapublicação.Emtrabalhosdedesinggráficoexperimental,osobjectivosformaisex-trapolamafuncionalidadedotexto,portantoquestõescomoalegi-bilidade,nessescasospodemviranãoserconsideradasdegranderelevância.

A arte tipográfica incorporouvalores estéticosnodecor-rerdosséculos.Obviamente,opatrimónioculturaldahumanidadepreservadopormeiodaescritanãoestárestritoaosurgimentodatipografiaenessesentidorecuaaalgunsmilénios,quandopensamen-tosefactoscomeçaramaserregistadospormeiodeideogramasesignosfonéticos.Essesregistosforamfeitoscomosmaisvariadosinstrumentos e sobre diferentes suportes. Os desenhos das letrasproduzidosporculturasepovosdistintoscontinuamasendoestu-dados,recriadosereaproveitadoscomomatériaprimaparaodesigntipográfico.

Outrofactoraserdestacadoressaltaparaosprojectosdenovas fontes tipográficas apontamemduasdirecções:paraopas-

A HISTÓRIA DA TIPOGRAFIA

VI

Quadratura da letra (Trajan).HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

VII

Oacessoatecnologiaquenosconectaapessoaseimpulsio-na-osavivercorriqueiramentenumaficçãocientifica,abreinúmeraspossibilidades,queseriamimpensáveissemousodetaisferramen-tas.

Aodireccionaloobjectivodacomunicaçãoescritaparaatransmissãofluentedeideias,otextoaindatevedeobservarpadrõesdelegibilidadeadequadosaoolhohumano.Aessesparâmetrosdelinearidadeeconfortodeleitura,culturalmenteestabelecidosduranteséculos, se contrapõem experimentosmais oumenos radicais noscamposeditorial,publicitárioenosdomíniosdawebdesign.Destaformaaleiturapodeserdivididaemdoismomentos:

.primeiroocorreaidentificaçãovisualdamensagem,comtodaasuaidiossincrasiagráfica.

.logoapós,sehouverempatiaporpartedoleitor,esteper-correráo texto,comtodoo tipodeexcessoseruídosnacomuni-cação,fazendocomquecadaideiacapturadasejarecebidacomoumaespéciedeprémio.

Desdeoinício,atipografiaestabeleceurelaçõesque,paraalémdosaspectosestéticoseeconómicos,priorizamfundamental-menteasquestõestécnicas.

Por exemplo, no século XVIII o desing tipográfico im-pulsionou a evolução técnica da impressão. Os responsáveis pelodesenvolvimentodostiposbuscavamamelhorreproduçãodoseutrabalhoedostiposcomgrandecontrasteentreashastesdoscara-

VIII

Impressão de um livro do séc. XVIII.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

IX

Em algunsmomentos ocorrerammudanças significativastaiscomoosurgimentodenovas técnicas,novas tecnologias,comsistemasdeproduçãoereproduçãomaisoumenosrevolucionárias.Aseguir,apresenta-seosprincipaismétodosdecomposiçãoutiliza-dosnatipografia:

. Composição manual: é o mais antigo sistema de com-posiçãotipográficaefoioúnicoatéaofinaldoséculoXIX.Estáemusoatéhoje,empequenasgráficas,emtodoopaís.Nasuaessência,éomesmoquefoiutilizadoporGutenbergnaproduçãodaBíbliade42linhas,em1455.Ostiposdemetacomcaracteresemaltorelevoe invertidos, istoé, ilegíveis, sãoorganizados individualmentenumbastãocomponedor,formandolinhasdepalavras.Depoisdeutiliza-dosnaimpressão,ostipossãodevolvidosaumagaveta,reordenadosparausoposterior.

Cadatipoéfundidoapartirdeumamatriz,comaimagemdocaractereembaixorelevo.Essamatrizéformadaapartirdeoutramatrizemaltorelevo,chamadapunção,esculpidamanualmente.

Aprincipal contribuiçãodeGutenberg foi a invençãodomoldeajustáveis,possibilitandoqueamatrizcomodesenhodeumaletrafossereproduzidomilharesdevezes.Paraisso,eleprecisoudeváriosanosparaaperfeiçoarumrefinadosistema,queviriaafundirosseustiposmóveis.Essatécnicadifundiu-sepelaEuropaeeramosprópriosimpressoresqueproduziamassuasmatrizesefundiamostipos.NofinaldoséculoXVatécnicatipográficajáestavacaracteri-zadacomoofício.

Ostiposdemetalsãofeitosapartirdematrizesespecíficasparacadacorpo,comvariaçõesdedesenhoparadiferentestaman-hos.

X

Johannes Gutenberg.WEB

XI

Suasideiasrevolucionáriasnãoforammuitobemvistaseoreconhecimentosóveioapósasuamorte.

. Composição a quente: em 1884, Otmar Mergenthalerproduziu o primeiro sistemamecânico de composição e fusão detipos,conhecidocomoLinótipo.Esseequipamentoeraformadoporumteclado,ummagazinecommatrizesdotipoaserutilizadoetraziaumafundidoraacopladaaessesistemadedigitação.Quandooop-eradorpressionavaumatecla,amatrizdocaracterecorrespondenteera libertada através de umescaninho e assim sucessivamente, atéformarumalinha,namedidaestipuladapreviamente.

Essalinhaeratransportadamecanicamenteparaafundido-ra,quefundiaumalinhaporvez.Asmatrizeseramtransportadasdevoltaparaomagazineeeramredistribuídasnorespectivoescaninho,ficandodisponíveisparaanovautilização.

. Composição a frio: o primeiro equipamento a usar oprocessofotográficoapareceunomercadoem1974,tendosidonadécadade60queacomposiçãoafrioatingiuoseumáximodesen-volvimento.Emboaparteissofoipossívelgraçasàevoluçãodaim-pressãodeoffset,quepermitiareproduçõescommelhordefiniçãoe,consequentemente,maiorqualidadefinal.Ossistemasdefotocom-posiçãoeramincrivelmentemaisrápidos,comparadosaossistemasmecânicos.Asmatrizestraziamoscaracteresemnegativo,queeramprojectadosemsuportes sensíveis à luzeprocessados fotográfica-mente.

.Sistemadigital:aqui,ostiposdeixaramdeserdefinitiva-mente,osobjectoscompropriedadesfísicaspassaramasersequên-ciasdigitalizadasemcódigobinário,vistasemteladecomputadorou

XII

Máquina Tipográfica inventada por Otmar Mergenthaler.WEB

XIII

Conclui-sequeoprocessoculturaldahumanidadeocorreemciclos,commudançasnoseixosdepoderedeconhecimento.Ahistóriadatipografiareflecteessesmovimentosequasesemprees-tevecondicionadaafactoresdemercado.OscopistasdaIdadeMédiaeramvinculadosaoclero,eaproduçãodelivrosmanuscritoserade-terminadapelosseusmembros.Comaascensãodaburguesia,novosvaloresforambuscadoseo interessepela informaçãofezaparecerumcrescentemercadoprodutoreconsumidor.

XIV

Fotocomposição executada por mim.Retrata a evolução dos processos de impressão.

XV

Classificação dos tipos

Fonte:éumconjuntocompletodecaracteressobomesmoestilo em todosos corpos: caixa alta ebaixa, sinaisdepontuação,acentosenumerais.

Família de tipos: são todas as variações de uma fonte:HelvéticaNarrow,HelvéticaNarrowBold,HelvéticaNarrowBoldOdlique.

Classificação:

•Serifa triangular -elzevir,ex.:TimesNewRoman

OS TIPOS

XVI

Inventor do tipo Times, Morison.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XVII

•Serifa quadrada-egípcio,ex.:GeoSlab

XVIII

Impressão com título em tipo com Serifa Grossa.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XIX

•Serifa linear-didot,ex.:Bodoni

XX

Bodoni.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXI

•Ausência de serifa-ex.:Helvética

XXII

Composição com o tipo que deu origem à Helvetica:Haas Grotesk.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXIII

•Semi sem serifa -ex.:Optima

XXIV

Tipos Gregos, motivo de estudo para muitos tipos semi-serifados.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXV

•Fantasias-ex.:Ruritania

XXVI

Tipos Fantasistas.KRAUSE Jim, “Index Idea”,How Books

XXVII

Fontes digitais:comoadventodocomputadoraadobedesenvolvealinguagempostcriptquepossibilitouumnovoformatodefontevectorial.

•Fontes Adobe Type 1 -apresentamumnóemcada90graus,trazendorefinamentoeprecisãoaodesenho.Paraimpressão.

•Fontes True Type-apresentamumnóemcada45graus,portantoapresentamdefeitosquandoampliados.Parasaídaweb.

XXVIII

Composição com tipos digitais.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXIX

Baseados em estudos feitos por Francis Thibedeau, emmeadosdo séculoXVIII,naFrança, foi estabelecidoasprincipaisfamiliasdeletrasdaimprensa.Sendoelas: •Romanaantiga:CriadapelosfrancesesnoséculoXVIII,inspiradanaescritamonumentalromana,proporcionaaoleitoruminconscientedescansovisual,alcançandoomaiorgraudevisibilidadedetodasasfamilias. •Romanamoderna:CriadapelositalianosnoséculoXVI-II, apresenta uma evolução dos romanos clássicos. Estéticamenteagradáveis,trouxeramumasensívelmelhoranalegibilidadedaslet-ras.

XXX

•EgípciaouSerifaGrossa:Criadacomoadventodarev-olução industrial, no séculoXVIII, tem como caracteristica estru-turalumacertauniformidadenashasteseserifasrectangulares.

•LapidáriaouSemSerifa:CriadanaAlemanhanoséculoXIX, possui caracteres com poucas variações nas suas hastes, cu-jososarrematesnãopossuemserifas.Indicadaparaaconfecçãodehasteseembalagens,masdesaconselhávelparatextoslongos.

•Cursiva:Sãoletrasquenãoseencaixamemnehumadasfamiliasjávistas.Têmhasteseserifaslivres,oqueastornaasmaisilegiveisdetodas,limitandooseuusoadestaques,comnumerolimi-tadodetoquesEstiloantigo:baseiam-senaescritaàmãodosescri-bas,quetrabalhavamcomumapenanamão.Possuemserifassendoquenacaixabaixaelasestão inclinadas.Ênfasediagonal, transição

XXXI

Estilo moderno: Em1700,oaperfeiçoamentodopapel,astec-nicasmais sofisticadas de impressao e um aumento genérico dosdispositivosmecanicosforamfactoresquefizeramcomqueotipotambemsetornassemaismecanico.Enfasevertical,serifashorizon-taisefinas,transiçãogrosso-finoradiacal. Ex.:Bodoni

ESTILOS DE TIPOS

XXXII

Fonte Bodoni.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXXIII

Serifa grossa: surgiu com o conceito de propaganda depois darevoluçãoIndustrial.Tambemchamadaegipcio.Enfasevertical,asserifasemcaixabaixasãohorizontaisegrossas,poucaounenhumatransiçãogrosso-finonostraços. Ex.:NewCenturySchoolbook

XXXIV

Impressão com título em tipo com Serifa Grossa.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXXV

Sem serifa: é o tipo chamado sans serif.A ideia de remover asserifasfoiumprogressotardionaevoluçãodatipologiaenãoobtevemuitosucessoatéoiniciodoséculoXX.Nãoexisteserifaempartealguma,nãohátransiçãogrosso-finonostraços,nemênfaseemnen-humdoseixos. Ex.:AntiqueOlive

XXXVI

Impressão com título em tipo com Sem Serifa.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXXVIIManuscrito: todosos tiposqueparecemserescritosàmão.Sãoengraçados,diferentes,fáceisdeusar. Ex.:Brush-Script

XXXVIII

Manuscrito.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XXXIX

Oprodutor de conteudo eodesigner deve-sepreocuparcom a padronização gráfica que adoptará, respectivamente, naprodução de texto e na solução gráfica da aplicção web. Aplicarpoucavariedadedetipos,evitaumamiscelâneadeletrasqueacabampordificultaraleituraeadefiniçãodeumestiloparaoconjuntodaaplicação.

•Variaçãodetipos-Especialistassugeremqueonúmerodetiposdeletrasutilizadosfiqueemtornodetrês.

Utilize tipos de letra para caracterizar diferentemente otitulo,o textoeasanotações.Aoadoptar,porexemplo, três tipos,pode-sefazerusodassuasvariaçõescomooitálico,oboldeocon-densadoquepermitemumaboamargemdeopções,semcontudo,descaracterizaroestilodapágina.

•A escolhado tipode letra -Embora subjectiva, deve-seconsiderar a legibilidade,ou seja, a facilidadequeo leitordeve terparareconhecerasletras.

•Tipos serifados -Tipos que contêm traços nas extremi-dadesdasletras.Guiamosolhosdoleitordeumaletraparaaoutra,imprimindoritmoefacilitandoa leitura impressa.Ex.:Garamond,Humanistic,Aldine...

•Tipossemserifa(tipobastonado)-Tiposquenãocontêmtraços,sãorectos,utilizadosemtituloselegendascomletrasnofor-

Padrões para WEB

XL

Tipos Digitais.HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de letras”,

Dinalivro

XLI

Bibliografia

MARISCAL Javier, “Design Gráfico Vol.3 e 4”, Salvat

HEITLINGER Paulo, “Tipografia: Origem, Formas e Usos de let-ras”, Dinalivro

KRAUSE Jim, “Index Idea”,How Books

XLII

Tipos Utilizados no Manual

Títulos: Arial Rounded MT Bold a 12 pts

Texto: Apple Garamond a 10 pts

Paginação: Times a 10 pts

Legendas: Times a 6 pts

XLIII

Índice

Introdução (1-3)A História da Tipografia (4-13)Os Tipos (14-39) Serifa Triangular (14) Serifa Quadrada (16) Serifa Linear (18) Ausência de Serifa (20) Semi sem Serifa (22) Fantasias (24) Fontes Digitais (26) EstilosdeTipos(30-37) Estilo Moderno (30) Serifa Grossa (32) Sem Serifa (34) Manuscrito (36) PadrõesWEB(38-39)Bibliografia (40)Tipos utilizados no Manual (41)