Gavin Ambrose - Paul Harris Fundamentos (=) Diseno Creativo Una completa introduccién a la tipografia, la maquetacién, las imagenes, el uso del color y atros principios de disefio creative, explicades con claridad e ilustrades con ejemplos ees eee ic © ParramonFundamentos ParramonFundamanis del dete create ‘ula original: The Fundamentals of Creative Desay Publicado en nalés por AVA Publishing, SA ue du Bognon 7 (1299 Crans-ods Cay (Sula Proera ein: jn 2008 Copyright © AVA Publishing SA 2003 Copy © para a ecn en exparal,Parramn Edcones S.A. Ronda Ge Sant Pee 5, 42 planta 06010 BaresionatEspate) Empresa del rp Eatorial Norma ‘sparramoncon “raducin: Jorge Rezo Correccdnyadeptacin: Ester Haba Is80:04-342-26707 Inpro an Singapur Prohibits la produc teal parcial de eta obra mediante cus recurso 0 pracesmenta cmpren la igre, la repeat, rier el watanient informatio calgier tr tena, Sin permisoescita de ae on a eakorai de: fare, Abbot Mead Vieters + BBDO, Andy Pets, Aster Stoo, Aer irks, Babs, Bie Souree, Gul, Case, Craig Yam, donb, E-Fac, FaydherbeDe Vege, Forme Lanter, Frost Desi, Gavin Ambra, Gest ‘Creative Suse, Imaginary Forces, Johan Banks, Lents Mabey, Natt Checkansk, Mast Luk, Mono, NB: Sto, Pentagram, Research Stas Landon, Sagmeister nc, Stadio AS, Studio Myerscough, Visual Research veto anvadeciiento especial a Natalia Price-Carer, que ie ‘ancetoaraina de este oroyect, a Laura Owen y Brain Maris AVA Pbishing, sin cyo ntsisma apoyay fel provect no rari leoaco buen fy alas muchas personas que an cntibuide ycuy declan ha becvogue aaj en este proyeta se ava carer en alg an special a Xavier Youn pr lastencén qu ha presage a laborar Tas etaaratias dels obras recog. Fotarais elas pias 1, 22,23, 16,17, 23 rrba, 22 tabla, 25, 34,38, 48, $9, 68 7115. Haver Youn, TH! +44 r20 723 5502 Ftgraas oe las pias 9 y 168 de Richard Learnt THs +44 (017986 990 133 Gavin Ambrose es disefador grafico en activo. Se licenclé en Comunicacién en la Universidad Central St. Martins de LLondtes. Tras sracluarse trabai6 como disehador auténomo para diversas agencias de ciseno. Actualmente tiene clientes del sector de las artes, galeria, ecitores y agencias de publicidad y es el autor y disehador de otros libros sobre identidad corporativa y embalaje de producto. Paul Harris se dipiomé en el London College of Printing, Es escritor y editor auténomo y ha colaborado en revistas v periédicos en Londres y Nueva York, coma Dazed & Confused. Tembién ha publicado anteriormente obras sobre diseia de embalajesFundamentos del diseno creativo1a> 1e> 1s 120> Tipografia Los principios de la tipografia tienen ‘siglos de antigiiedad, pero [a facilidad de uso y las cada vez mayores posibilidades que ofrece la era digital hacen que ‘sean mas que nunca tipos iterletraje y Iigaduras terlineado uiones, justificacién yespaciado modernisino postmodernismo anatamia de un tipo Ja porsonal’dad de los tipas el tipo como imagen sistemas de clasificacion caracteres especiales cuadrioula de Frutiger femilias tipoaréficas ampliadas detalles de los tipos 126> Imagen 130> 36> BT> 148> 152> La tipografia y la imagen han sido durante mucho tiempo la base de la comuinicacién visual. Esta potente relacion permite crear mmultitud de significados diferentes el color de las Imayenes cojines para ganar intensidad reventado do color (trapping) mmanipulacién de imagenes imagen en movimiento Fundamentes dl deo ceatve Sumario 154> Color 158> 160> 62> 166> 70> 72> a> We> Usado con creatividad, el color puede aumentar el atractivo visual. Conociendo los principios de la asociacién de colores, un disefiador puede controlar con garantia el uso del color y darle un mayor impacto tintas de cuatricromia fintas directas {a éptica del color colores contro! del color conclusién glosario de términos terminologia util comentada contactoscapitulo d introduccién EL DISENO CREATIVO SE ENCUENTRA EN UNA ESPECIE DE EDAD DE ORO. NUNCA ANTES HEMOS TENIDO UNAS FACILIDADES Y UNOS MEDIOS TAN AMPLIOS, Y LA SOCIEDAD SIGUE ENRIQUECIENDOSE EN IMAGENES Y EN AVANCES TECNOLOGICOS CADA VEZ MAS OSADOS QUE AMPLIAN MAS Y MAS LAS FRONTERAS DEL MUNDO DE LA IMAGEN. VIVIMOS. EN UNA RICA ERA MEDIATICA EN LA QUE NOS VEMOS BOMBARDEADOS DESDE TODAS PARTES POR PRODUCTOS Y SERVICIOS ORIENTADOS, CON TODA PRECISION, A SECTORES DETERMINADOS. Y CADA UNO DE ELLOS LUCHA POR HACERSE CON NUESTRA ATENCION A TRAVES DEL ARTE DEL DISENADOR GRAFICO. ESTAMOS RODEADOS POR SUS PRODUCTOS TANTO EN FORMATO IMPRESO COMO ELECTRONICO, DESDE LOS TABLONES DE ANUNCIOS HASTA LAS BOTELLAS DE CHAMPU, LAS REVISTAS, LA TELEVISION 0 INTERNET. CON TANTA COMPETENCIA PARA ATRAER LA ATENCION DEL PUBLICO, SE ESTA HACIENDO DIFICIL HACERSE VER Y CREAR UNA IMPRESION POSITIVA INMEDIATA EN MEDIO DEL LABERINTO DE IMAGENES QUE NOS RODEA. AL MISMO TIEMPO, LA TECNOLOGIA ESTA DEMOCRATIZANDO EL DISENO CREATIVO Y FACILITA QUE LOS NO PROFESIONALES DEL DISENO PUEDAN GENERAR OBRAS CON CREDIBILIDAD, POR LO QUE RESULTA VITAL TENER UNA BASE SOLIDA DE LOS FUNDAMENTOS DEL DISENO CREATIVO PARA PRODUCIR DISENOS EFECTIVOS Y ATRACTIVOS A LA VISTA, AL TIEMPO QUE HAN DE SERVIR DE CIMIENTOS SOBRE LOS QUE APOYAR UNA FLORECIENTE LABOR CREATIVA. ‘ Fundaeroe dl def crete Inrodcén FUNDAMENTOS DEL DISEfo CREATIVO ES UNA CRA PENSADA PARA EQUIPAR A LAS PERSONAS QUE TRABAJAN EN DISENO CON Los PRINCIFIOS YA ‘TRADICIONALES QUE SE USAN TANTO EW EL DISEWO DE OBRRS IMPRESAS COMO EN EL. DISEWVO DIGITAL, CON LAS EXPLIOACIONES DE LOS FUNDANENTOS ¥ DE SUS APLICACIONES PRACTICAS A TRAVES DE EJEMPLOS DE PROVECTOS DE DISENO ‘CONTEMPORANEO, ESTA OBRA OFRECE, UNA AYUDA UNICA PARA TODOS LOS QUE “TRABAJAN EN EL DISEM0, ESTUDIANTES ‘y PUBLICO EN GENERAL INTERESADDS EN ESTE cama.como sacar el maximo partido de este libro Fndamentos 7 Fundamertes dl da cenve scar lipid de te ie40 1288840 AL : 20045340| formato es la forma y el tamafo del producto final, un libro, una revista, un folleto o un envase. La eccién del formato es un campo que se suele dejar un lado debido al uso de los tamafios de papel ISO {Organizacién Internacional de Estandarizacién), Basados en un rectangulo con una proporcién de 1:1,4142 entre sus lados. Esta serie proporciona una base de trabajo con una gama de tamajios de papel relacionados proporcionalmente entre sf que, de hecho, evita que el disefiador tenga que considerar el formato. La existencia de una gama de tamafios estandar da cierta uniformidad a todos los procesos de impresion. No obstante, puede que las necesidades del disefio impongan tamaifios diferentes. La seleccién del formato suele depender de consideraciones practicas, como el puiblico al que va destinado el producto, la naturaleza de la informacién gue se va a presentar y el presupuesto, ya que la impresién y los acabados seran mas caros con tamafios de papel no estandar. Teniendo en cuenta esto, se puede enfocar la seleccién del formato de un modo creativo y de opciones de plegado disponibles, el disenador tiene atin mas posibilidades creativas que pueden tener un marcado efecto sobre el producto resultante, sea un informe anual o un encarte en una revista. obtener resultados espectaculares. Gracias a la variedad 1 Forato cmprende as limersanes ies dl araducto ye espacio te! ques dsp ara prsentar le elemantae ios dean dst, En este caltleveremos cma se pueden sz es formas, anaes y formas d plese en process el en creativ para canseui a dierent producto! fermata tiene que ver sabre tad, cone métedo de impresin, pero alguns sects también se pun agian) defo de paginas web, vetanas poppy otros componente pantallaCapitulo 2 tamajios de papel ISO Los tamafios estandar de papel son una herramienta practica y efectiva para que los diseriadores, impresores y demas profesionales que patticipan en la impresién y la publicacién puedan comunicar las especificaciones del producto y reducir el presupuesto. Los tamafios estandar de papel nacieron en Bolonia (Italia) durante el siglo xiv, cuando se establecieron las medidas de cuatro tamafios de papel para que sirvieran de gufa a los fabricantes de papel de la zona. sane 2972210 mm AS= 210 1148.5 mm ‘Ro= 148.5% 105 mm ya wo Fundaments del dso creating stema actual tama de papel 1S0 (Onanzacién Internacional de Estanarizocién) se basa en ura bseracnrealizad par el profesor de sea Geora Christoph Linder ue, en 1786, wo Las ventas de ape que uve una proporcién aturs-ancura dela ral eundrada de 2 (:1,4142. El papel de estas proorclanes manene I pruporcio de ss ‘aia eardos corta an ds. Francia ure rime pals au atop unos tamats de papel equvaletes las medidas (80 actuals con una fy aprebada en 1794. Ela actualida, Canad y UU, sols dnicos pases indesalizades quero lean el sistema os tamafos 150s basan en el sta meric, asan a proprcinda ra cuaorada de 2 patend del formato AO, que tne una supercede un metro cutrade, Dado quel peogoridn na permite que la melds de fe tray la archura dl papel se pueda expres en nieras redness St ha establecide una superficie de apna exaca equ silica e aleve det peso de un dcumerto lrmato por nimera de pigs, pesto wee pes dl papel sul espeifcaseen a. La trie compen una gama de tama de pape! qe pasa dn fermato al siguiente rliplean evn por 2. La srl de amas 2 son tamaiosintermecio y os tmaos © sen para sabes soos para inode papels In seve A Los tamafos de papel RA SRA en ois pape a parte os cuales Se pueden corals mess A. La tera en Ia que se basa ese cencepte se devia dela sere de names Fonacl la preporion aurea, sobre os qu hablaremos ee capil 3 Formats y tenia Se nprtipos de imprenta Los tipos de imprenta son unas piezas para imprimir en relieve que se utilizan presionanco una superficie elevada entintada contra el papel. Fue el primer método de impresion comercial yha sido la fuente de muchos términos de impresién. La superficie elevada que efectua la impresién suele estar hecha de tipos méviles, pero también se pueden usar planchas fotograbadas. La impresién mediante tipos se puede identificar por los bordes marcados y precisos de las letras y el borde de la mancha de tinta, mas grueso. os daeadres modes fs Ese defect se puede usr para eleces dos tips de inprenta—_depertar natalia po tps les elon atractivos, Cuando pasado. Los cartels inspirados ‘se enintan mal, anarecen feel ceo dea Royal Academy vance a ltr oe of Ars biti (ara les da una persenalidd propa, derechos por Abbott y cada presi ligament Mead Wikers © BB00, los erent (ease aba) coms ini Forme {ondon usando ua combinzlén ecletien de fens de ios miles rials tala en made JdddJdAUGUSTE FAaBLo STE CHISEL’ THE PALETTE: DDN PICASSO [EBATTLE OF THE HEAVYWEIGHTS «| Fanta: de eto cea ‘The President and Council ‘of the Hoyal Academy of Arts invite you to the Press View 11900: Art at the Crossroads ‘Wednesday 12 January 2000 0am to 2pm ‘amit One ‘Toure ofthe exhibition will ‘ewiven st 10.30am ad pan Canton ‘Arriba: Se puede usar la excised nherere 8 as ies nies Para produc restate senclosy eects, tal come dembestan este tare a Forme Lond, Dis: Abbott Med Yiekers + BBDG, mares por Forme LandonAUGSC-FEBSTTHE PREHISTORY OF SEX 16i96-S LONGITUDE PN =z = at nS N ON FICTION NVIGUV (NS ip —Msor ERBAGKS i :apitaio 2 tipos de metal o composicién en caliente Los tipos de metal fundido o tipos de imprenta son los que se obtienen mediante un proceso de moldeado de los tipos en metal fundido. El texto se teclea en una maquina que perfora un papel, el cual controla el fundiclo de los caracteres con una maquina de fundicién. Los tipos méviles hicieron posible obtener grandes cantidades de texto de un modo relativamente barato. Los tips moles Los tas él fueron sone paso tra a aparicn dees prieras inpreiae que visa baqoes de madera cane tee tallaes. Los hloques ompletosacleraban la prouccén de wins suas, pero haan rwcesai alarm loge dierent gra cada pra. Los pos miles Son un mito de comgasicin que tliat suet ue se pueden fecalaren un bone e pri. Todas las caraceres de imprera son ies 9S pueden retiar o¥6 Honbro Cuerpo Bisel atria ran, usa por 4 impresor para localiar la pace frontal de Pie i Espesor 6 Fandoments del sin esate ‘leaner Me Queens nigel palicla de Stanley Kubrice Et respandor para un pase de meclasy ced ura ivtacie 2 joes, inpresa con pase impreta para cbtner un rele marcads ene pape 1 dar aires de guns nabia ert cada ua de as eitaciones con ura miquina de esrb La ivitain ita a estena 6 Tanto aba y ca dvesin hacen ee Jack enum mctacho aurtiden Dice: Stucke Myeecouoh, imprsion par Forme Lensan Formats teins reinAnd now for something completely different... Morgan Stony Dean Witter que oss ura doco ‘véose Deter Rams esi cle cur “lo simple es mejor que fo corlleado” ibn pot Foxe Lomlon : Pesce, love nd understanding Fundamerts del eto eave ‘ips met) 9 empostcinetallente‘Aaj: esta seve de uaa ste para Knol = marlin ls deta ‘emdeos, con dss sencilos ase destazan sabre un foro coors y Sea formando parte al evguets de atverencla on un enchte 0 ‘representa las ies en paia de a mano ~ {J ® Fondant eso creative az, Se afade una canta de text ascetaen carbine Tera y pga opus: proyecto también carpi la prohucciéxde we calendar, Se usa dos Frees varios odoctes Knoll en lugat de as asia vari gue ce seen neon en un ele, EL ‘ile del obra, Case! Sofa afm aie les eesos son otrooralesy que tener un Lure en el nut mien Objetivo te ‘myst bimestral Blueprint 3 Sere de aruncins de pcina carpet para pleats on la Proceso NB: Studio decid usar el nuo ines ara Jos pss Classe de 0% anikesrio de Knol (eas Ia pgna siguiente), por iitaclones ‘conics, ya que halla presipeso para ftoaafia, Para aa Industria que pramosiona sus products on la fotografia, pes aun seo utter un salts bastante arande, pee aa ee fe permite estacars de ors fariants de mucbles El dibujo ine) contrsiade on un fonco de clr iso cana i tencidn dl ebservad en as erates ies las mules in la dlstraccén que upon el erred ona hablar. Las imSgens se presentan acarpahads de una clade ls dseTadres que earn os betes para crear lets desnfad, Resultado. Los anire fueron ute fevreierm una nce psa dela mesa. Dtldevon seiaraavos er tamafa A y uso come pss ‘as tends Kell de tea Europa, Poterinmente se cenit) Dosa y se veutizaron comm anuncas en roo Formats y ria de ingressacabados de impresién Imagen monecara Grabado en seco 0 en relieve 5 Peliculado o impresién por calor, impresién en caliente, block print, grabado laminado 0 impresién con laminado Serigrafia 2 Fansarnetos del aie cestve Imagen marccrma en negro ean un cojn del 0% y bare de mqina Troquelado Barniz de maquina o directo El bamis ecto mild eu sre tart cana capa ptectara de ufo ies nejprar la presenti, Se pede antic a eanse ls pins 17,29, 23, 24,25, 28, 25,32 Barniz UV 0 UVICING EL, CEG DIAM NONUMMY TIT AUT LACEEGT POLGGE MACHT (IAGUAM EGAT SUENIM Gi AIRTEL TER OG UTE |. TIGU ULEAMGGHFE iG SUEGIFIT CYAIC HIE STETOCIN ORO BTE POUR Be TUTE VETO (RIURE DOLGA I (ERB EEE Val DECTATE ELIT PROP INGLECTIE CONTEC UAT, WEL ILLUM Bont cU reUGIAT OUCH Trcittcle fa VERO TCE Et BUROP ey (CTO OUI BIGIIC CI ¢ pe repty . BOECENT AUP ATUM een DELLIN LUGUE LUTE BLO TE FEUCHIT NULLA FACTS. Reverso de atria de presenacin de AS, que da a impresion de un grata esto, Lave fs el exo de releno que se ues en muchos cease maquetae de dso, ze canvierte el text inal iprese, cen Ayla Sl cst destacades, Disefo: Gavin Anbros/Matt Lumby a ebiert de cart ri i simple rabaeo < tear; eta as que comer esa vee db y reciente Fundamental ea crenivo ‘Acabados de irpresdn= El paquete pore la prepuesta dea ber useum por Daniel Liskin dpa envetori exterior se abe deande ala wists una maquets de in en espa. «Sie mejor mada le ura maguet, pues es enviaros anos del complica corstn entender a maqueta,expliea Jobson truccibn era 2 Disee:Jnsah Berks Cand ablamas de mesos impress Slemos pensar et revietaey pistes, Eee carts el tarot isa por Baba ‘en un meio partial de presentacén, En verde estar enciaderadas en un Wore 9 una revista, 1s gins se guaran Diet: Baba 2 Fundamoros dl se exetvo Ferman y triesCae eed ee erratic en open ene et etre ee ee eens Cad eee Porescapitulo 2 resolucién de la imagen El espacio entre los pixeles de una imagen determina su resolucién, que se mide en pixeles por pulgada o puntos por pulgada (ppp). Cuanto mayor sea la resolucién, mas pixeles habré en la imagen. Una mayor resolucién significa que la imagen puede contener més informacién y que pueden grabarse los detalles y las transiciones de colores en con mayor precisién. Del mismo modo, con una baja resolucién, lo que supone que se ha grabado una informacién insuficiente, una imagen puede aparecer pixelada. El nimero de pixeles de una imagen es fijo, por esta razon la resolucién disminuye cuando se aumenta el tamajio de la imagen. Los monitores tienen una resolucién de 72 ppp, por esto la mayorla de graficos para paginas web se elaboran en esta resolucin, Ademés, las imagenes en baja resolucién son mas répidas de descargar. Pero esta resolucién es inadecuada para una imagen impresa: algunas revistas imprimen con una resolucién minima de 300 ppp, pero las imprentas de mayor calidad pueden imprimir a 1.200 ppp, 2.400 ppp o mas. Poole Veetoes Una agen compuesa oe piles sla repre crretamente Dado que los vectors son um proceso matertize, pueden amps hasta ingen a an tata stein, Cualuier ampli prod una innit sin pda de calidad ode ressucié, En esta ampliain a ‘érida de calidad La imagen nei exh a 300 pp a 100%, yale 1.600 % de ona seen del stor el pina 29 vee aula iid ‘rea enemas ona imaged eon nei, 72 pap mead te os ios ¥ de line se ire, al misme tamafo, con ura evdente praia de caldo, Ey Fanaents del eo eesti Formats tenia de nprcapinio 2 royal college of art Proyecto Racuea de les textos ala erie de Canerecis sabre Estas Crees «Histvcos del Royal College of Ar de Londres Proceso Cada sterol usa uo elar Pantne PMS) cferete para Siermeartedolos dme, anita gun ude sn large y cana. CHS 2002 ta Jefarula clara del texto reo es res ume ara mostrar os tes pass ue deton ‘rns estucants ara lagers su etal, 2% Fananetos de ae erative Resultado Juan de eras que ut iza ua senela yractonal estructura se colors formato esl saclontorets lle como para aod in ners ‘aria de coferenciasy acer que el ablca se failivicey fs leentque. Abo Los plcqesaportanliniacines sca al saa yal resenacin de In informacin, Aqui yee obs slociones Las ob para la dseracién se dstvinayeren en cinco pligues de acordenparalelos que ‘po tatan ai eapuimiene, Seve as Imalons Has pera dar un formato a ls plgia,aveléadca en "leas? menares sobre Ins que han espucta os element. BN Foray se oreiinve Higuera: Reverso lobsters despleaa (oneste == {a5 eas lian) = e940 tamaro mis maneiete”, curso ‘st plese Derecas Interior de | pesmi = sess = =_ * = I pétefelets uc os pliegues de un modo slr para la inermacion Ingrosa.cn exterior. Esrcaimorte, ambos cnezpas san los lewis 2a crear an “lio” sin tener qu coset oeplear otros tips 6 ‘reuadenacn, El ers del pistes precinde dels iniacones eos plnguet ya ifornacin se vopare por toga a aja. Cuno se files, eta inforelén ra srs vise, ero al desplegorl puede canglir su fret como ister. Los folets se realizaran en forma de despleaable de Ls eueros con un lege paraelo yds plese anaule ret. Este format, gor een ‘sel ms usad para Foraros ce transporte 9 mapas perue silica a ‘sin olbal de toda la nfonrac‘onsreserada ya la wee pune pecasey _adeplar un tarafo més préctico, de elle, En ete caso =I profucto a puede usar cone péster al desplearla« como guia de bosila ss siarda Setlace, E TOPOGRAPHICS:Capitulo 2 eleccion del tamajio de pagina Teéricamente, el disefiador puede usar el tamaio de pagina que quiera, aunque su impacto visua puede ser discutible, Existe una teoria que divide y define el espacio de la pagina con el que resulta ldgico y facil trabajar y, lo que es més importante, da las proporciones que resultan mas agradables a la vista. Para el diseftador grafico, disponer de una variedad suficiente de tamafios de pagina de proporciones atractivas supone un ahorro de tiempo y un buen punto de partida para cualquier disefio. Tamane de pina Aunque deere ive de ‘comer cml tamale pagina, hay alaunas Censiseracones préctias econdmieas que inflyen en su lecién, come aprovecamienta el aoe y caste de cote eas re estnea. La evita de etias de gape 150 (Organizaci internacional de Esandarzacié) ofc una gama se tamatos de pape que, aunque resulten poe atevds,freenan bien y son plenamerteaseaibles. vas 150 ‘Avaces en la maquetacin Durante mis de il ins el Gamat de pela sea determinado usando entaganes, hexagons, actigenos, crus, undead y tials, Las Primeros esas y ste, nud pr fedmeras dele naturaleza ome la construcin hexagonal cos pares ae etrusturas Peagonales lls en las lores, usdan estas fama core base de es lamas de pin. A su ez, eran también a base que dterrinaba a zona acti dela pra er Ia qu sé exlean ott ys orcs, 2 Fandanentos te eto crate Formats teas de npredn ied: Maruca clisica prosenana pore péerate alemn Jan Tchicnid 1902 1974), basada en un ama de ina con prapecionrs 23. {osmiraees ce lama (3) imargn de eaecsra stn ‘ocados aun nave gina. La simpli de eta gina est conseovonoracias 2 las elacionesesacials que eae” ac etext, (a cusses cre unas ropocinesarméniens marge interior (See la rita ef anchra oe margin exterior (4), mits cue I altara de aa de texto (2 es iual aa anchora ea ina (9 Jan Tctchod ej Alemania 1933 y taka en Suiza como tipdrafo mata 1946, Ente 1946 1949 vin y abajé en Inglaterra supersan e reds tpoaréfic del eto ‘mayor proyecin dl mame Penguin Books,et tsmano oe pagina te sentgano alto La pina de pentane construe secloande mente un gentigone [Ass obtene un tamato ‘Arena: Despus La dbl pga se seclona de a parte nei laa super or dere, ea ier rear al superior inguin, y ese pur cee! spoils ds exquas lnferoes. Lieg seasrtan ls mirgenes de cahecer ye oo, completa ls puntos de ance a cela de composi, qe ester ‘azar anima dvs ds ala, un decave, EAS t ANN Arvin: La maqueta resultant dun inact soa de a posi a cal de composi prilal is ree pal stferetes formate de panna wsando dfeertes eas de mismo pantigor (kas abajo. Famers ot seo creo sein tama a ainejaquetacién es la disposicién de los elementos del 0 en relacién con el espacio de que se dispone, jlendo un esquema de disefio general. También podria arse gestién de formas y espacios. El objetivo de la juetacion es presentar los elementos visuales y de que se deben comunicar de un modo que permita al r recibirlos con el minimo esfuerzo. Con una buena uetacién, un lector puede moverse facilmente por informacién relativamente compleja tanto en medios resos como electrénicos. maquetaci6n tiene en cuenta consideraciones icticas y estéticas del producto como la visién que se dra del contenido, independientemente de si el ‘mato final es una revista, una pagina web, un grafico televisién o una botella de champ. Los diversos mentos se distribuyen en la maqueta mediante una dricula, una serie de lineas de referencia que permite locar cada uno rapidamente y con precision, y intener una identidad visual de una pagina a otra, 0 re los diferentes elementos de una gama de productos. Con i manuetacin, torand como ous una cvadriula, se usdeneenerae ses fascinanie y epectaciars, ro sins aferamas.a ela de forma obsesiva pd actuar came ua cama de rea ce bstraya a wars de ia inforacin al eto. £5 Important conseguir ura Imagen oun sersalén de sli el pin, toe supee ou debe haber ocasones fas aue se rompan las lintacenes de acura En este opto explicaremos Joe fren de so Ia cual yexploraremescémo ‘pune usar avesos patrones Go candela para prsetar iterenes ios de informacnCapito 3 maquetaci6n La maquetacién es la disposicién de los elementos de una pagina. La forma en que se haga tendré una enorme influencia en el impacto visual y en lo efectiva que sea la comunicacién de la informacién. En la maquetacién influyen el material que se va a presentar, los deseos de la persona que la encarga y, por supuesto, la creatividad del disefiador. La mayoria de disefiadores usan una cuadricula base con varios grados de complejidad que les ayuda a colocar los elementos y les da cierto orden. La statin super mesa a cuadrcua sada en una putea de Disa: Gavin Ambrose paral BOP Ia BOP (Bulg Design Partnership, Asciasiba de Disc de Eales. Las colunasvertiaes los camps horizontals dan ua ere de clones para stuar ls slamenostextualesy gins que permiten mantener la ntinidad dea ina ac 3 Fandoents del sea cate anartacisnFantasie del a eosinLas eononsones epagetieae a emus mge en Disefo: Pentagram 26 Fudaentos dl se cece MeleeFurdanertos dt defo ceive La doste nina sverioe es on mannii ej de come teeta ‘aero el tone ala maquctaeln, En ata ca cl uso de ona ‘uaa nein rele ama de un aril de a revista eros bre ste de aia de tcn, infiyand wn db es lorie, neu cote dela izgen pei, os tila, enrol sce ete. El argu pec ntsual ela andes esac: en aanco aie entrain co a foterafs una ofcinaabaretad,ysubayao rise Gl ate aus as ies abtracias de ef pueden mer ‘sl mond que as rosea. Los gules de a eualeulapoceden del exicano, le qe serie sat un Mexdaano para ostra a fetgrala fa esa sor a gays see El hedge tanbn seus en portao de Metropolis ie se coir ‘fen un pana ee lseccona el pre plano de ura cra El uso de Somibeaeas a algunos les sgmers el panol os envi al fondo 1 da oun lee especial. ise: PentasramteclurEsFundaentes dl dno ereive MequtainCARDS LIFECS LIFES T&F? FREE WE. S7HETICH Funfomeets de semper Mastsandes ae rent na sere de poems ik, cansitents en secs ‘iaba,interanpen las wstsas imagenes ee lle Ls aves tpnoraia se jstiea cuidadosamenty = savin usando un or 150 Dison: Sato Myerscouoh vane tiesion DanersieCapitulo 3 proporcion aurea y serie de Fibonacci Laproporcién aurea fue ideada en la antigiledad para representar unas proporciones de belleza infalible. Dividiendo una linea en una proporcién aproximada de 8:13 se consigue que la relacién entre la parte mas larga y la mas corta sea la misma que la de la parte més larga con la totalidad. Los objetos que tienen esta proporcién son agradables a la vista; también puede calcularse esta proporcién en una serie de nimeros llamados de Fibonacci. Esta proporcién se puede ver en la naturaleza en los patrones de crecimiento de las plantas y de las conchas de algunos animales. Quiza se deba a su presencia en la naturaleza el que estas proporciones sean tan agradables a la vista. En el campo de las artes grdficas, la proporcién aurea es la base de los tamarios de papel y sus principios se pueden usar como herramienta para conseguir disefios equilibrados.. Si selojan dos paquets cuad-aes juts, legs bua eto cuadado te de ad la sua del ado de ars cunstades merores y ernie ‘ete proezaoragresivamante we rea ura sre recténglas de Fibonacd. Es una serie de actngulos eyes laos tlenen ura longi de 60s ners Ftenaclconecutos¥ compuesis por cuatrados qe teen or ldo nora Fnac. En tas palabras, a propoein te Ls lads de ests rectinaiesequvale la ropeci urea Se puede crear una espral de Flbonaceldbuandecuartas de caste que stravesen cada cuaradoy que, juntos, formen a espa. Se pusde ‘enauerar una curva parecda ela naturalea, ea forma del caparazén un eral Sere de retingls de Fibenscelyespiral de Fiona Para formar una progorcin Sea hay que tomar un cuaeaee, vio en os, formar un ‘rdngulo ise, extend lar formar ia propercin urea, “ Fanart esto este acustacén6 is 7. 34 55 oo eA 10 16 26 42 68 110 178 1l 18 29 47 76 123 199 ido 112358 13 21 34 55 89 144 233 377 610 987 1597 2484 4181 6765 10946 1711 10 tipo de diez puntos 11 sobre interlinea de once 16 tipo de dieciséis puntos 18 sobre interlinea de dieciocho 26 tipo de veintiséis puntos 29 sobre interlinea de veintinuevrere! Cees Penner eet ed ere Se es Cotes eenlito fia es ms spe | 46 que paseraesperarse Las as de dierentes formas y tamafs ¢acorotan Faeliante vance sistema te cual, Lejos de inte esticcions, sistema de cxaefcla free tera Dieta: Sttio AS «8 Fuoments dl eeatno anuetacisoeen ees Creer ruir el argumento bs nee mu el peice ao de la comunicacion visual Ly eS consiruir el texto y él material ilustrativo sistematicamente y de manera logica c organizar el texto y las ilustraciones en una disposicion compacta con su propio ritmo (| efoto Mi URI de modo que se entienda enseguida y quede estructurado con un alto grado de tension Josef Miller-Brockman cy ere ener Ce ee)feantto 5 La cuadri diseno. C objetivo los anda cuadricula base La cuadricula|base tiene una importante relacion con muchos elementos clave del disefio como la distancia enti lineas base y, por extension, con el cn linterlineado. Otra|consideracié es si la cuadricula se coloca a la altura de la x - la altura de la caja alta. ase Altra de lax Fansamentos ot se renoue fos limita. La idad es importante ara hacer interesantes y esibles los disefios, ‘lle se puede conseguir ado flexibilidad a la suadricula, Nos resulta : : 2 t : Fundamenio el use creat suadricula baseCapitulo 3 the guardian Fanart eo cra Proyecto ‘cuando picievon a Pntaaram que reser ario The Guam an 1988 se prostnts un desc considerable. | estuso ter tn dso con un estilo contemprio yaplicar las ventas cue Js nueva teenoaia qu estaba cambiar raicaimente le Indus brensa, La tnica condiciin que ele impuso a David Hillman, sp Peorauram, era que debia conserva a eacin ested pr periica con sus lector. Proceso El sho abn eee ener una estructura sii y de wo camp ls necesiades de! equipo eitral del poles, ae ena pins toda psa en uns laos muy marcas , en muchos ‘in apenas experienc ona mun cl ee. a Resultado Ls nueva nao del periésico, que presents cus ura sor jeder «aoecra, fie un gran éxito gand prestgosos prea ‘abecera dca, porque combina tpoyaas con teal La magueta esa laser flecbe y estuctoraa. La cu dock eoluninas de los pevisxe de format “ona” bli aplia en las pins de anvncis, dando es necsala clea un En ol resto de lr se consiqe la lexblidad meant una cs enuatocaurnas tur pee celacar columns de ere Disa: Peotagyam ‘ase Cuncriola base MacweaconEohtinured as " ‘TheGuardian rippedapart ”IRA”own goal thew Bomb blasts West End Attack ‘shows IRA not interested in peace’ BEA WRITER te we ee? Be Be Illi REEROST = | Finca deere Mawes els 8 a8 od TheGoui ‘uation Diseto:Petearameekend Hostage: Brian Keenar n's own story s Fundamertos ells ceatie El vei del emanation Eelae Weekes oun aspecto sired, con un exo sipnoriic pete para iferenciai clavarente a camgetencia, aunque antenna en dl pido, Tl care muestran estas bles psaias Ssemenari ee un + lees adel peri y usa fetgrafis de gran tate para Te Guardian ar una sensacin ds reliads rang al coterie. E1 anand inle arose fondo args xn na oar seriay ora acuta inp sencilla isteades can ‘otenrates de cirensionws grandes qe le das un ate espectacular La portada ya marca ete itr al ne bresenar apenas texto Diselo: Pentaee Oe oe: eo «>| SBmOrealad oe Oe 8 ee) F-Oeenmork#s ee Oe oe eeLa tipografia es el medio por e| que se da una forma visual a una idea escrita. La seleccion de la forma visual ; puede afectar de forma drastica a la legibilidad de la idea escrita y ala sensacién que despierte en el lector debido a los cientos, por no decir miles de familias tipogrdficas disponibles. La tipografia puede producir un efecto neutro o despertar pasiones, simbolizar movimientos artisticos, politicos 0 filoséficos, 0 expresar la personalidad de una persona o una organizacién. Los tipos de letra varian desde las letras mas claras y legibles que fluyen facilmente a la vista y que son apropiadas para grandes bloques de texto hasta las tipografias mas espectaculares y atractivas que \laman la atencién y se usan en los titulares de los periddicos y en los anuncios. La tipografia no tiene nada de estatico y evoluciona constantemente. Muchos tipos usados hoy se basan en disefios creados durante épocas histéricas anteriores. La incipiente industria de la impresi6n establecié como rmas estandar, en el siglo xv, el uso de las maylisculas manas y las mintisculas carolingias del reino de rlomagno, y es lo que se usa atin hoy. La tnogaaestaiee el 00 ‘hun cont de txt, por io que Se dee escoger un tipo de Feta pried y corde con bic a que va rae ‘unauenehay elas imamovibes, shay aspects téercas qu se debe tener en everta y que ayudana seleccorar ipo de eta, En este capita analizaeras la anatona de un tp, claves ejemplos de pas de letra parting dels principales categpias de lastcaciony omentaremes sus us posible gual qe our con muchos tio lanents de se, ona Selectde dela Upagrata aye mucho e| gusto el estla yas referencias aereoals senor as cao ls meas moment, ee mo qe sda abr en aan media aCapitulo & tipos El cuerpo de letra es el tamafio vertical del cuerpo de un caracter, it cluido el espacio que queda por encima y por debajo de sus astas. Se suele considerar como cuerpo de letra el tamaio del tipo, pero historicamente se refer{a al tamafio del cuerpo sélido que servia de soporte a la cara de impresién de un cardcter en tiempos de la imprenta de tipos. Por tanto, un caracter siempre serd ligeramente menor que la medida de su cuerpo. Los cuerpos de letra més habituales para la lectura son entre 8 y 14 puntos, y el uso de diferentes cuerpos de letra en el mismo texto indica una jerarquia de importancia, puesto que el tamajio de la letra influye en lo que se lee antes. veo 2141618 21 24 36 48 60 7 Sistema de putes Enel Ambit brtnicoy americana, para especficar las dimersiones *iporicas de una pigina se ha utiliza wasicionlmerte el sistoma eo ures, urasuidates de metida son los puntos yas pica. El cuerpo de ‘ext se expecis en puntos, que aquivalen 21/72 de pusada 1 punta ~ 035 am 1 pica = 4,220 Uns pc tet 12 punts y un pula tne aprosimadaente 6 piss Laples seuss para as medias ipograticas lineal, por lo que a longitu le una lnc de texto se especie en pias. E! sistema euepeo Diet es algo cifeene per usa valores sina: 12 Diet = 1 Cicero 1 Didet = 0,38 mn 1 Glee = 456 mm se Fundamenie dt ia cenivo Ene Eel Reno Ure acme es awa sca de media de un tin, y eri de a anchor de sun an aa bala pues, 2 ere = el tama en puntos de un po Orignalmente la tra em tei a anchura exact Ah tna mE eld la ere eo curd can lads iva a ‘amafo dl tin, y se ua como referencia costante pra otras medics tipoaraicas come ta anchura de camposcie, que determina la catidad espacio horizontal que scupard una cated determinada de texto cam an cuerpo de era seterminad. La ene también seuss para red ns sanrias de peat y ls espados fis. Un gulbn deems. un sun ‘que mie lo mismn quel ere un gun de ene mie a tad ave un un de ene nel context europe la una habitual de medida dtp et icera Yel usd; este Gia se ulizaeapecialmente para mer Banco,BCDEFGHIJKLMNOPQRSTUVWXYZ bcdefghijklmnopqrstuvwxyz 123456789!?,"£S5%@* BCDEFGHIJKLMNOPQRSTUVWXYZ bcdefghijkiImnopqrstuvwxyz 123456789!?,"£S5%@*Capitulo 4 interletraje y ligaduras El interletraje es el espacio que separa las letras. Algunas combinaciones tienen demasiado espacio intermedio, lo que puede comportar que algunas palabras resulten dificiles de leer. Este exceso se reduce con la prosa (kerning, en el argot del disefio), la eliminacién del interletraje no deseado. Algunas combinaciones de letras necesitan prosa de forma habitual, y se conocen como pares compensados. La practica de la prosa es especialmente comtin para conseguir un equilibrio en el aspecto de la tipogratia kerning kerning Si deamosdeasiag espacio entre os eras, en la preertacin de a Fenster arin) tien un aspect rar ywarecen lta separadas unas de ota. Rescind el nterietraje mediante a rosa 0 keri a palabra presenta una mayer canssenciayrturalied al coro v8 ala derecha Combinacines no latinas fb fh fj fb fh fj Combinaiones latinas ff fi fl ffi ffl fe 2) ta et “TeatoGompuest con y sin gaduras El ascerente de a" y el renate del asta ascendente de a letra sioiete a veces paren ineterir ene En vz de near spararlas, = salen uncon una gedurg a camo seve aria, Le mismo asa @ Funders del eset create Testo compuesto cn y sin aaduras ano! punta de la i" 0 be a “i que raro tras una Esta Vinca cane con tea tranversal ys mina el puntoWy Ay rO To ry at Vo yl Ey Ve VU WU ye Yq AT Ay TO To Ty Tea PA Vo Vy Re We Ne Yq AY Av TA Ti LY VA Vi RT Ry Wo Wo WY WY YO Yu AY Av TA mW Tw ENG VA Vi RT Ry Yo Yu AW AW FA FA Teele To “ke Ly Ly Vu Vu RW RW Wa Wa Wr Wr Ya Ya Ye XoCapitulo 4 : interlineado Sila composicién del texto es sélida (sin espacios adicionales), queda una cierta cantidad de espacio en blanco por encima y por debajo del texto porque cada tipografia lo incorpora para dejar lugar a las astas ascendentes y descendentes, y para evitar que las lineas queden demasiado juntas. El interlineado se suele alterar para afiadir mAs espacio por debajo de cada linea de tipogratfa, generalmente para ganar legibilidad. Se llama asi por ser el espacio que se introduce entre Iineas y se expresa en puntos. El cuerpo y el interlineado se pueden escribir como 10/12 Garamond, lo que significaria que la tipografia Garamond usada es de cuerpo 10 y que la distancia entre las lineas base es de 12 puntos, de modo que el interlineado se ha ampliado en 2 puntos. Una Garamond 10/10 significa que no se afiade interlineado. Al variar la tipografia usada, el efecto del interlineado puede variar también dependiendo del cuerpo y la altura de la x. Inertia y ano de column Caractere por lin El intetiead esti rlaciona con el ance de clurna. Es deci 2s Come norma general, con un mayor nimero de earacteres po iene testa 6 compose irtien (mismo ieriead, misma tipogratay texto ene un aspect mds pesaso or To que revesitaré ur mayor rio ctype) pubden eer un aspecto frente con eferertesanchos _intvineade, Obese que a colura de aba aladeecha ten ub oe calon. ecto ms ais ue la de aque Cola de 22 pens Colurna ee 24 peas Si la composicién del texto es sélida Si la composicién del texto es sélida (sin espacios adicionales) queda (sin espacias adicionales) queda una Una cierta cantidad de espacio en blanco por encima y por debajo del cierta cantidad de espacio en blanco texto porque cada tipografia lo Incornora para dejar lugar a las astas por encima y por debajo del texto ascendentes y descendentes, y nara evitar que las lineas queden porque cada tipagratia lo incorpora tdemasiado juntas. El interlingado se suele alterar para afiadir mAs para dejar lugar a las astas espacio por debajo de cada linea de tipogratia, generalmente para ganar ascendentes y descendentes, y para leibilidad. Se llama asf por ser el espacio que se introduce entre lineas evitar que las lneas queden 1y © expresa en puntos. El cuerpo y el interlineado se pueden escribir demasiado juntas. El interlineado se como 10/12 Garamond, lo que significaria que la tipograffa Garamond suele alterar para anadir ms usada es de cuerpo 10 y que la distancia entre las lineas base es de espacio por debajo de cada linea de 12 puntos, de modo que el interlineado se ha ampliado en 2 puntos, tipogratia, generalmente para ganar Una Garamond 10/20 significa que no se afade interlineado, Al variar legibilidad. la tipoaratia usada, el efecto del interlineado puede vaviar también Xdependiendo del cuerpo y la altura de la x. Cuerpo de 10 pt can un intertneae de 1 pt Cuerpo de 20 pt can un inertnead de 11 pt “ Fundaments del ste esate TpseratiaEola de 16 pleas Sila composicin del texto es slid (sin espacios aicionales) queda una cierta cantidad de espacio en Blanco por encima y por debajo del texto porque cada Seosratia lo incorpora para dejar lugar a las astas seendentes y descendentes,y para evitar que las lineas Jueden demasiad juntas. El interlineado se suele lier para afiacirmas espacio por debajo de cada Ba eeesherainene pars oaray Seepo de 10 pt con un intertineato de 1 pt Sila composicin del texto 5 silida (sin espacios SBicionales) queda una cierta cantidad de espacio en Blanco por encima y por cebajo del texto porque cada Bpoarafia lo incorpora para dejar lugar a las astas scendemtes y descendentes,y para evitar que las Ineas eeden demasiado juntas, Fl intertinead se suele alterar para afadir mas espacio por debajo de caca Mineo de tipoarafia, generalmente para ganar Aesibildad. 5 [terpo de 10 pt can un imetneado de 13 pt abedefghijkimnopqrstuvwxyzabcdefghijkim Si la camposicién del texto es solida (sin espacios adicionales) queda una cierta cantidad de espacio en ‘blance por encima y por detajo cel texto porque cada tipografia Io incorpara para dejar lugar a las astas_ ascendentes y descendentes, y para evitar que las linea cqueden demasiada juntas. El intelineado se suele alterar paca afasir mas espacio por debajo de cada linea de tipegrafia, generalmente para ganar ‘egibilidad. Sila composicién del texto es slid (sin espacios adicionales) queda una cierta cantidad de espacio en blanco por encima y por debajo del texto porque cada tipografia Io incorpora para dejar lugar a las astas ascendentes y Gescendentes, y para evita que as lneas ‘queden demasiado juntas, E! interlineaio se suele alterar para adi mas espacio por debajo de carla linea de tipografia, generalmente para ganar leaibitidad. ‘uespo de 10 pt con un nterineato de 14 gt ‘Dadio que el cuerpo y el ancho de columna estan relacionados, se pueden calcular con cualquier fuente usando Ios siguientes métodos: ‘SS anchura éplima de linea es ce unas 10 palabras (tomando como media una palabra de S caracteres). Lorem ipsum dolor sit amet, autem zzril elit, sed { anchura dptima de linea es ce una ver y media a logit del abecedcrio en eal bal. Se considera que unos 26 caracteres es el minimo, 28 lo Sptimo y 68 el maximoCapttuio 4 guiones, justificacion y espaciado Siel texto de una columna esté alineado a la izquierda o a la derecha queda un espacio fijo entre cada palabra y un lado de la columna de texto queda irregular. El texto justificado tiene ambos extremos claramente alineados y el espacio entre palabras se reparte para conseguir un equilibrio. Un texto justificado con muchas palabras largas y muchos grandes espacios puede tener un mal efecto visual, con calles y escaleras de blanco que discurren por entre el texto. Esta composicion esta abierta °° ool oooll. er adipisc Esta composici6n es normal Esta composicion esta comprimida saimutal nibh euismod tin: gna aliquam e: m vel eum iriun endrerit in vulputate velit ess Espatade molestie consequat, vel illum dolore El epaciad hace referanca als cana de exeaclo ene tad as feugiat nulla facilisifat vero eros @ letras, que se puede ajustar para dar un cardctergartiata l txt. Al accumsan et iusto odjio dignissim qui cadens un tates race espacio ante ls letras ycabe ms texto blandit praesent Iupta|tum zzril delenil nun espace deterrinad, per se exagera as letras eriscen a Selapase Noes convenient azal espacia hasta punta de ue as letras se Sepren dels palabras de ase forma prt, isi. augue duls dolore te feugait nulla facil m ipsum dolor sit amet, com ipiscing elit, sed diam nom ssitcab del tenia ummy nibh euismod tincidunt ut laore Hay que prestar una atencin especial a la jstcacig de as caracees, dolore magna aliquam erat volutpat. speciaimente an cuerpes pegs. La recsdad de guint, lag neat wisi enim ad minim veniam, quis nos! uta, espaciae regular y las ales espacio blancs verticals, i ati It t x ation ullamcorper suscii formas per os espacos26yacertes se eects pias a fe 7 camsiciénantamdice de text (derecha pore erat alaulb ox career Furnes olde reno pvoraiapsy lb reper loses scrub ur Se laalnsciois aouiets ualaderecha son sinus Be aeaizqderéa A prcelemes oka dees 0) yep de ror srnn Ale Essar, alee seta 20} pardet ata la Resse Bh ye pete ceric a0 Dwonenatievemecnljoscotn ela iparinese dels marches, Hessvicin orient ens alates Lae cloner Farloseparis ace adnces verti hn dear unovena rier carprotiensc teeta tkcssm nara tocen esossentcera donc fee stioseapesienlas fons oat spa Dallsuutasl team sali Minimo: 50 Optimo. 80 Maximo: 220 Flas aio Se crc porns (EFL cus sacs ¥ ava fe ay se rpscera satitacer, ames se dc eH oS A ners Ketino pra nots eb Les patos manta estar um ese ems Bes ines arcs ial is parc vee es guns af ee clin “aera, aq I altecn a neato aa detec on ah mee Le lizein tite (AD pr eet oda een (2D) ye pd [Sseenrcons sb. er can, in lec een aD) ep sto laa Be fein) ws tele teri cew ADE. Tnorosena acute oa wieacon oe a tiponafa eel elas mars ba fs cn esac ets oes ee pats: Les Yas" Ine sie formas ec esas: ara: ener tr deer eta Un een cre pin dia proviemss ge cts Yeo emir ee ee Gs seats, te moro au st se arc eas 9 lean es els Da Inet et amb sua se Minimo: 100 Optimo: 140 Maximo: 200 [lg onic de carats nes (PLY inclss emis» putas) Jece 40-9 Te st overs staan, cane ae ssl eh gx 68 65 of runere opin par fc ar a eit. Los irate ea es om secs Ho mix de dn ees casestos 2 nal oles. gros per Jee soores 2 Is compan "cer, ange [2 alinacn a Ia mien 0a erase Son an rs La anes gir (0 gor fects 05 Ia ra 2 bs echo ED) yo feeder tro AVBD, En covbo a aecinderesh (AD gor de intra ay legdtca Cy 9 = pnd deri care ADIL Ue prema feasts [9 uiecion Ie teeta wel de as or Ses Yara, fa opin eiorence esis Warrs errs pabbes. Las m0 Hess ate Toman os ais Dantes sere wert Un fen deen rit in bee Cons 79 ees? bles om ee 0 fern tet oh Ws os ates, He main ue lose arc a fr fos yc9 1 ban le pales. al lo vasa to table sass Minimo: 170 Gpimo: 200 Maximo: 200 ‘fons cases ara ra, ge se seer Is uote ala coupscon “aber sre alec aa leer aan san an eee. Le atmacn queen por eet labo aa dere (8D se une ‘rarconoAUEE, Enc Aaineacinvereca AD) sper aba ‘equa (29 sepsete ern ca RDB Unprtiena acon co asta upsell de srantasto- ‘as apa erzaca de sce nn: re pas, Las cate alias ‘ erman separ: Harve odcenece ei) taro ibe, be “exeeoaia iltfen pobeos se ane ips marl test can ss enter ‘hs dered uesdoseaorecanla easy ah ls pst. Osea ar tec tam Es umn “Minimo: 80 Gptimo: 190 Maximo: 250 ‘ioe cao ce eracioes por ens (CPL Geis eaves» eens ete ap y Fase ees sasacunia,aiaue Se uel ia 665 me "e tatnn a ci fe en Los tints ean exter ne ast Se mis dete aaes cones a rat de ines eo se pies nts ‘Ia copesiodn “aber, augue alsin aan 0 2 a ota so an eles Ls antl pire A pe deft ce aca In det (BD) y pn “ecib mo AUBD. Ena, alse deca AD) por dee a era begun (8, Se pede MSCBY como ADB Urpin fete can Is atfieacin de Epa es lds “nonce lsc In amcibn snrdca & gacs Wa. ene polis, Ls “als Ines gue er os ous ars ens en vera tam a ‘ane. Un en cist a erica o}semas Heme tn emir tet le is enue, de mec que sl se sprees Famaty ot en Ls nls Dine aa ol te ambien ma selc ‘Winimo: 125 Optio: 179 Maximo 250 ‘ual cand de ciate or Teva (PL) nicer psc oe 9 can user) arse 40 y To 2 cones atti anaes se ane cr (6 sl none Gur pia fir ts leg. Los nis tran flat oa SEN ce dos muchas cecais a fal hea, Geo Se prferey le gues 2 tx omocicéa “aberaY, aimte fa alnenbr © Ia quero = Io serene sin ain neors | alacdn nmin ‘AI, pir ecto ci tanera ala decks (6D) y pure eens cane AUBD. Ear, [8 aiterion een CD) es por ee le tance Ia 2g Bl, 2 gue dens cono ADE ‘Un prina fecaete con In jsencion dele tagala « “tos Hama", Is aparaon eerste gos Wares arv galas. Las eal © tes ge fern [es ees anos aocemes et vet ‘be cen etre UN Yuen cop gar infer preenss de ote tno Sf mar see cn ls pe emer, He he a Sse aren las formas y nm sz ean as vas Dare [2 wets al toto tambin = tos scm ‘Mirna: 200 Optima: 250 Maximo: 330,68 ieaedaadiiiaaeneeeinngraiao deliseocaenta bequotay usa un gran anche de ise: Stic Myerseoh Popa ere ee Bet rrr tes Patan ec aera te Pon ease Guiones,jsiieacién yespaciaéoua usb na curasa gama de ‘inarafias sobre una marcha team para séptine rivers el legeneato clue nocturne Hagiesa de Manchester La mares aera era tan cnocida ge no hacia falta dar aan anti infmae aprte dea fecha, La pronia mare, redcida asus res primeras letras raisamente identieales, Hag” oe ‘entiande gr el péste sabre “Fae $1”, una mares del el Igualment falar. Se han sa duesas tas iectas, elu una luminiscents, sare crearun ster ave funciona as ates horas de la oct, ‘cuando se sopone ‘que a a veri au pile! Distt 0 Furdaments del ds eae TugaMODERN ART MODERN ART 3 REDCHURCH STREET LONDON &2 7D) ‘TEL «44 (0)20 7759 2081 FAX +44 (0)20 7729 2017 MODERNARTINC.COM INFO@MODERNARTINC.COM 75 REDCHURCH STREET LONDON £2 7D) TEL +44 (0)20 7739 2081 FAX +44 (0)20 7729 2017, MODERNARTINC.COM INFO@MODERNARTINC.COM CHRISTIAN MOONEY Se ey ee ee ee Vase Tp Ge irrerta See artes de presets, oan See) ery ener er pane eran ee imprimiern con pas de : eee rd es picecapitulo 4 modernismo el diseAo refleja los pensamientos e ideas dominantes. durante el Ultimo siglo las escuelas de pensamiento dominantes han sido el modernismo y el postmodernismo. desde finales de s. xix. el modernismo tomé forma debido a la industrializacién y la urbanizacién de la sociedad occidental. marcé un traslado de lo rural y lo provincial a lo cosmopolita. el rechazo o el derrocamiento de los valores y estilos tradicionales como la funcionalidad y el progreso se convirtieron en grandes preocupaciones que formaban parte de un intento de ir mas alla de la representacién fisica externa de Ia realidad, tal como demostraron el cubismo y la bauhaus. la bouhous estat constrctiisme ame la bouhovs se abrié en 1919 movimiento artistice 4 de el constuctvieme uso tween 1923 kandineny propuse bole a creccibn del fomore a ‘une gran inflven ue existia una velacin cexquitecto walter «opts 4 ‘mismo nombre. smodesnisme con el uso de Universal entre los tes tenia el objetive de buscar fundade por thee van ogralla negia y tle de formas bdsicas y lon tes ua nuevo enfoque del doesburg el de stiyl usaba polo seco, dspueste en colores prinatios, con el iseRo Was la primera formas rectangular bloques asiméticos. tdngulo emacilo come vena: mundial potentes. empleaba colores forma més activa y dindmics primavos y valorab Yel elcute eaul como teens ‘pecialmente lat ania y tla composiciones asinéticos Universal 1925 Herbert Bayer La tnegrata Universal de Herbert Bayer se desaral nla Bauhaus ye a reducién de as iosrtis radon a formas oeomérieas single, La forma Circular tene una aranpreonderanci,y se puede ver que cada carter se basa en ots. 2 Fundaments del dst eeatio TeoriaABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijkimnopqrstuvwxyz 1234567890 con care ABCDEFGHIJKLMNOPGRSTUVWXYZ abedefghijkImnopqrstuvwxyz 1234567890 co Lark | | | ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijkimnopqrstuvwxyz 1234567890 oe o ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijkimnopqrstuvwxyz 1234567890 ABCDEFGHIKLMNOPORSTUVWHYZ abcdefghijkimnopaqrstuuwxyz 1234567890 Coenem 6 Ceena lid bi = OME!Para mi el buen disefio significa el menor Et sada inutile Ca disefio posible. reece coats Lo simple es mejor que lo complicado. PENS See) aoe Lo sereno es mejor que lo estridente. Lo discreto es mejor que lo excitante. Lo pequefio es mejor que lo grande. Lo ligero es mejor que lo pesado. Lo liso es mejor que lo coloreado. La armonia es mejor que la divergencia. El equilibrio es mejor que la exaltacion. La continuidad es mejor que el cambio. Lo escaso es mejor que lo profuso. Lo neutro es mejor que lo agresivo. Lo obvio es mejor que lo rebuscado. Es mejor pocos elementos que muchos. Es mejor un sistema que los elementos sueltos. Dieter Rams, 1987 ra eeJo ise eninenia Mono eb o encarga de i a nes ks matvia de wea mues sbre a vida In obra el arte 5 Mies Vander Rabe ere Kal Fang Autorun de Homa Kenn, La dias de Van der Rohe emo eMenas 2 ms» y «ice etd en 5, Ano sh tas lnersenales con une vara blanca sobre qu resaltanUnearente gore alae desu exagerata st aan profiad reavesert os ascacieos ce Chicas on tures ao der Rae, ascii rferzada pa el enorie eos pistes uiaes camo spate Frames dle createInstn 1968 le Here Usando @ menudo elementos Vernaculares” y ofros no disenados previamente, el postmodernismo encontré pioneros en la Escuela B Suiza y posteriormente en la Cranl Academy of Art de Estados Unidos. poral Positmodernismo El postmodernismo se desarroll6 tras la Segunda Guerra Mundial y se cuestiona la idea de si hay una realidad fiable deconstruyendo el concepto de la autoridad y el orden de cosas establecido mediante la idea de la fragmentacién, Foye deer la incoherencia y el mismo ridiculo. El] postmodernismo recupero ideas decorativas antiguas, dando valor a la expresion y a la intuicion personal en la formula y la estructura. aABCDEFGHUKLMNOPOQRSTUVWXYZ abcdefghijkimnoparstuvwxyz 1234567890 eta —— ABCDEFGHIJKLMNOPQRSTUVWXYZ abedefghijklmnopqrstuvwxyz 1234567890 Tonite cee ABCDEFGHIJKLUNOPQRSTUVWXAYZ abcdefghijklmnoparstuvwxyz 1234567890 ABCDEFGHiJKLMNOPQRSTUVWXYZ abcdefghijkimnopqrstuvwxyz 1234567890 Perea eat aCapitulo 4 fuseO° @eoo ® O o O O 0 1®©OLHOO eeeeodeJy eri El tnt pre Bos segs Ios Fundamertos dl seo ctv MEKoe sem iev.Capitulo & anatomia de un tipo Los tipos y las familias tipogrdificas se pueden clasificar seguin sus caracteristicas inherentes. Para comprender el sistema de clasificacién y los medios por los que se clasifica un tipo hay qiue estar familiarizado con la terminologia usada para describir los elementos que forman un caracter, Muchos tipos tienen su origen en disefios de los ultimos 500 afios que originalmente se fundieron en metal. Otros tipos tienen un linaje que se remonta a la obra de los picapedreros. Aunque ahora se presenten en formato digital, estos tipos aiin contienen elementos caracteristicos asociados con las necesidades fisicas de los tiempos en que se crearon, La era digital ha provocado una explosién del nimero de tipografias disponibles para el disefiador, y ha simplificado el diserio de nuevas tipogratias y la alteracién de las ya existentes. Redonda (roman) Cursiva (italic) Fina (light) Estrecha (condensed) Negrita (bold) Extendida (extended sara, semineara,sugereaa Coma ene case de a Aide Grates a paste come ea Bodoni, vaze pip 120 Grotesque 1926 Monotpe Cormeraton La Alden: Grotesh, que 926 de popular entre ls oe Radores sizes nla dead de 1950, isp as mone tvoralas de palo seco come la Univers vt Hewes a Funders dl dao ceive TieaatiaI]KLMNOP QRSTUVWhealth zeroing rad Pye, e MEDISCH o WETENSCHAP TLAnuoes oe PELIJ! ONDER ZOEK MET WILS ONBEKWA MEN ane seen eesti Twasla personalidad de los tipos La variedad de disefos de tipografia crea diferentes efectos en nuestra mente. Automaticamente establecemos asociaciones de personalidad para cada tipografia; por ejemplo, decimos que algunas fuentes son autoritarias y otras son divertidas. Las personalidades que encontramos en la tipografia se extienden a nuestra interpretacién del mensaje que transmite un texto, También refleja los valores de la persona o de la organizacién que la presenta. Si el tono que transmite una fuente tiene un significado coherente con lo que dicen las palabras realmente, se dice que congenian. Si congenian poco, o de forma irregular, el lector responderd con mas lentitud al texto y puede que no acepte el mensaje. ZQué reaccién le producen las palabras de abajo? Un exceso de personalidad puede resultar nocivo y reducir la legibilidad personalidad de un tipo pu potent el dso, rule o tener un efecto neuro, alo qe pra arovehar teas las ventas de Is Feet Ingortane ser consented personalidad de a poral, | ' — é2ONTEMPORANBA? SERIA? Monotype Gala Playtll 1938 Ronert Having CTRADICIONAL (ariva) Pop 2992 Hele Bry Mem tnoarata nus hace referencia I tecnologia de mapse de Heuser cosa menos tradicional (piginaeouesta) Trade Gothic 1948 J. Burke Un dei yl. nt, exceluand la "gen ea bj, aut mo ene eine de viene cue se podkia esperar 8 Fordanertes del de creative oagatiaanita 4 el tipo como imagen Hasta ahora hemos analizado la tipografia basicamente en relacién con su funcién principal: el uso de las letras para comunicar palabras. Pero la tipografia también se usa como simbolo 0 icono que, a través de su representacién visual, comunica algo mAs que los significados de las, letras que la componen aunque, por supuesto, el hecho de que las letras tengan algin significado da un valor afiadido a esa imagen. Los logotipos son un ejemplo comin de esto. 2Cémo asociamos: un logotipo con una empresa? éEs a través de la imagen visual o de las letras que lo componen? En el cas vine portions Herdae Oo Pen, Lewis Moberly a6 nena ipogratia para rane una sneacién determina ques complerenta con as largas etqueas del calle de total, Codificads por colores, que incororan fotografia el pata de a rein en iene estacoes para cierencir las varedades, Dist: Lens Mabery En est ptr Cra Yamey scan alabeo oe letras raimentarias para ance ae ‘specu de bal llama Life (vida, I azo rial lag letras da ua snsaldn de Est tarjeta de presemacn del itr la arguitectra Joe Ker, por jmplo, ba werormade un graft bastante pac ima un mon de cvvetora en un element iden tera y de valid qe neal terfectamente can ett dl ee tar del tanta fe ma pesona cue lama Jo ere que poder Disee: Cala Yamey dar per seta que no nip ratte mo para aoder toma la foto ise: St ” Faerie et ditb creative ToosaiaEe tiporatie, como mane, “Soe cha fuera pore rove a erotividd, la regia ye senteado qe soshanos ca un esl rion setermina, sumac at ‘emer camunicatv deo ue Hee o representa las letras. La Seerpretacin ya tracuecion Se hasan dela ipoorafa Spence en pate ann oe Feo ono queso proses Bib cs un pister dsehato pore Bette Sanmeistr Inc para AlGA Detect. Es foes ls Beseora ce Rie Rani, a os ani Stet Pvescer, que se las palabras ee Sicilia ce fotaren el brazo en Fesuesta «uy neiesta ae e resintab: «Eres de verde. W Stefan Saareister decid acer lo nism, pene a wr Bears guese grabarae dicto apie para expreser oor fue parce scampi 2 Brovectos dese, dua sea Blip que la mayor de becaios Sete a tevtacin de acer en 3 una buena es, Et mde de rodicin do ements ‘Spore ten tanta fuss Fnorevone tents aue funciona fis como imagen aue como overs. Dies gue Ia lua Bete mas pacer que ls espat peo ene cacao Eeenuicasresrarece ser quese Fegan i spac lounes Diseio:Sapreister rcoo eo TF BKHe SEeene FERBElAiajada am i W8aholoe EE aiverd > 04 october 2000 to 15 january 2001 lucas para conponee am ex atin goal Dist Stutio Myers 96 Fundanentes dl do restvo Tosa° © ae 1 b =a rs Hos Fundaneros cel dst ceave mn F jo i T R A N $ 0 R M +La clasificacién de familias tipograficas es una de las pocas tareas en las que se puede juzgar por las apariencias. Es importante tener una idea de cémo se clasifican las tipografias y las. diferencias que hay entre ellas para comprender cuando es mejor usar una u otra. Dado que hay muchos sistemas de clasificacién, en esta seccién nos ocuparemos de los tipos de clasificacin mas conocidos, que pueden recibir muchos nombres diferentes. En sentido amplio, las fuentes se clasifican segiin sus caracteristicas. Hay cuatro categorlas basicas de tipografias: germAdnicas, romanas, géticas y caligraficas (Sanders y McCormick: 1993), En términos generales, en la categoria de las romanas encontramos todas las fuentes con terminales; las fuentes goticas son las de palo seco; la categoria de las caligrAficas incluye las familias que imitan la escritura manual; y las germénicas son las basadas en la caligrafia antigua alemana. % Capitulo « sistemas de clasificacion ante Romans o Aguas 01 Ste Reva oetrmicn lane arene ies Funcamenos del de crentvo Palo esas ‘line eogaees Gases cunts Esta elasiticacign es muy sera yd informacin muy bisica sobre ‘iporaia Cada una de as clases se puede vii en subclases cue Informacin mas expectcaPe Orme Cems cen myd SUMP eT adorns predominante en fa Edad Redia. Debido a fa complejidad de fas Fee Cems Ucocan Calc m yea OCae Recerca ey CO Pom ieee nas PI CRcc Ut cme RRSCC ALE OSes cm turned THe CM SIU cen TU To CF Friaiitaenossomes Gramyicent mem familiaridad, 1 el estilo de palo seco de hon en dia resultaria Seale i pata ef priblico de fa co Pee ec Las fuentes de palo seco, tal como indica el nombre, no tienen los trazos decorativos -que guian el ojo, por lo que los pasajes largos escritos con estas tipografias son de mas dificil lectura. Su disefio, limpio y sencillo, los hacen ideales Para textos indicativos, como titulares, pies de foto y otros textos que no forman bloques. Neletica 1959 Max Miedinger 5 ta tipografiaanteriormente se lamaba Neve Haas Grotesk. ‘stigaciones han demostrado que los terminales, apenas uibles, nos ayudan redida a reconocer los carac a leer siguiendo la linea de texto. Por este motivo los tex. tos largos son de mis facil leetura en una fuente con terminal Goudy Modern 1918 FW. G Los terminal evidente, crean una tipografialeaible Las tipografias calignrapicas fueron diseitadas porn imitor Ua escritura mona de mode que cunnde ve iuprinen loo caracteres aparecen wider, Loo artilugion de escritura que reproducer von de uno plume estilegriticn a un pincel y, ab igual que ocwnre ex Uo encritura manual, ob texte wo debe estar todo ex wayiincudas. Estas huentes suelen usare ex textes cortes conte inuitaciones, tonjetos de visita y anueecios. Brody 1953 Harold Broderson Trazos descendentes muy cortes; las letras de caja baja quedan muy juntas.TCC Me eee ee a ee a de), Cd ARCHEFGHIIKGLMNOPORSTUMMXY abrdefghijkimmopgratumuxyz Con terminal, Romana o Antigua Old Style / Veneciana ABCDEFGHIJKLMNOPOQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abedefghijklmnopqrstuywxyzAldina ABCDEFGHIJKLMNOPQRSTUVWXYZ abedefghij klmnopqrstuvwxyz Sate ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijkImnopqrstuywxyz Holandesa ABCDEFGHI]KLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abedetghijklmnopqrstuvwxyzOld Style / Revival ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijkImnopqrstuvwxyz Cooper ABCDEFGHIJKLMNOPORSTUVWXYZ abcdefghijklmnopqrstuvwxyz De transicion ABCDEFGHIJKLMNOPORSTUVWXYZ abcdefghijklmnopgqrstuvwxyz F ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzCDEFGHIJKLMNOPORSTUVWXYZ defghijklmnopqrstuvwxyz CDEFGHIJKLMNOPQRSTUVWXYZ edefghijklmnopqrstuvwxyz ndon CDEFGHIJKLMNOPQRSTUVWXYZ ee ae CDEFGHIJKLMNOPQRSTUVWXYZ bedefghijklmnopqrstuvwxyzNeoclarendon ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopgqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Clarendon / Legibilidad ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzCDEFGHIJKLMNOPQRSTUVWXYZ defghijkImnopqrstuvwxyz CDEFGHIJKLMNOPQRSTUVWXYZ defghijklmnopqrstuywxyz Secia / Antigua CDEFGHIJKLMNOPQRSTUUWXYZ cdefghijkimnopqrstuvwxyz CDEFGHIJKLMNOPQRSTUVWXYZ bedefghijklmnopqrstuvwxyzDe palo seco, Gotica o Lineal Palo seco / Grotesca ‘News Gothic 2909 MF. Benton En 1968 FBartska cre6 nuevos grosores de tra como conplerent a ies orginal Franklin Gthic 1908 MF Benton ‘La Fran Gath atualmente se presenta en curs, neat, anc ycondersad, pero runca se he presetade una serie excafn, De palo seco / Neogrotesca ‘Alaidons Grotsk 1806 4, Sereno a AladenaGrotest, popular entre fos dseares ulos del ended 1950, fea inpraclén de las moderns ene in erin ceo la Une Hebe. Folio 1957 KF Baver Esuna de plo sco dl 5, también conecida come “Caraele, con su enol caracteristin en la "yuna "A cua, 204 Fundaments del sto eesti Moosseco / Geométrica - 2 Black 1929 WA. Duieins fa ela sere? 1 gor la "M4", "Ny "W" ables th Century 19505. Hess en oronorciones la Futura. seco / Humanista Bold 1956 Herman Zapt 5 welven oruess hacia es etree, lo ue led un sti aspect bier. 2928 Eri Gil Ja cnsderan ade palo seco mi “epble”, debi probablomante a gue cevivat tps clisies con terial Famers de deta este Sitemas de daiencoDe palo seco / Cuadrada 962. Now rst 1962 A. Novarese Disafsca como cmplerent sa Wicrogramma, que no tna si bla Caligrafica ACIP LARA NORGEL Vee Pushkin - a ABCDEIG HIS KLMNOPQRSTUVWKY.- = abidefghishlnnopgrstuunyz Funders dt sea eeatio TpearaiaHAY QUE MENCIONAR OTRA CATEGORIA MAS, LLAMADA SIMBOLICA, DECORATIVA, DE MUESTRA, EXPERIMENTAL 0 GRAFICA, QUE COMPRENDE TIPOGRAFIAS QUE NO SE PUEDEN INCLUIR EN OTRAS CATEGORIAS.+ ‘Simbélica teitoftahaftaltalteftelteltette/ ele te A NEI OOOOOO {psf eo eal \o ea yea E05) a a rE Sa a co) ef \_ NONE Se BOS Pr co.00 J KK EPEC OIE FOP PELOVADOOOOMM DO 9'D ABGDEEGHISKSMNOTORSTUVHA abedetshidkimnorsrstuvaase Esta fuente dle muestra decratia, qué evocs el dso dls cateles de a dcada de 1960, so eth inc para grandes crm de eta.rimental COCFGHUK LMNOPQKHSTUVINE US BCDEFGHIJKLMNOPQRSTUVWXYZ bedefghijkimnopqrstuvwxyzDe muestra ABCDEFGHLJIKLMNOPORST abedefghijklmnopqrstuvwxyz sn remate, que conan una tipgraia muy cea, ABCDEFGHJKLM NOPORSTUVWX bee ro WAIMne REIN Nae Reconocimiento éptico de caracteres ABCDEFGHIJKLMNOP@RSTUVUX abcdefghijklmnopqrstuvwx ada ajustndose 2 ls requisites la Asucacdn Eurpea de Fbricants de Orensdores (European Camouter Manusctres Association, ECMAD. .~ ABCDEFGHIJKLMNOPQRSTUVWX abcdefghi jk! mnopqrstuvwx (00R 1958a eee cee eared Si nea aes Dea ee ee ete ee eee ae Caer arenaEi extio de se FaydheroeDe Venger cre frmerente cue a embinaidn ce tnt €mdgones etera predic lag mls que a ura th partes ara ut se dir holands, la Upngrafia Cee una muna vera. El wo ‘une vial an rigorante come su eagel el png ten un pater y stn elemento vival que seein ‘deeraao esl que forelana mor 2a hora de ear un fect, sas cattls de cine fueron alanis on laa Ge 1930 antes de que stud dsr ‘plaba dels manvalestpsrifics das 9836 de 2920 y 1930. La ade ordenadres La tpogeata se selescionaba y se intern era oblener usa poor qu naa mi estviera usando para ar un ae orginaicon a a cbr, «Busine a tiograi 58 ims pata afar infrmaclén olen Wout de Vringe no de as cas fe ara dara una obra un asrectodeerinad Hoy se ha impuesto la ieee uefa imagen debe nacre raj mz Funders dl Sse cto a aratin adaire vo st emit ara sorta nif Sienna Is plas, East ng yl pope peta eel itr sinena Exes et obj de da esac de vcd Lo sts ilmenite dn Ses de na conta, Er oe Ec ea caro scan an ri ci ate, los decent xb aer Irina pari sae en sits con oa cobain de shergmibie cance tb Diseio:Faydnsbae Vengermeiekfilm Lees Tostival Europese Cinemascope Films Siesta eiiieselincaracteres especiales Un Alfabet6 por si solo puede Ad bastar para estructurar informacion textual o comuficar énfasis fonéticos y el infinito ntimero de ideas y proposicianes qlle queremos expresar. Por ello se hacen necesarios diversos caracteres especiales. La puntuacién nos permite calificar, cuantificar y organizar informacién; los acentos nos dan informacién sobre el énfasis 0 el sonido de una letra; y los pictogramas nos dan informacién directa, como en el caso de las unidades de moneda. a a a ne Senta Spinto atten 100 pt 14pt Una eme esa ita de ein Fata eno ein Unido onreounente a a archuay ata el ti male eosin Asi es, una gorala de 24 putas 1 wa ene 6 14 pts. E én roids de cud sips fudan cute cua, Actin, nls pias generals gor nay, eta" na gua elaine la esta ce Enel est de Europa seta uta trasiionament el ciety uatratin, augue come uso le omonscn por ordenador, tara cor med universal Fundam del se eestio eda aue tee las mismosorgeres que la ene, y se 2 medida de un tps de Imprencs Un gin corto pic covresponde aun eco dela ovat de ev onsaleTo Seer ae) | 2 eer een eee eee ee on ee eee rey eee)cuadricula de Frutiger Adrian Frutiger destaca en el pantedn de los disefadores tipograficos debido a las muchas tipografias que cred, pero en particular por la familia Univers, presentada en 1957 por Deberny & Peignot. El principal motivo de su éxito fue el sistema de numeracién que desarroll6é para identificar el grosor y el peso de cada una de las 21 series originales de la familia. Tras las revisiones y ampliaciones de esta familia, actualmente hay mas de 50 series, de las que presentamos algunas en la pagina siguiente. Su logro con la Univers no se limita a la creacién de una amp gama de tipoarafias. La presentacién de la familia de tipografias Univers de Frutiger en forma de diagrama muest un orden y una homogeneidad entre las relaciones de peso y grosor que existen entre cada seri Esta cuadricula se convirtié en una herramienta visual y un modelo que otros tipdgrafos han usado posteriormente para crear sus propias familias tipoaraficas. A partir de entonces otros creadores de tipografias adoptaron el sistema, tal como podemos v en este ejemplo de Helvetica Neue. Hettea Helvetica Neue 95 Disehada por Max Mleingr en 1959 paral func de pas Haas, ween cer nee Helvetica Neue 85 Disends con un caréeter Sandi" en estilo modest Helvetica Neue 75 Helvetica Neue 65 Helvetica Neue 55 Helvetica Neue 45 me Funsaments del so eesti Tineaage sun tp afo efel e, aes de shore orcanizaciones csacamales y baside el Mas abies SS Se ES oe is grea Desde entores, otros cradares caso. fa Heetca Neefamilias tipograficas ampliadas Una familia tipografica ampliada consiste en todas las variaciones de una tipografia o f determinada. Incluye todos los grosores, anchos y cursivas. Algunos ejemplos son la Univ la Times Roman, la Arial y la Garamond. Muchas familias de tipos toman el nombre de su creador o la publicacién en la que se usaron por primera vez Las familias tipograficas son una Uti! herramienta de diseno porque ofrecen al disefiador un gama de variaciones que se pueden combinar de forma limpia y metédica. Para dar clarid: una sensacién de uniformidad a una obra, muchos disenadores se limitan a usar Unicamen familias tipograficas en un mismo proyecto, adaptando soluciones a partir de las variacione tipograficas que éstas ofrecen para establecer una jerarquia tipografica. A partir de los seis ejemplos de la familia Officina de la pagina siguiente, se podrian selecc fuentes para usarlas en titulos, cuerpo de texto y pies de foto, por ejemplo. ABCDEFGHIUKLMNOPORSTUVWXYZ PN Ce eC OOO MD ArA Ee re ae WXYZ 1234567890 Ere ec ULSAN Rots 1989 Ot Aicher dere qe dgpane ce uchaspeoe diferentes, cn terminals opciones, The Sans’. The Mix The SangToe Mix 1994-2996 Lucia! de Groot ue Fuses dl deo eestie TperatieCapitulo ¢ detalles de los tipos Las tipografias presentan muchas diferencias. Algunas tienen terminales y otras no. El espaciado de las letras no es la caracterfstica mas evidente cuando se piensa en una tipografla, pero en determinadas aplicaciones puede ser una condicién importante. El interletraje determina la cantidad de espacio que ocupa una letra; un tipo puede tener un espaciado fijo o proporcional. Espaciade fo paclads fi, cada caricter eupsel miso anche Su tana. Estas tiparatias orighalmene eusaban rib Pariten ali elas serials La courier 5 ona ‘iparatia pica de spacings oan an ers dele eras tfc prouccé, por temple para ge Espaciado fijo f£fffffffLe rreveerege Espaciadeproprcional Las fundicines Mevorype yLiatypeintrosjran un eters espacio roperconal po 1a espacings natural ‘manual stra, C383 carte cpa Espaciado proporcional sesssasssa9099 9999999 xo Fundamentes et sso eeaio ‘Aineaién de numerales, Le mayor det Caractere qe ene a sma aura y a epaciado ij permit alles cs numerals ves ara da ifrmacin en form abl ado ue tenes a miss altar, rentan 2.341.536.685,00 153.687.145,18 515.598,89 Numerals etzeirines Conociostarbign come numerals de aa aj, ienenlferenesaltras ue puke iota a ctr, 2.341.536.685,00 Estos earateresocipan ancuraspropercionaes a5 tara, logue ls hace indecundes pra presenta iaermcin tabular 2.341.536.685,00 153.687.145,18 515.598,89los tos san mayres cuanto mayor es cet, nero deido ferent aroseres, lguies pvecenmayores que ores del mis meio en suites. oe MX XX Mx -x-height Palatino Palatino eas yoblcnas| alas tporaias se crea inctinand fa fuente reer, Helvetica Italic Fundamental seo create aura dela ial dele x noes une rela ia Ni iver et elacionada con uty de una tporaadeermnads en purtos. Toa las x de aia sti en cut 50 sin eng algunas san mayoresaue otras. La air ‘fe aes uon msi rata que ace reece al tenia ete a Tinea base a rea med, VERSALITAS GENERADAS VERSALITAS AUTENTICAS Yersaltas ‘os erdayaevraias Uerencaacteres el mismo arosor qu as masta as vesaias wereatasrediente programas de composi, ro 1/6 3/4 1/4 3/8 Ec eee eee Caen Facies Las rasiones se pdn presntr e lferenes mats. Suen aparece como ng sein de caacteresnormales cums ele 05 nies ‘va ordenador cannibals sipernn Las raacons de eme Carri fl Toten se erean usando numerals en sobindc y spend ‘separa por una bara, Los qicbraossuelen ser corcteres prestablecidos (ari, Hanon Detar a oe toseee Sees fea ete ees cee ee ere eared crbndoas érectamente Pee Deans poe ees ee ee Ane | The espe Be 2 Fai oper Enea | Hin PT Lucu Elfin aaa SWE Ariel sips EES TO CRN, He Pores ane wearer INSDE Mors the DEAE PERT, Ope Re 3 Tre se WE TNS bese Bee we ney TREES net IN ap Ba . THe eo Oa Ey ent eae re < ¥ F Dg, eenveniyeae~ "|G Fhe EAD NEM Bee 4 Dag eo OS pepe | ACER ¢ AAR ani C set a We ue’ a non ers » a SET The nae * > set “ewan ~ Twin dae nae cr eee orVise) Dest Be eon En ste poster 0 ease Espaciado iis ee pba i is sperpanen pa conflate Dice: Johnson BanksFoam dela ej de texto ‘as ierenclas a forma de a cal de test den ear wos estas sales muy ferent y ormendetes, al como muestran estas =shemples. Dede fe snl nvaduei de una capt al usu de deers “yee Se ura misma fuente os frees Spas de snaria zanais de pirat, nega y sangre primera ines pava ear etructrs, leraraua slgnic36, ls tar35 Son eras pera pn earn impact espectacular en la presertacin 6 a peza. Tambien se pueden sa lets para organiza el texto quia al etr. Las derncis en la forma de una caja deco pecten dar unos “esuladcs sites muy ofeontes y soprendertes tal coma muestan estos sepios. ‘Desc simple inoduesn una capi sluso de aorentoe rotors 6 ura mia fonts oo cforenes toa do canada seein “te pirate, negatvas y sang de primera nea para dar esc, _erarquia a sgnteaco, as ericsson sexes pero pueden ter un impacto spectecularen la peseotcion dea piaza También se pueden user fistes pare exgarizar exo y lv a aetox ‘ila lneacién quer, Bandera derecha. Cuerpo 7 see inteinest> 10, Sin esac entre paras. Salto be pirat. Las ciferencias en a forma de una caja do texto pueden dar unes ‘resultados visuales muy diferentes y srprendentes, al como -muesiran estos ejemplos. ‘Desi imp ntcuceién ce ua cable al uso de eens _rosotes de ura mista fuente aos derenes tpos ce sangria sangria “de prato,negatvas y sangria de paneralinaa- parade ett ersraula © giteao las téericas con soncilas pero pueden ener un _imaco especooulr ena presentactn dela pez. “Tamblen se user usar ites para ogarizar el exo y guar alectot Aca: espacio de 15 tas eal pire, Para orato, Pre patrafoen nei, 4 Forres el eto creation {is diferencias on a forma de una caja de texto pueden dar uno ‘resutados visuals muy iforentes y sorprendentas, al coma ‘muestra estos ejemplos. Desde la simple introdussion de una captor al uo deferens orsores do una misma fuerte ls diferentes pos de sangria sana “de parafo,neaias ysancra de primera nse para Car esti ranula a slonitcaso, las erie een seneile arepuecen fe _nparto espectacular ela pesentason ca a pea. También se pueden usar Hoe para oranizar ol tonto y quer toetor Arias sanria neuatv de primera ea de para, Inicio de yea = segit yprimer pata en nevis, ‘Les iferencias em la forma do una caja de texto pueden dar unos ‘esutados visuales muy dierontesy sorprencantes, tal com _muestran estos ejemplos. Desde a snp itoduceiin do una capt al vo do sfrertoe ‘resores de una misna sete os dere tpos de sangra sana de traf, galas y sana de primera ines para Gar ‘eirctra, errata osignioae, las tecrias san senilas pero ‘sla tener un impacto espectacular ela presertacin del laa “Terbiénso pueden va fetes para orgarizar texto y quar alletor Aria sangria de primera lina. Parafe frances. Pier iat eb eat. La ferencias onl forma de una co de texto pueden dar unos ‘exultados wsuales muy cfeentesy sorprendentes: ‘a como muestran estos ejempios.. Dbsde simple intecucetn da una capt uso ds _foronis gjosoes de una ma fun [os deans Ariba sanria con la primera linea manizal ladle. Primer patra == vegeta{25 cifrencias en la forma de una caja de texto pueden dor unos Lerersitacos visuals muy diterentos y sorprendentes, ‘sl ome muestran estos ejemplos. Desde a spleiotccin de una capa ol uso de eres gocores dea mista fuente oes eres pos de sana -sanaria 2 pao, nezativesy sangre de frmera ines para dt estn.cture, Jerisi'o sentient, a creas son sncilas pare aden tar un mpacio ccpoctacular ona procentacin dpa pioza. “ambi so puecen Ls tiktes para organiza texto y gular lector Arion. copula de ds eas, Primer pirate en neta Las aiterencias on ta forma de una cala de testo puedion car unos resultados wsusles muy diferentes y sorpendentes, tl come ruestran estos elempos. Dade asim ivaduocion do una capt al uoo da cteenton osores do una misma fuente os derertestpos de sanara sangria Gepanao, nagatwasy sangria de pxbnera ines para dar estucura, Jecmula. © santeado, ns ecrioas son snes pro psden tener on impacto cepoctaculr en la presertacion dela pica, “ambiance pueden veo ete para organiza ol toto y ular econ ‘ria on filet tras los peas (on na eparacin etra de uy 40%) 2 anenura oe eolumna, Primer parrafe en negra. Les ierencias onl forma ce una eala do texto pueden dar {S005 resultados visuals muy eferones y sorprandontss, tal oma nuestra estos ‘muestran estos sjempos, eco Sre toric dena capa al ws ae aaertes ess ee mi re os eenes tons Sau Soni psaguat Da woo eer ninprct ery ee Sibi se pueden usa Ts lest y ula al etor “rs: on ubrayad aa anchor de tt, Primer pra en negra, Fnfantn dt dzsn entre | Heo Arca on tata, Tabla vail, Primer para en nia, ‘Las aiferencias n a forma de una cal de texto pueden dar unos | resultados isustes muy terentesy sorpendentes, tl como ‘muostran estos sjempos. ‘Doado fa imple invecucsén cs ura capt al uso da deantsa ‘roror ura misma ent. oe dferatestoos a= eangia ana de raf, negatives y sanara de pa en pra dr ecructra, Ieracniao Sinfiad, las t8ncas Sn soci pero pueden toner un inact eepnstacuay ans presatacion dels pers, “arbi co pon veal: para omanizar toto ular ctor: ‘Ariba: centade, Primer pirrafoen nega, Las aterencias an la frme de una caja de texto pueden dar unos ‘elas visules muy cterentes ysorprendentes, ta como Imusstran estos ejempie. Datel simpl Inioducln de un caitula l uso de dfererts ‘saree do una misma fyetoo los dforntestipos de sangria canara ‘de para negatvas ysangr' de primera ies= para dar estuetr Jeerquiao dana, ts tecricas on sacl pero pueden ten un Impacto espectacular enlapresereacn doa pleza ambi se pueden use fetes pars rari eto y ul lector ‘Arriba: alirende al devech, Bandera ala inquerda. 4mm tas cada pirafo, Primer parafo en neat, Detales6 e tas