Scribd Logo
Upload

Welcome to Scribd!

  • 2-Digitalização - Livro Design Gráfico PDF

    Uploaded by

    Maria João Zeferino
    20 views20 pages

    Original Title

    2-Digitalização_Livro Design gráfico.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    20 views20 pages

    2-Digitalização - Livro Design Gráfico PDF

    Uploaded by

    Maria João Zeferino

    Copyright:

    © All Rights Reserved
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    of 20
    ba PARTE 1 PRnuciPlos - UNIDADE TRES mumoAMeNTOS ne IPOGRAFIA FUNDAMENTOS DE TIPOGRAFIA Tipografia é 0 processo de organizar letras, palavras textos + contexto imaginavel, importantes sm as nuances da tipogt iatividade e senso de expl eito por suas regras e tradi Em design, a tipogratia é a mani linguagem, usando suas quali praticas, e ocupa lugatid comunicacai de poetas coi attisticos como futurismo e relevancia da tipografia como meio envolve o design e a selecao de tipo: la legibilidade e pela comunicacao de in m Juns casos, a experimentacdo estét laem jundo plano em nome de preocuy tics fia expressiva e as let ‘580 goes de io com layouts oaludar jar a visibildade e as nuances da mensagem antes de trabalhar na tela, Essas tapas inicias serdo essenciais para ajudar voce a aprender mais sobre as sutilezas da tipogratia, @ Novo vintage As ras aesannads (ees passes reste nde logotpo era por Tem Lae 2 confguracio daseas ‘ora gra eta poo design de tpos.eouso solve de lon paral pra cri profunddadee estaque O feta gel emna ratio bic, PARTE1 | PRINCIPOS UNIDADETRES FUNDAMENTOS DE TIPOGRAFIA moouloy | Tipagrafia e sentido Por definigo, uma mensagem tipogrsfica deve ‘transmit sentido, para além de sua beleza intrinseca. O sentido @ sua expressio esto no ceme da atividade tipografica, tanto no nivel das palavras individuals como no nivel de passagens inteiras de texto. Chamamos isso de significado linguistico, uma vez que o sentido reside na linguagem. Letras e palavas possuem uma beleza abstrata, que & vista e apreciada por meio de exparimentos com a ana tomia ds tpos, island as formas e separando os ele mentos de letras individuals, muitas vezes revelando as. letras como formas e ndo come abjetoslingusticos car regados de sentido, Mas, ro instante em que as pala vas se materializan sobre a pagina ou na tel, ek mecam a expressar ideias © passam a ser dotadas, dessa qualidade fugaz & qual chamamas sentda. O sig rificado linguistca, um elemento essencial da tipogra- fia, pade ser expresso, controlado e amplificado por meio de varive'stipagraticas como corpo, peso, familia (ou fonts), posicionamento sobre a pagina e espaca~ mento entre letras. 10 no caso das paginas de um lvro, 0s i 1 tipogratia devem fiear em segundo rt processo de compreensti, Mas 0 " as técnicas visuais 0 tempo todo, Wv as mensagens de mado eficaz.E impot~ (segurana para trabalnar com textos des fe ligar a fora tpo~ Baas po Bho geass ingusicorvese algo nara Benn ih id? Un termo atematio BU bubipco importante genre deo Bebe coun nee "i ors cone 8 BI os slomestcs cos i ja vancride Sea slave ester er Bs se dapualade Ir is Bo) dopende de sua capaciiade do aprosetar BB bapnco one paevaspontoedoe poaconameno hs t mo Weltgang Weingart Wem Sande Polina, bem come para tabaho de dig "ineas como Robert Massin Johan Dr @ Apatavra como objeto A toes © Construgio de letras A 8 somba n © Composicao abstrat Fete cop, a fii i Lngeeicn log Sendai: ngapere om Sita: 100 Faria poate: 0 PARTE | PRiuciPOs + UNDADE TRES FUNDAMENTOS DE TPOGRAFA PARTE) |_FRWCRIOS UNDADETRES | -UNDAWENTOS DE MPOGRAFIA ooo? | Anatomia dos tipos © Famine 0 4 exbindo » paramos *ypalce (ace dopo aclhe, ave (ater?) ou barge a Emirs oho sc’ do ero dd rebata ou alae e.r3¢a ou Familiaridade com estrutura basica etipografia, ‘ anatomia do tipo, 6 essencial para entender em que 0s tipos dlferem e quais caracteristicas eles compartilham, e permite ‘0 designer decidir sobre selecionar e usar a multiplicidade de tipos disponiveis hoje. O elemento mais bésico da tipografia é © formato da fonte, e cada tipo tem suas caracteristicas Unicas, tenquanto compartiha uma linguagem basica que descreve suas partes. ‘A terminologis dos pos incl o tamanho da alturrx, a foima do miclo,o estilo da serif (ou sem serifa) © 0 ‘eho da letra (vertical/oblouc). A capacidace de como: far essas caracteristcas entre familias tipograticas es- tabolece um conhecimento essencial acerca do grau de ompatibildade de uma familia especifica. Oferecendo Informacdes vaiosas, ou "marcadores" sobre a forma como as famflas tipogréficas se relacionam com siste- mas de classificacZo, como esto antigo, trarsicional, humarista, modero e serfado/ndo seritado, o conhe- cimento sobre a anatomia dos tipos ajuda os cesigners faldenticare selecionar as famfias adequadas para d- ferentes propésitos, A tecnologia acelerou a criacio de novas familias & produiu versées digiais das clssicas. Hétartas opgdes dlisponive's que a salecdo de uma fama adequada pode ser inmicante. Existem algumas fontes dgitais no mer- ‘ead que sfa de uso limitado, muitas vezes disponiveis para download gratuito, Muitas delas nao tém muito a oferecar om termos de versetiigade e faita-thes certa ‘ualidece aternporal Em seu favor, eas realmente apre= sentam uma aparéncia diferente ou, de oerta forma, ex- perimental, e essas novidades tém sua utlidade em cer- ‘as situacdes, Mas, para uso geral, especialmente quando a legbildade 6 ums preocupacée central, é melhor optar por fontes cléssicas, Os citénos de selegio normalmen- te devern basear-se em uma avaliego cuidadosa da mi- dia, do pli letore do abetivo do design. ‘Tormos essenc! Hé mais de 25 termos anatomicos aplicados as letras Para a tipografia geval, ndo é necessétio conhecer todas eles, mas alguns s8o essenciais pare fazer os jugamen- tos visuals que ajudam na escalha de familias ipograf- cas para diferentes situacées ¢ & importante que voce sela capaz de descrever essas cilerengas de maneira ora. 98 © Atinguagem a letias Cass pars eb do ara era tem su pre ne, formando assen urs “Ieguzgen das eae. © Caractristicas istintivas Corhece: a aso (sto 6 a ncnags ‘ace fa exser ear sia doe sie de clase para ocaizar as fara eogricas dntode len de tempo sia tp arte Jeanonte correta. Por exemple, talvez vooe queira Jer 0 uso da belssima fama co século XVI Bo- {ar un design espectic. Voce deve ser capaz de fie Sus caractersticas incluem um eb vertical e {lio grau de contraste ene os tragas grossos¢finos, ‘dono que a qualidade human sta da fonte é ade~ Jpivao piblco letor e para a mensagem. Jormagdes sobre a dferenca entre as alturas-x das 9 extremamente itis, uma ver cue isso per ue 0 designer escolha toes que so mais cu me~ Jogivois em tamanhos menores. A alturarx & 0 tar pho de um “xem caixa baixa em uma dete-minaca fp aproporcao entre a alturax eas ascendentes © fjlentes das letras em caixa baixa, coma "g’e*h’ Pinon a aparéncia geral ca fonte. Assim como ocorre Jods as decisdes de design, o espago ao redor dos ynontos do desig, sejam ales bpos ou imagens, faz |e da imagem e deve ser levado em corsideracao. les que possuem uma allura-x grance podem preci- iv do mais espaco entrelinhas pera que ndo parecam Wsualmente pesadas sobre a pagina. Fonles com © mesmo corpo podem parecer maiores fh) orores. Futura tem uma eturarx pequena e ascen- Hlpnlosdescendentes longas, enquanto a maiaia das Jiynllas sem serif, coma Helvetica, geralmente pos- ‘Wom grandes aturas-x. Erbora um entendimento ge- {nda torminoiogia tpogrdtica soja adequaco para a Inulovia dos designers, se vocé se interessar pelo de ign de tigos, precisard desenvolver um corhecimento [nino acerca da anatomia dos tiaos em todas as suas wanes, além de possuir um excelente dominio sobre i hist €-a evolugdo da tinogratia, 1234567890 omnes fenPoaletn) endo arhatos 1234567890 Weriownnore, ‘sompostes om Bombo Exc Tipos do | mesmo Testy GhaiGsc Tens New Ran MODULO 2: ANATOMIA DOS IPOS BB @ Media Occ @ Impacto daatturax A aiura-eé © anura-x pequena Etnfortos com ature pens come Cason Fura hh us espaga em brancoacimae ‘bana das eras em enabsna Esso tos so ais es dele, porque o oho conseque ‘moverse ao longo das nas sen dulce Use menos enzalinha parassas fortes ou cogonha em qualquer errr adsoral | Cedi ese um zo main © Atura-x grande Em andl com ature air, como a Bookrran ea Helvetia fala espaco em ance acne cba cas letac om ata bast Sos eepacee em brane mores dato des leas eigen um esaazo mcr orbe as Inhas Aumento a entelnna far quec taceseemais ‘ac dele de med ge "cor onto te para rferirse Acensdadecu txtraca ogra) Soke a ségra que menos pesade. Gotpodnaddcs— ankyaco"s em canabaua:suvaer parton de oase detemngcranhoce tpo em terns feumalnhadetece evi. A lea vara de fanta para ftaliadobase lanl sluras,cona Bede posscem fsalbrascgunis. —unaaturaexpequena,enguanio Enteinta cocspago Ties New Ronen pessu ua grande. vareal ent lnhar ce asc po posse mesma corpo fertae su lor afetnFemias com uma rior altra-x slagiliede do tx tendoma ter ssconsents ddeacendentes anos erase tpoecor allaree mero possuon stcendertes a dastensones maiores : ee nn de base: na stro eps tina ena baa ess qua cam Earmark sear oncaretersca sis co cetieasrs cura fama pari Compre: onarbo oat douna fers 72 ports enura plata iafetee: rgd ag uve do musi ‘depen en uo. Pasar cbrarnto ‘sonacoemleras como. Anatomia da tp: ingen sn pte escorts pres dsl. Alara aise era emia baa. anfiatgoaia, © VER TaMBEM: CoMPREENSAO ESELEGAO DE FONTES, p65 nto corpo | parecem ter tamanhos diferentes | porque possuem | diferentes | alturas-x | PARTE1 | PRINCIPOS UNDADE TRES | FUNDAMENTOSDETPOGRAFA moouos Compreensio e selegao de fontes Desde a introduce dos tipos digitais, o numero de fontes disponiveis vem crescendo exponencialmente. E virtualmente impossivel conhecer todas as fontes ou ser capaz de fazer referéncia a todos os seus atributos. Mas sempre é vantajoso conhecer 0 pano de fundo historico de ‘uma familia tipogratia, uma vez que isso pode aludar @ relacioner suas. ccaracteristicas com 0 conteddo do texto. Selecdo e compreensio de fontes ‘s80 uma questio complicada, que se torna cada vez mals fécil com a pratica. Por exemplo, uma fonte sem serifa como Univers faz referéncia & modernidade de um modo que uma fonte cerfada como Garamond no faz. A Bodoni, ctiada no fim do século XVIl, possui certas curacersticas formals, que, em sua propria er, foram consideradas modemas, enlre elas seu uso do eixo perfeitamente vertical e do contrastemarcade entre linhas grassas efinas destoando das fontes do estilo antigo baseadas em formas dese ‘nhadas & pena. Em um conlexto moderne, essa fonts std associada ao classicsmo e & histéva, Embora possa ser usada de forma contemgoranea, é importante entender a hisléria @ as associagdes da Bodon, e levar esses aspectos em consideracio na hora de usta oAad oAad oAad oAad eno regan askewvileseqlar Bodoni Book @ Fontes de jornal Entender« orgem « as relecnciashistéreas de ura Arries emerson fonte, bem como suas caracteristicas formas (visuis),é sts pla pimeiawez er essence quanda se tata de fazer oscoas. tas kdea Soe Em temmos gers fariias contemporineas como inet imams Futura e Univers tendem a furcionar em contexos Smconncom ontes, ‘moderns, enquanto tips raiionis como Garamond Seiad om umjoral so mais adequados @ um clissico da litratura, por fanct de 1808. Aes sxampio. Naluralnente, & possi bincar com todas Tare aos os tos 5 convengées e viola as regras, mas, primeio, é tmanchetesdejonais necesséro tr um entendiment plo do seu sigr San ctmosins noise cada, Pesquse« lia hvos sore a hislia do design “ates anisnoo griic, uma vez que © passado do design Serpe smn solasns infuencia seu presente. oAad oAad oAa pee See eee eee capa ee ‘amides upogratices: ‘po eculo XX. Gil Sans. (apenas om meldsculas) Seen ceeeeen, eerie, == ee eens en any Dalaneones eS 1e examinar os diverses ‘atares envahidos na Wola de um tipo, vale a pena considerar as caracte- ‘Viens gerais em que as fortes podem ser incluidas:os Wilornas de classificaco tipogrfica. A categorzagao Wp pos nao é um pracessa exato, mas um guia rudi- Tienlar pode ajudar s cistinguir as caracterstieas das Tyna tioograficas e aprender sobre os usos adecuar jp} para as civersas familias tipograficas. Eventual- fle, faz-se ums divisdo ical clara entre fontes de ilo © lontes decarativas (display), cada qual com seus Jos citérios de selego, mas também existem for- Jue funciona bem em amas as fungées. los de texto: estilo antigo, transicionals Mmodernas Hhvicamente, as fontes séo feitas para serem lidas de yma continua ou, s0 menos, com poucas intorrupgdes. + Fontes serfadas estilo antigo, como Bembo, Giramond e Caslon, sao idesis pera esse propésita, fos sio consideradas fontes “cléssicas" porque fosistiram a0 teste do tempo e continuam inspirando Jgspelto. Essas fortes ramanas vém sendo usadas ljosde as origens da impressaa, no sécule XV, & filo consi¢eradas humanistas, pois seus designs (yiginas faziam referéncia As caracterstcas cursivas tlos manuscritos. Muito mais tarde, durante os anos 1930, éversas novas *romanas' foram inoduidas © Cissiteacto. Weavtca sio quas its para entener Fre rites (evetuaknenechamadas cesar) We 5 fonts Els peritem colocr a ont em lislico Negrito VERSALETE para coincidir com o nave sistema de composicao 1 quente com monotipos metslicos e muitas das clssicas também foram reformuladas para esse mesmo fim. Times New Raman e Imprint saa bone ‘exemplos desse grupo, conhecide como romaras 0 século XX Mais tarde, os designe’s tpagréticos salemdes Hermann Zapte lan Tschichold contribuiram para esse grupo acrescentando, respaciivamente, Palatino e Sabon. O design das romanas contemporaneas, como a Minion, é feito atualmente usando-se ferramentas digitalis, + Fontes romanas transioionaie nocsuem eixo vertical seriias pronunciadas e adnaias &, na malotia dos casos, um coniraste mécie a ate entre tacos grossos e nas nas letras. Baskerille @ Century Schoolbook so dtimas exemplos disso. termo Sescreve um movimento que se distancia da grupo do estl antiga inluenciada por formas desenhadas pena, em cireco as fortes mademas que se baseiam mais na geometr'a do que na tracado 8 pena traicional, + Fontes serfadas modemas tarroém possuem eixo vertical, mas com um contrast abruplo ent tragos .gross0s e nos, serfas horzontais delicadas e largura fxaestreta (na maior dos casos), Bodoni 6 um dos primeiros e mais célebtes exemplos disso; Walbaum 6 uma versio levemente mais contempornea de ume fente "moderna. diterengas Assholes de cussicacao. Wel bs coe clo conpartnados cor fotes dierent, vrsas porsm elacoras. Por exeplo,asomanas sempre possier Sera, erquant ones humanstas sam arf, coma Sars comperiham popes assoc 20s ta shisto evieualarafoma como seus atiutes fomnas em ese ago coma cor as sen sera mas falas Itilico Negrito VERSALETE Condensada Expandida Condensada Expandida paspa alleys a7 Fontes serfadas estilo antigo ABCabe ABCabe ABCabe ABCabe Times ne orn ABCabe ABCabc ABCabe ABCabe Fontes romanas tradicion ABCabc ABCabe ‘entry set Fontes serfadas moderes ABCabe ABCabe Bote Hi muitas fontes desses trés grupos que abrangem es- ‘sencialmente todos os tipos de trabalho em los. Elas também podem ser enconiradas em catdlagos e revis~ tas, mas esse tipo de publicacao tende a usar outros. grupos tipogréticos com maior frequéncia. Fontes display As grandes mudancas socials do séeulo XIX cfiaram a necessidade de tipografia decorative. A revolugdo in dustrial atraiu as massas para as cidades, aumentando a producdo e o consumo de bens © servigos, o que le vou & necessidade de comunicagso com um pibico maior. As fontes existentes eram usadas essencialmen: te para livos, que eram, na 6poca, limitados & eile. Os impressores achavam que as fontes disponiveis eram inarlequadas para os novos outdoors, cartazes e panle- tos produzides, uma vez que havia multe mais mensa~ gens exibidas em espacos publicas, tedas competindo or atencdo, Fontes mais pesadas ¢ fortes eram neces- sétias para alender as demandas desse nova contexte. ‘Aone sem serfatioha um visual mais ousado ein usta’ juntamente com as serfas quadtadas e as le~ tras modernas espossadas, conhecidas como fontes | F | Stone Sans Semibold Stone Sans Medium Este texto introdutérlo esté composto em Stone Serif Semibotd ste texto estd composto em Stone Serif Mediu. (riada em 1987, a famila Stone consist em ts tipos se fontes— una Serf, uma sm serif uae est Jo informal ~ tod exadas para funcionarem em con- Junto. Os estilos so leives, maleriose inamicos, ‘combinando o antigo © novo, As fonts Stone inte sgramse peretamente ents, dando 3 familia uma ‘asta gama de aplicapes en design, 1 PRICES - UNSOADE TRES FUNDAMENTES BF TIPDGAARA “fat (Go inglés, gordas). Os vitorianos foram inovadores; suas fontes sao cheias de vigor se mantém fascinas ts ainda hoje. O livre Printed Ephemera, de John Lewis, contém excelentes exemplos de fontes display itor nas usadas em cartazes e anincios. Fontes sem serifa e script Com o século XX veio o desenvohimento das fontes sem sotfa, com destaque para a escola Bauhaus, nas déce: {das de 1920 e 1990. Sua filosofia era dar fim as formas tradicionals marcadas pelos ornamentos excessivos, em ‘Pregando o principio de que a “forma acompanha a fun ‘co’ As estruturastipograficas simples precisavam de fontes ‘clean"e funcionais, dai interesse nas familias sem serif, com Seu peso uniform e formas funcionais A famfla Futura fo intraduzida em 1927 @ a Gil Sans {oi ciada dois anos depois. Nas décadas soguintes, fan- les conhecidas como Helvetica € Optima, na Europa, Franklin Gothic e Avant Garde, nos Estados Unidos, rmantiveram as fontes sem serlfa como um dos estos tr pograficos mais populares. Uma vantager das fontes sem serifa 6 0 grande n mera de varacies em potencial dentro de uma mesma @ Harmonia porteta 0s designee toogsticos recentement em proud esi aac ‘sem ser de un mesma orto por exempt Offer Stone vaniagum dso posibicade dd usar ma fone eras para compo foto uma fonte som sritapa tl, abendo que wernzarioperatamenta et ‘exam ids pa unions em conunt, @ Letras elegantes Nests fverpo, a els fom de lea or som cera aparecem enypasgdo deca pagina om Ummterlpromocenl derevsta uae, @ Ronovagio 0 220 esto catan usa a Baska ‘e mod eonterporinas, seirando a frmalsade bo dsgn orignal cinco testis profiad por sctuas quo definem afote (td Sy fo pina CB. EMIGRE Ne19: Starting From ery 9 n PARTE + UNIDADE T familia tipagrética, Em 1987, Adrian Frutigerintraduriu uma familia completa de diferentas pesos o forma ‘quando criou o design da Univers, que inclui 21 varian tes, desde a versio leve candensada (light condensec até a versto em negrita expanida (bold expanded), Selogae de fontes 0 conleide do materiale 0 objetve do di is fatores a considerar para escolh ign sao os ‘Aclareza do design & essencial para a clareza da infor ca; e tipas erifa, coma Interstate, com suas uriforme, sto cfiadas para rmaximizar a legibliade para placas nas autos om serfa também so ideas para pequens sm diagremas, legendas e mapas. fonle Arial uma das mais usadas para textos na tela e na web da fonte pode ajudar na decislo, Por exempl @ Baskerville sio fontes inglesas, a fori taliana ot usado,p fe ler tuda do inicio afin enos segmentos de texto, fontes incomuns im dara idea de nov rancesa, a Goudy é amer + O design de pubieacées pod tendem a abit im pequena trecho, Em pe Sesign. Mas 6 uma boa idea no misturar fontes mum mesmo design em mais vaviedade do que as de texto, porque seu propdsto é expressiva e ndo de a)blidade, por exerpo, design das manche + AS fantes sem serifae de serfaq 10 mais persuasivas @ ousadas do que {a6 fontes para letura por longos periodos. Se voce trabalhando com impr ‘4 imprimindo em tamanhos pequenas, é uma boa ela apostar nas sem serifa. Quando a ek ums proridade, as seifadas sempre tém vantage fo vazada de © ver TanBent © 08 opostos se atraem Som sri oo a Seiten eran oe ull uliulful UU uuuy UU UU uu) ‘uuuu — = T2 PARTE | PRINCIFWS - UNDADE TRES FUNDAMENTES DE TIPOGRARA PARTE 1 | PRINCIPIOS UNIDADE TRES | FUNDAMENTOSDETIFOGRAFIA a Espacamento ménu.os | Entender como lidar com espaco ¢ essencial em lade;e 0 espaco também ¢ parte integrante de qualquer composicéo, sea ela ‘simétrica ou assimétrica. Desenvolva um olhar atento aos detalhes e eve em consideracdo 0 papel da egiblidade @ do sentido & medida ‘que avanga em cada etapa de desenvolvimento do design. tipogratia, ‘espagamento adequado afeta agi Em goral, voc® criard designs que meseardo imagens & texto, na forma de itulos (fontes display) ou texto prin Cipal fontes de texto). O corpo das fontes display varia. «partic de14 pt, © 0 texto principal geralmente fica en- lie Be 14 pt No processo de design vacétord de dec dir acerea de fontes, corpo, largura da linha, espa mento (entre letras, palavras ¢ linhas), Mais tarde, fard ‘os ajustes nacessérias, usando seu alhar como referén- ia, pois ndo existe computador com uma funcao capaz de substturo olharafiado de um designer experiente, Espacamento entre owas ‘Quando voce gia ou importa um texto de um arquivo, © computador compde os tos com uma configuracao de espacamento pada, tanto ene a letras indvidu- ais espacamento entre letras) quanto entre as inhas e texto (entelinha). 0 computador nid & eapar de tor mar as decisdes de ajusc mals soisteado necesséro, Se as letras estdo proximas domats entre si com letras {quase se tocando, 0 espagamonta ene lelias deve sor austado (isso também & chamade de tracking e rla- ciona-se com o kerning, que 6 9 espagamento entre certas letras como A eV, por exemple). Caso clas este- Jam separadas demais toma-se df ostinguc as for mas das palaras indvidvais, o que compromete aleg= biidade. Um dos erros mais comuns de se cameter & ‘compor todo o texto com um espacamento muito pe- {queno ou grande demais, ou, ainda, aceitar as decisdes de espagamento do computador. Os designers devem aprender 0 maximo possivel sobre coma a entrelinha afeia a legibiidade © inluencia a texture geral, casio alent chamada de “tom do texto sobre a pagina E possivel aumentar ou reduzir 0 espaco entre letras pra personalzar umaidela especica, mas esses casos Bo excecdes e devem ser considerados cam cautela, Os designers de tipas para software de edicéo tém 0 ‘cuidado de produzr configuracGes que gerom um bom ‘espacamenta visual om diferentes tamanhos: Mas nun- ccaconfie apenas nisso. Por exempla, dever ser tratadas ‘com cautela as fontes condensadas e as compostas em ‘medidas jusificadas: nesses casos, pequenas aumen- tos ou reducées podem uniformizar 0 espagamento, ou permit que uma palawa caiba denito de uma inha, para tevitar vidvas ou érfs(palavras sozinhas no final de um pardgrafo oun inicio de uma coluna de texto). Objetivos de design O objetivo principal das fontes de tulo e das fontos de texto 6 tentar obter uniformidade visual por meio de uma série de caracteres. Consisténcla & importante, porque os letoresinterpretam as formas das palavras @ do a forma das lelras individuals. Se 0 espacamento O texto emica'xaibaixaiéiumibom iparametro Cespacament ene palais pica baseado na espa equvalent avg do corpo de uma eta am aa baa, © Equilibrio detieado Othoeoenipado teste ‘mantém oeciliiovius com ve ro espagamento ‘enters mesma quand a musaneassgnticaias em ‘scsi Ooseve a cuaoso ‘valent do wspagarents ra plea dostacada ros oeie ‘emg hd mudanca decom «peste atergto so beso lego agein na © VER TaMBEM: ANATOMA DOs TIPOS p84 LEGIBLIOADE € VSIBLIDADE, or irregular, o espago pode ser uma ho, aapalhando a pe 18 importéncia do espacamento uniforme, voce pode impor o texto eran 0 inclusive dentro de uma mesma lish ‘A medida que © corpo do tipe aumenta a regula: pode piorar,exigindo que o designer faca ajustes 6p 08. Esse io das palavra mm aiferentes espacament foblema atinge principalmente as letras argue suas formas ineventes complicam Caracteres com hes juntos, odo como se encaixam ent ‘e°F! quando apa re as lettas indivi sretas,coma I" xigem mais espaco .queles com formas arredondadas, como *0" 6 ‘O?, ou 6 que os que F nais, como *A,"°V; "AL" As elas em algumas palavras podem precisar vem tag 1 ajustes de espacamento para compensar o espaco 50 aconte ddades de espaco, por terem larguras diferente Kerning é a reducao ou aumento do espaco entre ca porque as letras ocupam diferentes quar dos 08 0 Kemning das maiiseulas Kerra suse dpe do erag IEFKHN #:= @ Tipos em movimento Puc Test ests ncorpracon Contralizade: ns 5.239 rele ca in Hiteizagi:opartoergue sien: toca aes aque cuane been theta de unacolrata ines emigre ‘oe dari a a0 pinsranere pr mesial Eeliahs es norenal ceases ete Otero rir 0 zoho Ligadirae 8. 7 Aivte tient Franj: quando o1ao8 omer are palare ac fecasintos ‘ova, avando un ia ‘inhado 8 osqecdltits cc erat om Tracking ore au PARTE 1 Pacis + UNDADE TRES FUMBAMENTOS BE TAPOGRAFIA Espacamento entre palavras Em ttulos, uma forma possivel de medir a quantidade de espago entre as palavras é a largura de um i" em ceaxa baixa, mas isso depende da sensibilidade do de- sign. Em algumas fontes, mais do que o espaco de um “"" pode ampliar a dificuldade de letura. O espacamento entre palavras deve ser analisado ¢ 0 eto de composicio tipogrética é importante nisso. Ha dois estilas basioos de composicéo para letura conti= rn: justificado e alinhado & esquerda. Com a composi ‘20 Justficada, o espacamento id variar, porque as pa- lavras so distanciadas para proencher os requisitos da ‘medida, O espago entre palavras pode tornar-se exces siva, sea medida escolhda for pequena demas ou se a fonte for muito grande. Ahifenizacao pode ser ausiada para unifarmizar 0 espagamento ao maximo, mas @ ‘composigio justificada sempre sord complicada, a no ser que 0 corpo da fonte soa bom planejado em relacdo medida estabelecida. A composiqio de texto justiicay {do sobre uma medida curta com muitas palavras longas 6 problematica, uma vez que isso resulla em menos p3- lavas par linha. eso é muito comum em jornals. ‘Com a composigio alinnada a esquerda, hii a vants- ‘gem de um espacamento consistente entre as palavras. ‘Muitos designers preferem esse esto, embora ainda ppossa haver problemas de lagiblidade e a franja (linhas, OPQOES DE JUSTIFICACAO, ~ ‘sem Hau) ena compoeso |Wetica ao pass quebras do ews Voc pode ver problema de espacamento excess, que formar caminhos erat. ow seh 2.0.20 de hone pose sada a teat o problems do espararorio ‘essv ettpalwas nas ele Intenzar um boeo ataxia com muta equénca expect 3. Ocipacamento exessho ena muitas vezes, Pala pode ver elmead sand samen desloge, esl de conposig iho 3 ‘asa “euinos de rato" fora esque Sem quer pes, ec pedo ene aslnhas oben ‘ura aparece regular 1. Coma compos justified slinhamente tanto & fxquerda quanto &diteta 0 espugament ere palavs varia porque as plays sv dstanciads rcencher os requiitos da ‘medida, Ai € que esto problems. O exo pode omar exces, mente sea medida ‘scold fr poguen dems ose ‘tft fr bastante grand. Iso, resulta em eines deespago em banca gue staves a piginavericalmente «que se estendom além das ouras, causendo inegularida- de) seja una questo importante. O estio da fonte tam bbém tem papel importante no espacamento entre pala~ ‘ras. € possivel ajuster as porcentagens dentro das configuragées de hifenizagdo ejustificaéo (H @ ) dos programas de dagramagao eleica para acaptarse a um espagamento mais comprimido ou mais expandida, ddependeno da lrgura do caractero na fonte em ques dota ezannorral Duar oe 2. Aionizagto pode ser ajustada are uniformizar ao méximo oes Davaments ene paves e vitae ‘xpagamentos deselegantes. As cxpeifoagbs de hienizaao sto conjuntes de regres de hifeniza- {0 automitica que vocé pode ria © aplicar aos paragrafos. Voed pode especificar 0 menor rnimero de eaetetores que dove Prosar uf atomitico deo € 3) ossmero minima de Saraceres gue dvese seguiraum hiten autométeo (0 pad € 2). Essescontoles no feta hfe zag mal rep ied, @ Hed tatenrscso usticacto podem er stad marusinents cam stimo nfo do conv estas oo as eas de ogo do InDesign Cantal edo iran ferntonaaae 3. Coma somposigd linha ‘ssquerda, ved tema vantage de er espacear as paiva de ‘ners eoistente~¢pssivel ‘vir as iiuldadsinrenes 10 texto jostiead. Por iso, muitos designe preferem este xi, mora anda possum ocomst problemas de epbilidad, Conform ji mensionado, estilo ‘portico tabs tem um papel inporiante na quate ‘xpagamento nevesra E possivel fier ajustes por ponentagem nas configurasios ‘ehieniagtosjusieaeao fo winhamento & esquerda nl deve sor h= alo om casos de colunas muito curlas; do I) Yo pode ter linhas de comoriment regular ito Wy leading (entreinha, em portugués) deriva da Jf a quente, na qual ties de chumbo Gad, em Jia posiconadas ertreaslinhas de tipos: assim, J Ao espacamente horizontal ene inhas de tex- Hilo. 0 designer precisaré alustar as irhas ind Wh) yor de usar uma configuragao constante. Cada Jie (po tom um espacamento diferente, de acordo J eceesidade.O papel ca entrelinna torarse mais Jule para comper grandes éreas de texto. NBo ha F999 tolacdo aos alustes de espagamento de lina (os display trata-se de hablicade para desenvo= Hi) sual uniforme e deixar seu olho gutvio Sempre sliver usando fontes disley,analise cada caso. Por Mp. 08 designers ocasionsimente usam entrelinha Wlve(entrelinka cam um valar numérico mais baixe dos tipos). Essa esirtégia pode ser iti para Waporbrcia visual dindmica, mas deve-se ter cautela [lvslquet composigio tipogrtica pode ser beneticia~ or uma entrelinna bem planejads. Fatores coma al- Ji) medida e pese da fonte iafluenciam a ouartida- {lp entrelinha que vocé deve empregar. Pi tu88x E LeGisILIDADE A vllvetica Medium, cada em 17 poi dosigner de pos suico Hix bedinger, 6 umafonte sem fla que possulaturanx Iwlavamente grande em alagio a ns ascendentes e descondentes. Ineo significa que, quando estver ompande um texto com essa Jono, talver voce precise unortar a entreinha para garantie 6 maxi de legibiidade. (Composto em corpo 8 pt, com 12 pontoe de entresna, ov 8/12 ‘© mesmo corpo om Futura ‘Medium, fonte cade em moodos da década de 1920 por Paul Renner © baseada em formas geomevicas simples, possui cltuca-xrlativaments pequena ora ume fonte sem serifa. Mas sues axcendentes « dascendentes longes (perceba 0" ©0"y") Jmplicam que, pare compor textos sande este fonte, voce precisoré inha pare ‘garantro maxim de legibilidade CCompesto em corpo 8 pt, com 12, pontos de entralinha, ov 8/12 pl © Esquerda versus diretta O:esto ainnado aero 6 madera aie de ler que otero aaa & ssquerca porquea shoal 286 find nae acs wistento para inicocaprésiraaka Saas lots (esque orm © Franja antsica spaces absrates crsdes pot orp toga conta Sto usados como eterentor dedeagn ns conpos.eia desta pagina expert ‘tiearui se mantém lars, pasar ds tice da chisSo apigina st texto fi composto no mesmo cose, usando afte serfiada ‘Times New Romin, Fa ‘rind espectcamente para jomal ‘The Times, em 1931, por Staley Morison, Ela possi una art menor em elagao asus ascendentes te descendents , portant, uma sparécia de wma meer soe a piina, de mode que necesita de ens enti, MODULO 4: ESPAGAMENT 75, FRANUA DE TEXTO, Cir Fans para textos linhados & esquerda equer temo, prticae paciéncia. 0 segredo @ chat uma borda deta ‘suave para o texto levando as paras 2. a inha sequirtese evtando formas “duras" e ‘bvas~ por exemploaiagonais pronunciadas ~ que possam cistairo olhar na borda direta do text, Uma regra eral €aternar linha mais longas e mass curtas. Evite usar hiferizago para solucionar ‘quest6es de frarja;é melhor rabalhar com fuxo natual das palawras do texto e inser quebras apenas arde for absolutamentenecessito. ‘nad fonts em xo antigo Baa orgie tl yor ri, nt 1496, pos a ohio rate eet SE 0 gies mpd teat con eta font, vot ae perce leo pegs coe OUET sara om de bide ea font tb parece menos dei ‘aalmete quad compos ome fest tre» Pp, poset £0508 ten menos psa Composto em oepo 8p, com 1 ontos de eelinh, ou 8/1 Cont em cna pt, com 10 poo de cement ® TRES FINDAMENTES DE TIPOGRAF PARTE! | PRINCIPIOS UNDADETRES | FUNDAMENTOS DE TIPOGRARA woouos | Legibilidade e visibilidade ela 0 debate entre tredicionalistas ¢ modernistas, om relagdo a melhor arnt oo legibiidade das fontes sem serfa versus com serif, continua atvo, Os tradicionalstas, esicare septa —— bom preporcenadascom uiiradoe param Sclegencacensters osisiome, ‘argumentam que as serifas ausiliam na legibilidade, ajudando na diferenciagao das letras, fatores que mantém o olho em movimento ao longo da linha horizontal (Os modernistas, no entanto, argumentam que as fontes sem serifa nfo reduzem realmente a legibilidade; basta apenas que os leitores se tornem culturalmente acostumados aos tipos sem serifa, que so um fendmeno historicamente muito ‘mais recente e associado aos dispositivos eletrénicos. Algumas regras sobre composicéo © uso de tipos ev0- luram a0 longo do tempo. Uma dessas regras determi na que passagens longas compostas inteiramente de letras maidsculas ou de texto em negrto extremo so difceis de le, Multiplas maidseulas podem ser difceis de lor porque as palavras possuem conlornos visuals. semelhantes, ¢ todas fm a mesma altura. Na compo: fo de tipos em caixa alta e baixa, as ascendentes © ddeseendentes ajudam na dferenciagae entre palavras, Outro impasse perene séo as relativas vantagens da composicao justificada versus alinhada 8 esquerda. O texto jstilicado pode ndo ser mais fcil de acompa: ‘nhar do que as linhas alinhadas & esquerda. A composi= ‘fo allnhaa &direta abriga a letor a procuraa nica de cada linha, © que pode se torarinitante em passagens de textalongas © dove ser evita, Se vocéestiver aba lhando com impressio vazada em preto ou em cores, a altcrnativa mais segura lalvez seja usar uma fore sem seria, pos as fontes serfadas possuom linhas © serifas fnas.€ clare que isso depende do corpo, da core da quar fe 6o papel ou mia. ‘O melhor nmero para a visibiidade ideal é algo entre 60 e 72 caracteres por linha (em qualquer mecida), Mas esses parametros padem mudr de acordo com 0 corpo dos tipos.Linhas muitelongas fazam o ala per der a nocéo exata de onde estava; é inhas curtas de- ‘mais confundem letor com as canstantes retarnos 20 inicio de uma nove inka. O texto destes pardgrafos fol ‘camposto em Berthold Akaidenz Gratesk, com corpo 9 eenirelinha de 11 pontos. @ Sistemas Uns rmadanga de etl pagedice pode sar — aging legends coxpo ota este caso fies <éspay alisissusades como part da mager otogria, toes com Sterontseetloe ested ino gtd teats rigs ino étras ‘manos ei aoa Media: oconpinena dune linden soe a, os ‘Alighado a esquris: perigee todos na magnetic ‘nha a iia ros © ver ramen: ComPREENSAOE SELECAO DEFONTES p68 ESPAGAMENTO, .72 eras iencio ej andes MODULC 1040 RACTEF ISILIDADS (CAS ESSENCIAS Medida (comiprimento da linha), corpa da fonte entralinnaatuam em conjuntoe afetan a legiblidade, vimera idea! de caracteres por nna algo entre 60 €72.Acima disso, lho comaga a ter problemas para encent rh sbao| ise, a fluke de leita fica nterompid que as necessicades dos darentastoos de aasign cas decisies;a verdad € que contexto¢ tudo. Em revista, as med as te fem pequeria doses, smvez de lerem toda. 9 publieaglo, do nica ao fim. Os prec 15m una aparéncia muto cite am caisfazer um ert io delet continua, .3¢ 6 causar um impacto iio i perguntar es ~ jonas, grades de mediate, Da fata dum exer porque cera hordes, ras de usa diferentes fe dependendo de sua também da quenti¢ede de texto, Os leiores ‘quantidedes ce text fem uma composigge menor ou com ums medida mas estreta do q + Aconfiguragse de importantissimo para a legilidade Se howver has de corpo a medida depend ina 6 um elemento espaco insuficente ente as linha © oi iiculdade de movers - faciidade até a prdxima inka. © aumento da entelinna também SS necessério 2 a font for condensada o¥ se ‘maior peso ou em + Fama tpogrsficas. ayrardes auras poss rey ta em menos diferenciagao das formas da palavras, Assim 6 necessd cola cesar ‘empregar ma se fone n PARTE 1 Pailcipas « UNIDADE TRES FuNDAMENTY TOGA PARTE 1 | PRINCIFIOS UNIDADETRES | FUNDAMENTOS DE TIPO Enfase e hierarquia tipografica RAFIA MODULO S ‘Ahebilidade de solucionar problemas de énfase usando tipogratia é essencial. Isso envolve considerar a relacdo entre miltiplos lamentos ~ 0 corpo @ 0 peso dos tipos, sua posicdo sobre a pagina e ‘a dindmica entre os elementos ~ além de desenvolver um entendimento acerca de como essas decisdes déo destaque a certos contetidos enquanto ‘suprimem outros. Decisées tipogréficas como essas estio relacionadas 20 ‘que chamamos de hierarquias de informago, uma vez que, em qualquer design, algumas coisas precisam ser lidas em primeiro lugar, € a5 informagées secundarias devem ser Ales de comecar qualquer desig, é crcl entender tne esloos pnp potos Ge enfaseem temas ce tos, subttlos ntocucto agendas ctaces tc Es ses iis deimportnca so chamados de Neraian, Umavezestabelecdas as Heerqias poser serine as de ders formas espa, pes, core forma + Adicionar espago “em branco" vertical sob a farms de ‘uma linha ou meia linha de espago abalxo de un tule seve para separé-lo dos elementos aa seu redor, riando énfase. + Adensidade da tnt prta ris sua pripria énfase visual Familias tipogticas som sori, como a Univers, so excelentes para isso, pois possuem civersas combinagdes de peso: eve com negrito; média com extra negrto etc. Tenha em mente que tum tipo pequeno em negito é visualmente ‘mais ppesado" do que um tipa mai com peso regula + Akerar 0 esto tipografice & um torceiro método para ‘rar hierarquias ~ passar de romano para tlico, er ‘exemple. 0 itdlica dinformalidade e moviments 20 design e também 6 eficae para deslacar expresses -chave dentro de um texto, Por conta de sua forma mais delieada, voc provavelmente precisard ‘aumentaro corpo praparcionalmente para melhorer a legibildade sempre que nacesséro + Altraralgumas letra om caita bara para maitsculas pode dar mais formalidade ao design. As maldisculas 1s em seguida. exigem maior espagamento entre letras ¢, por isso, consomem mais espaco, emara eliminem 0 problema das ascendentes que se chocam contra as descendentes da linha acima Os versaletes 50 ccapazes de criar uma mudanca de énfase mais sut © Sussurros earitos Assos dieses para nome da marca complementam iastagsogaciosa ce um maa. A pyaar um Hoc zesifeds sem sera. e cor ‘de fundo se destacar coma ©