A tipografia na vida & no design +‘ular nos seus projvos de design Pensando em facta a vide do designer socal media eloueiador para facivr o seu processo de Ao decorer do materi woes snvonders.0 mative de cada fone passando um pouco pla hstérla Searacberisiens de cada uma tas tanitesUpogtfionsereventes. Se voeb gosta desse materi 1 Nao estrinua para Ceeetos: $3 Nip comercialz: 3 Ne aoe 55 Nao copieINDICE Inorodugio - 0 que 6 vpogratia A bipoprata na YouTube 25 (Um dos elementos do design § Instagram 26| Humanstas (Se) 7 Facebook 26 Trersleonae (Ser) 8 Skype 29 Moderas (Sorin # Trex 30 Epipene (Ser 10 Google 31 umariatas (Sans se 1 Spotiy 32 “ranlelonae (Sane ser) Curiestides 33 Geoméercas (Sane ser 12 Nevtx Sane 34 usives Vamos lar no Neb - Design Thogrsce 35 ‘Como veer pogratia -Peeologis das tonces 15 ‘Come escolherpaecas de ences 16 ‘Anierareia epogriticn 77 “endéelas de forbes 202118 Valotzando onacanal 9 ‘Onde ear ou Basar = Programas para a elagdo 21 \sitzndo © Google Fonts 22 ‘Outre sees para babar 26INTRODUGAO 0 que é tipografia? Test tars 3 cso utmost Hoje oss defn cat om desuso © passou a englobar God 0 processo de evapo de fonves isles ou aga ‘Surg gracas so alemio Gutenberg aueInvertou a prensa de pos méve' comletrase simbolo em releve esculidos em chumbo,no ane de M50,Um dos elementos do design -Atipogrta € um elemento ndspensiveine design. Pode-se (zor que ola 6 um dos plates. Se a Crarmes do deslgn ob ea. Base da comunlcapio eserta (aca eda) 08 pos precisam sermulte bem ulzadoe pensando sempre ne adequao © legBldade da mencagem au se auer passat CO conceive de uns marca ests dretamente igedo dinogra ce ela apresenta Ea 6 parce inegrance na frmagdo a Personaldade da ientidede visual prejetade. Vanes fazer um sesso? ‘Quando voe® pensa om Google, aul ipegraa be vem a cabeea? No 6 aqula tod coloriinna nos Lone azul vermetho, amarele& GoogleSerif vs Sans Serif Serta sdo pequenosprolongementos nas exremidaces, dds letras hase de era ou “Be [As tones Sort sto aquelas au aprosentam esses alongamentos © pedom servis om: hamaristas, ranlelonas, mode ‘atplas, Ji as Sane Ser no contam com esses crachhos nas Dordas do coda uma dasleors, eso sogmerbadas em humanshas Georgia De agCentaur Aa Qq Rr Mumanistas (Serif Aa Qy Rr as nasceram aprerimadamente enste 08 oS nee as son VASARI 0123456789‘Transicionais (Serif) sfoue XV Come 0 préprio fe cranigde des tontes, ‘io menos “deslenadas"nostragados das exremidades ‘que ae Humanisba,e mae que as madernasModernas (Serif) Do sée. XVI es ipogratassertadas modernas dspéem so male procsio nes traces ayo eam nos exremos das letras, Fase que marcou 0 priodo da substibuigdo da pone humarisv pela moderne 0123456789Egipcias (Serif) {As tov opocias davam sua oigor no séeulo X0, ‘io caraoerzadse como Upogratias ais “pesadas” Vauamenbe. Sous lecos 80 mois eepessot e precios. Memphis-Bold Regular Aa Ff Gg Qq AUCDEFCHIKLMNOPORSTUVWHYZ Sietahikimoenaesy:Humanistas (Sans Serif) N Yoram ergnadas no seul XK = bormandovs menos clissles Bildersturm rere De Kees haTransicionais (Sans Serif) ‘As translelnals datam seu surgmento ne século XX. Sie nspladas pas rey oem ae gee de er presences nas normas de formabagie toga come a ABNT (Assocs besa de Norma Toes). Arial Aa Ee Rr Aa Ee Rr Deliverable 0123456789Bauhaus Ala €e Rr Geométricas (Sans Serif) fa Ee Rr ‘Geométricas Sans Ser intbencladas pola Bavnaus(s6culo XX), Tatigkeit ‘So marcadas por sm orgnaadeaevnde de formas goomevies ‘rele auasradoe ering PTE)Kaufmann Aa Ee kv Cursivas CConsdoradas as mals préximas da esesita humana ora {30 mundo ne sée, XV Sua logblidade 6 complcada, mas 6 a queidnne eos convbes de casamento.COMO USAR AS TIPOGRAFIAS Psicologia das fontes Mherdads,femindade steve, aconcegoe conorceComo escolher paletas de fontes Para formar uma paeta de fonts, oprmeite passe 6 saber ‘ual e mancra male aproprada de ustzacSo dos bpos Logoipos: serliadas no sera o curv: Thales: seas «cursive Corpo de vexce: eras «nde sertadas: (0 segundo passe para a defhicio da fonte em seus projetos, {entender qué pereonaldade do seu prejeta? © aye o seu proleto esti tencande comuniar 0 que ele quer passat pare 0 ‘mundo? Quil func a tonte precisa abender no seuprajeto? flames sobre a pslolegla das ‘orbs, volt um pouainho © respond a esaae prguntas, lao bude € mulbo mporcante ert aa? 2. Aprenda «combiner bipegratinn [io tam uma tm msgs paraiso ‘Acombnagie de bipogratas 6 flea por vstes, fenoio teats, teste voto. Tese vrs fortes ' observe os resultados Veja 9 que funciona eo que NSO. (quarto ikime paseo sbi no présiv sle Boras?Ahierarquia tipografica stents da eral pega sb os segues: nel aHeaie canbm corhais por etle Parte do tex que dove ser visbo de mediave, que precisa aura ou chocarolelvor, (© subtree, nivel seta um breve resume do ue te ‘rata o tent, depots do titulo, €4 pare fundamental para convencer eleor a seguir diate, Eomvel 6 onde os ne anteriores femumtente cori, explodes (Obs: Precisames fear atentos, porque multas vezes 26 Usamas um ice nivel de herraa como em egendas es redes soci v0 faz com que a pesson que ext nde ho se sinc straida em eomerar ou continua E complcado, ‘as econtece com ear requénca Vamos para as eas? leas: ‘LAlusbeo bamanho ds fonbes, de acordo com { hnportinel five! > nivel 2> ne 3 (ce tonves sortadasenio-serfedac varie estos « pesos ae tonces (extesica «bold = desveqverntae! 400" natipograi (cores: grande deronclal ara gular sun eura nos designtabuse das ‘modes rlalonadas As cores Dien deo Paleologia das Cores) 5-Espagamanco Upogrifice (perme 0 lator laenbier« heraaua, come também relaxer rence liarEXEMPLO HIERARQUIA TIPOGRAFICA DR gee ce ce Pepe ett te endTendéncias de fontes para 2021/22 BAUEAULEN bavi _goometrizades, este nesta lta canbém a Sredondado, Possum um cma male give e transmter “Sinplldade,honestdade « postvidade.Valorizando 0 nacional ‘As foes comecaram a ser preduzias no Bras na décade 4 1880, @ a primogénicaapareceu em 1889 para o deseoho ‘Suma, de Tony de Maree -AFolha de Sio Paulo foo primoko joa raster a ter lume Upograta exclusiva, spesar da mesma no Lr sido sesenvohids por bracloven Dentre 08 prajetos feos por brass e# ‘As entes ara o Joma de Noticias Populares - 1895 - Tony Marco: ‘A elpogtt crlaa para adeniease visual da rede do postos ‘be combusbivels Gras 1998 Ferrand Martins A fonte Braslrot- 1998 ~Cryblan Cra E incoessante saber que nosso pais produx ipogratas ‘ignas ne? Quando puderutzr fences brates. use pols esbars contrbuinde com a salider dos profesionse Spogrétees baslevos.Vlor2e © nacional ‘A lpograta vernacular nspada na esc local -6 uma relebura. Caractristie do design brater « ue cisserina daaGerador de combinagdo de fontes ‘Aaibe de combina fortes 6 um ga odo design. {Quer nunca ne frusirou ne memento de esoher a2 Spograas do projet? Bette Together Como usar site? Types, « mostrar os pars perfeitos para sua arte, ‘Adobe Typelt: 6 um servigo que dé acesso a ume bioveca om vile das melhores tarias pogréies do mundo,ONDE CRIAR OU BAIXAR Programas para a criagao COtnkscape ¢ um programa de erage de desenho vetoraspresenta verses tuneionaldades come a ctagdo de fortes. A fnalizardo da fence nia épossivel de ser eatzada nel, voc precisa de um soreware ras especie paa isso, Logo aba te ndearemes alguns sorwars Proprios para pogratias #0 lado bom 6 ae perme a utzagso rub por 20s Fontorge & um utile exclusive para a elaboracio de forbes de bebo, (Grate e pode ser usedo na plavatormas Windows, Linux e macOS FontLb € um software para odeservolinence avangade de forces @ possila 30 las do teste, Depo de un més passa a ser page © pode Ser eperado nos sistemas opeacionls Windows e maeOS. ‘3s Upograias nos aebales. Page, mas pode ser tesbado gratabamente perm me. A platforme ee permie sue neelagdo 6 armecOS Rbotont também 6 para a construgio defense: grate duranbe 20 as © com instalador para mac OS. Catigaph & para quem gosta de ze alguns estates & mao para depos gialzar La tem ‘emplaes que vcd pede usar como base para 10a epiUtilizando 0 Google Fonts 2 cole do Google Fonds existe desde 2010 € ume bibobece ge ronces que voeé pode uitzar gratucamense para caus proevos. Vamos mostrar passo a passe come manusear esse baneo de fortes 1.Acesse ose do Google Fonts Chae sa tneepitonts google com) 2.Urize os teros ‘Aprovelo 06 ltrs paar sleconand a sua preterénela, Provavelnence quando voe® esti buseande tipograis, ‘vo08 8 tom uma ila do que procure: com sora no seeds aoe. Na bartnha pesapicar voe® pode digar © nome da fone cule procurae logo saberd se ela az pave do banca, 4. Use a pede ase Nesea opedo, voce pode escrever a ase ou 0 nome de marca {qe es eiand para ver come rlewia naguelaSpogratia ua mio n rode ecsafunelonaldade 5. Auer @feangs ‘Re clea na fonve desea, vocé tam acess & ‘ania completa o as varagées (stiles pesos) ddaqlatpogra ao aor da erage e come Para bala 6+ clear em “Fania de Download” 20 ado doo a ela Mas se desea baler apenas una varagdo da ‘ail, seecone 0" no canto deece © automaticamente ela Wd aparecernajancla ao lado “roo da sua ela ipo sn sacola oo compres’ © ‘epote que tnalzar sua compra, 6 26 talzar {potso azuina pave eran ‘Windows: @processo de inebalagio & mult skopest Procure na ua abe de pecaies por “fos” arasbe © areuivo dance para aJaneinna da contgurardo de forbes do seu conpucador Mae:Ne pigha de vcuaiza¢30 de fontes, clue dase rel de pré-visvalzario. Todas as Upografiag "mato spagadas” no eailogo de fonts Inaiear que esbdo devativadesAdobe Fonts © Adobe Fonts & para quem assna 0 pacote ‘Alarm vames to ajuda a utizar com ‘lgumas ebapas. Bora? 1.Abrao apteativo da Creative Cloud que enconbre-se no seu desktop (se voes postu & laa plana de Adobe) O slmbolo€ uma navenzrie 2. Selecione 0 “eeznho” (era inGseula} no canto supeterarece: 2. Chque em “Pesaulsar fortes" em azu 4 valle 02 ros de resting resubados, pol be aida bo em rela ao temper 5. Ro seeclonar a fonce qe escoheu, opto em “xb aia 6.No cance drt, abra © menu avr fonbes «ative © tile pose que deseaOutros sites para baixar ‘Sto nesses ses que voeé encontrar ontes poor teen De eee Fe een eer ee Se eee Cee eeeA TIPOGRAFIA DAS GRANDES MARCAS 3 YouTubeA TIPOGRAFIA DAS GRANDES MARCASA TIPOGRAFIA DAS GRANDES MARCAS Dic ¢ una one nip srt, moderna singe. (Como &o tweet? Excremamente objetivo, nie 6? WV cwitterA TIPOGRAFIA DAS GRANDES MARCAS facebookA TIPOGRAFIA DAS GRANDES MARCAS ‘Skype ‘ral una foe no serada e connecisa por custegidade. (0 Skype 6 um software que permite comuicario por meio de chamadas de vdeo mao egldade em elagées pessoal a stincl © Skypecome mosernidadee seducse.O apleaiveabrigs Videos ‘enadores deve verde & mesmo? of TikTokA TIPOGRAFIA DAS GRANDES MARCASA TIPOGRAFIA DAS GRANDES MARCASPara desconcrar vamos conhecer um pouce da hsbéla da Nov Sane? so 208» dosenvalvda pol ‘08 eustoe com loanelamentos de fontes propretiis, come {2 "Gethan que ra sua force pedi Parece ue ni cro asain usar fortes pagas. mas 2° caro papel, «sus subtouido far ume econamie igie sive Un particuarede ineressante da Netix Sans & que els presente ainda a curvinha, as agora em uma nia letra “e minaseu Se vr curosdade de vor como esté send apleada a Netix ‘Sen, entre no nsttx ne Inebagram e contra suse publea¢Ses ABCDEFGHIJKLMNO. PQRSTUVWXYZ abedefghijkimnopars tuvwxyz1234567890 1@#$%*&*().,‘time eplséto a segunda cemporoda da slo [bsoract mostra come fureona o process eratvo de um designer bpogrii. lonathan Heer expe come fo! sua hebérla no design ‘come encontra apiece. Nic quereros dar spalers eset ros detahes. € um eps Stra odes lee TCS LTS os Ty) " ETAT 4 asaCHEGAMOS AO FIM Agradecemos mensamante 3 vor® que ‘ecicou um bonpe para ler esse materi ‘Obrigado por covar na nosso taba. v6 uma prdsina. braze!)oF Ce eel