Peus ajudeu-me. Doncs anem a veure … per conèixer detalls sobre el contingut d’una imatge, per aportar ritme a una publicació, per generar una doble lectura eficient …, anem, quasi “na”! En aquest post us expliquem més d’un secret sobre un els elements de el disseny editorial més utilitzats i, alhora, més criticats.
Per això hem fotografiat nombrosos exemples d’algunes de les nostres publicacions favorites (Tapes, Jot Down Smart, Graffica, American Chordata, Mondial o Icon , entre d’altres). i per postres, com sempre, una ració del nostre venerat InDesign i un parell de trucazos. i ja que de peus va la cosa, caminant que és gerundi!
què són els peus de foto?
Els peus de foto són textos, habitualment d’extensió reduïda, que aporten informació sobre la imatge o il·lustració a la qual acompanyen. Aquesta informació pot tenir un caràcter purament descriptiu (la Nit Estelada. Vincent van Gogh, 1889), o bé, aportar un contingut una mica més extens o subjectiu. En aquest ú últim cas solen denominar llegendes. En ocasions, els crèdits de la gràfica (el fotògraf, il·lustrador, infògraf, etc.) apareixen juntament amb el peu, mentre que en altres figuren a part o a l’inici de l’article, en la secció de staff general, etc.
Les possibilitats quant a la seva ubicació són múltiples: immediatament sota de la imatge a la qual acompanyen, superposats a aquesta, en un lateral amb lectura vertical o fins i tot, com veurem, a la pàgina del costat.
en aquest plec de American Chordata, els peus apareixen en vertical i molt propers als marges interiors, alguna cosa amb el que cal ser especialment curosos si no volem que es dificulti la seva lectura.
En cert tipus de productes editorials, com catàlegs, faciliten una doble lectura. Així, si estem simplement ojeándolo (o sigui, sense prestar atenció a el cos de text principal), podem anar mirant les fotos i llegint la informació que les acompanya, és a dir, els peus o llegendes. En revistes o altres productes amb una càrrega gràfica important, funcionen com a narradors invisibles i aporten ritme a la composició, fent-la molt més variada i entretinguda.
La qüestió és que en cap cas anem a considerar-los com un element editorial menor ( “pooobres pieses”), sinó que prestarem atenció a la seva execució, tant en el procés de planificació i reticulació, com en la fase de disseny pròpiament dita.
Fer servir els peus de foto interactius de InDesign contribueix a generar un flux de treball editorial d’allò més saludable.
InDesign: peus de foto interactius i algun Truqui extra
Una de les opcions més interessants que ens ofereix el nostre estimadíssim InDesign pel que fa a peus es refereix, és la possibilitat d’emprar peus de foto interactius a través de les metadades de la imatge. “¿Cómorrr?” Doncs sí, com ho sents. Per a això, etiquetem la imatge a través de Bridge, Photoshop o qualsevol gestor d’imatges o programari de retoc, i afegim la descripció en el camp adequat. Posteriorment configurem InDesign perquè mostri el contingut d’aquest camp de forma automàtica. A més, InDesign l’actualitza al seu torn si canviem aquesta imatge per una altra. Lògicament, això depèn de que la foto en qüestió hagi estat correctament etiquetada en un flux de treball previ.
Aquesta protocol de treball pot ser molt útil en un flux de treball editorial, on els redactors etiquetin les imatges de manera que els dissenyadors només hagin de implementar el peu interactiu que canviarà segons la imatge.
seleccionem la imatge prèviament etiquetada i, al menú contextual (a què accedim amb el botó dret de ratolí), vam seleccionar “Peus d’il·lustració” i “Generar peu d’il·lustració interactiu”. A través de l’opció “Configuració de peu d’il·lustració” podem configurar aspectes com la ubicació dels peus respecte a la imatge.
Una altra eina molt útil en forma de truc és emprar l’espaiat de marge interior dels marcs de text. Configura el marge superior i / o els marges laterals amb la distància que vulguem que hi hagi entre el peu i la imatge a la qual acompanya, ens permetrà ser consistents sense acudir a el conegut “quadradet” en qüestió ( que sí, que tots ho hem utilitzat, però que té zero glamour). També podem emprar per ubicar els crèdits de l’contingut gràfic de la nostra publicació. Per a això, amb el marc de text seleccionat, ens anem a menú “Objecte” i seleccionem “Opcions de marc de text”, o millor, apren-te la drecera CMD + B (CTRL + B a Windows).
Hola opcions d’espaiat de marge, adéu quadradet . We’ll miss o!
Consells per dissenyar peus de foto
particularitza la tipografia i el cos empleat
Utilitzar una variable de la tipografia diferent de la del nostre text general (per exemple, light o bold, en lloc de regular) farà que visualment es percebi com un fragment d’informació a part. Així mateix, a l’tractar normalment de cossos de lletra més petits, pot ser bona idea emprar una mena de pal, especialment si la font del nostre text general és serif. Així la particularització tipogràfica dels nostres peus serà doble: a més de suscitar l’interès de l’lector, ancorarà visualment el peu a la pàgina.
Varoom, la revista de l’AOI (Association of Illustrators) encapçala amb un titular en negreta que capta l’atenció. Després desenvolupa el peu a regular, encara que no li aporta informació curiosilla.
Ubicació i alineació, claus per a l’èxit
Com avancem en la introducció, la ubicació dels nostres peus és vital i les opcions disponibles, múltiples. Que no? A la dreta, a l’esquerra, a sota (a dalt és menys freqüent ja que afavoreix la confusió), sobre la pròpia imatge … Així mateix, també podem aglutinar-los en una llista o requadre a part i numerar les imatges quan el nombre d’aquestes sigui excessiu, o simplement vulguem marcar-nos un “toqueciño diseñil”.
Quan situem els textos dels nostres peus sobre la imatge, hem de prestar especial atenció al fet que l’àrea on ho col·loquem permeti una llegibilitat correcta. en aquesta doble pàgina d’Icon s’aprecia com el peu de la pàgina esquerra es llegeix millor que el de la dreta, que presenta més soroll en el fons.
En aquesta doble pàgina de la publicació Graffica (de la qual som molt fans), s’empra un requadre sobre la imatge que desenvolupa informació sobre Meredith Davis, a el mateix temps que aconsegueix un joc compositiu. Genial!
D’altra banda, si l’alineació dels textos en una publicació és capital per al seu look and feel, en el cas dels peus de foto puntua doble. En ocasions, els peus acompanyen una sola imatge a la pàgina o plec, amb la qual cosa no hi ha confusió possible. No obstant això, quan apareixen diverses imatges properes a la pàgina, l’alineació dels textos de el peu guien el lector de forma implícita i ajuden a relacionar-los amb la imatge adequada, i no amb la seva veïna.
L’alineació de el text dels nostres peus es relaciona de manera implícita amb la imatge a la qual acompanya.
Alineacions esquerra i dreta solen ser les més apropiades. Les centrades són menys freqüents (i aporten una empremta més clàssica, però tot depèn), i, en general, evitar la justificació sol ser un bon costum, ja que a l’tractar-se d’textos curts solen quedar fallits o antiestètics. Independentment de les decisions que prengueu, mai alineéis els textos a la banda oposada de la imatge a la qual acompanyen.
Com una imatge val més que mil caràcters, a el lloro amb les imatges exposades a continuació i, per descomptat , amb els seus corresponents peus.
En el cas d’aquest plec d’American Chordata, la ubicació dels peus sota de cada imatge ha esdevingut necessari a quin es refereix cada un.
En aquest plec de Jot Down Smart s’observa una ocupació més juganer dels peus. Estan disposats en vertical i, a més, cada un d’ells es refereix a la gràfica de la pàgina contrària. ¡Peus perquè us vull!
la revista Yuca empra diferents recursos per als peus adaptant-se a l’estructura i circumstàncies de l’article en qüestió.
Fa servir elements d’ajuda a la lectura
Ja ho diu el refrany rayitil: “Una flechica a temps et estalvia molts maldecaps”. i qui diu una fletxa diu també un quadradet, una ratlla, un color inicial diferent, el gruix de la / les primeres paraules de el peu, uns filets emmarcant la llegenda … les opcions són infinites, això sí, curra-t’ho i que contribueixi tant a el disseny com a guiar el lector a través de la pàgina.
En aquesta ocasió Graffica empra una fletxa com a recurs per relacionar la imatge de la archidiseñadora Paula Scher amb la Tyler School of Art.
En aquest plec de Mondial, la revista sobre ciclisme afavorida per la marca Rapha, empren un recurs implícit com és el color assignat als textos. D’aquesta manera es distingeix el peu de la resta de fragments d’informació. Els filets, al seu torn, contribueixen a ancorar.
en aquesta pàgina de Tapes, s’empra encertadament un sistema de numeració per descriure els peus, sense perdre el toc de bon gust que caracteritza a aquesta publicació.
Dóna-li aquest toc extra
No et limitis a descriure la imatge en si ni a reproduir textualment algun fragment de el cos de text (No és un destacat!). Aporta una mica d’informació interessant i faràs que el teu peu sigui més atractiu, tant per a qui hagi llegit el contingut principal de l’article, com per al lector que simplement estigui fent una ullada la publicació. Els peus guapos per dins i per fora 😉
En aquest reportatge de la revista tapes sobre un celler malaguenya, el peu té un paper protagonista en la composició. Un gran exemple d’aportar tant en disseny com en contingut a través d’aquest recurs.
El cas de la danesa The Exposed és especialment interessant. Com tots els articles van acompanyats de contingut digital (que podem consultar mentre llegim), una icona ens aclareix si es tracta d’àudio o vídeo i ens permet accedir-hi a través del nostre dispositiu mòbil. ¡Paper i digital es donen la mà (o el peu)!
No descuidis el contingut
Després de tot el que t’hem anat explicant, està clar que tenir cura del disseny dels peus de foto és un must en disseny editorial, però, amb això no n’hi ha prou. Tenir cura del contingut textual dels nostres peus és tasca essencial. No podem oblidar que les imatges acaparen l’atenció de l’lector per sobre d’altres elements de pàgina i que, els peus, constitueixen el següent element lògic a visualitzar. Si el contingut no revesteix cap interès, el lector començarà a ignorar-los al llarg de la lectura, i, amb això, perdrà una mica d’interès per la nostra publicació. Així que, estimats redactors i copys … A currar el text dels peus ja calçar amb rotllet!
en aquest plec de tapes, l’espai en blanc al voltant dels peus, els filets i el titolet que els encapçala, deixa patent l’associació imatge-peu.
–
I això, que no ha estat poc, és tot. Esperem que el post us ajudi a comunicar amb criteri i coherència a través dels peus i, a “caminar-” (mai millor dit) amb ullet diseñil.
Si vols aprendre més sobre altres aspectes de el disseny d’un llibre, no podem deixar de recomanar el curs “Com es fa un llibre”, d’Enric Jardí (a la plataforma Domestika), de el qual et deixem el tràiler aquí sota. a més, et parlem d’ell en aquest post, així que et quedes sense excuses per no deixar d’aprendre. Dóna-li canya!