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