Professional Documents
Culture Documents
mario garca
pure design
El ao pasado, tuve la suerte de estar en Chile, como invitado de el Sr. Agustn Edwards, el editor del El Mercurio. En un momento dado, el Sr. Edwards me llev hasta su magnfica librera para mostrarme algunos libros raros, entre los cuales estaba un manuscrito iluminado, circa 1945, de las fbulas de Esopo. Adems de admirar las letras en estilo Gtico y las sesenta y seis ilustraciones miniaturas dibujadas en oro lquido, reconoc instantneamente la habilidad del autor de contar un historia completa en unas pocas lneas. Esopo fue un precursor de la internet, pens. Uno no necesita mover el scroll para leer una fbula entera. Qu moderna y utilitaria manera de presentar informacin valiosa. La inspiracin para las fbulas cortas en ese libro naci bajo ese concepto. DR. MARIO GARCA SEPTIEMBRE 1, 2002
ii
iii
mario garca
pure design
contenido
prefacio
JOHN MILLER
color
C M O C R E A R PA L E TA S
introduccin
MARIO GARCA
imgenes
CMO USAR IMGENES
palabras
C M O C O N TA R U N A H I S T O R I A
proceso
CMO HACER UN REDISEO APNDICE
letras
CMO USAR LAS FUENTES
layout
CMO CONSTRUIR UNA PGINA
iv
mario garca
pure design
prefacio
JOHN MILLER
Si yo hubiese diseado 450 peridicos y hubiera sido llamado el diseador de peridicos ms importante en el mundo, estara tentado a descansar en mis laureles. Pero no Mario Garca. Mario Garca, el arquitecto detrs de los ms exitosos rediseos del mundo, incluyendo el Wall Street Journal (EEUU, Europa, y Asia), Die Zeit (Alemania), El Mercurio (Chile), El Tiempo (Colombia), Liberation (Francia), y el San Jos Mercury News, contina siendo un lder visionario en el mundo del diseo de publicaciones. Durante los ltimos treinta aos, l ha liderado ideas sobre legibilidad, narracin, y mltiples puntos de atencin, y ha ayudado a definir la manera cmo el contenido se presenta en los diversos medios, siguiendo una meta fundamental: disear siempre con el lector en mente. Pero hoy los lectores han cambiado. Las personas estn inundadas de informacin proveniente de tantas direcciones, que no tienen tiempo de encontrarle sentido. Miran rpidamente, escanean, y navegan. Todo al mismo tiempo. La Investigacin Scarborough recientemente report que el 91 por ciento de los usuarios de internet que posean un televisor en el mismo cuarto, navegaban y miraban televisin simultneamente! (Usualmente culpamos a la web por esto, pero la culpa debera recaer, probablemente, en los controles remotos, los dispositivos con los que la gente empez seriamente a determinar si estaba o no interesado en una estacin de televisin dentro de un perodo de cinco segundos.)
vi vii
mario garca
pure design
Editores y diseadores han respondido comprimiendo ms y ms y ms y ms y ms, manejando el volumen hasta llegar a una cacofona de agotadoras pginas de informacin densa y de pantallas hipnotizantes llenas de ruido. Pero la respuesta de Mario es una nuevo tipo de diseo: limpio, elegante, utilizable, y sincero. Diseo que se destaca de entre la confusin, presentando la informacin de una manera radicalmente simple, bsica. En una palabra: pura. El diseo puro no es una concepto revolucionario. De hecho, sus bsicos principios menos es ms se aplican a todas las formas de diseo. La serie de soluciones presentadas por Mario en este libro les dar a los diseadores nuevas perspectivas, ayudndoles a decidir cul informacin es ms importante, y proveer maneras acertadas de presentarla. Las ideas de Mario sobre el diseo puro han sido inmensamente tiles a mi equipo, y es la razn para estar involucrado en este libro. Nos hemos sentido privilegiados al trabajar junto a l y hemos visto la efectividad de el diseo puro en accin. Hoy, esta filosofa afecta a todo mi trabajo. Durante el reciente rediseo de una revista, terminamos el look y el sentimiento de las pginas rpidamente, pero pasamos largas horas diseando los grficos informativos, elementos claves en el nuevo estilo. Con cada revisin realizada, les quitbamos otra capa de informacin innecesaria. Fue un trabajo exhaustivo, pero al final nos quedamos con algo brillante: diseos que eran limpios, simples, e instntaneamente accesibles.
viii
Durante dcadas, los diseadores han buscado a Mario Garca para inspiracin, direccin, y nuevas ideas. En el mundo abarrotado de informacin de hoy en da, la de idea de un diseo puro tiene ms sentido que nunca.
ix
pure design
introduccin
MARIO GARCA
El diseo puro es justo como suena crea estructuras narrativas que son simples y descomplicadas. Ya sea que uno est diseando para peridicos, revistas, websites, cubiertas de CDs, newsletters, o reportes anuales, la inspiracin para un diseo puro viene primero y principalmente de su contenido. Una vez que ste ha sido establecido, el diseo puro exige lo que yo llamo el look y sentimiento apropiado para el contenido y para la audiencia a la cual est dirigido. Despus de aos de desarrollo del diseo impreso como una manera de adaptarse rpidamente a la tecnologa creciente, el diseo de hoy empieza a relajarse un poco, algo parecido a lo que sucedi en los ltimos aos de la dcada de 1960, cuando los llamados artistas minimalistas que surgieron en esa era, insistieron en acentuar cierta precisin arquitectnica, que conllev hacia la claridad y a una organizacin no relacionada de las partes. En efecto, era un estilo de expresin desvestida de decoraciones y excesos. Como el artista minimalista Frank Stella famosamente dijera de su pintura: lo que se ve es lo que se ve. Para el periodista visual aquellos que tratamos con contenido muy especfico dirigido a la narracin de una historia el lema podra ser: lo que se ve es como es.
1
mario garca
pure design
Mi idea del diseo puro se inspira en el minimalismo. Y, aunque este movimiento encontr su ms verdaderas manifestaciones en la escultura compuesta de unidades modulares, cubos de aluminio y acero, etctera uno se puede identifcar con la manera en que los artistas de este grupo crearon, por ejemplo, esculturas horizontales hechas de unidades idnticas. La impresin conjunta, sin embargo, es lo que contribuy a contar la historia. Del mismo modo, diseo puro es una serie de repeticiones: cmo se crean las estructuras de la historia, cmo se adhiere una retcula con el mismo nmero de columnas y repeticiones de espacios blancos, por ejemplo con un grupo tipogrfico idntico, y, si es posible, basado en una misma familia de letras. Todo esto es finalmente destacado con una paleta de color, as mismo hecha con matices similares, y solo unos pocos, que se repiten constantemente. Para el artista minimalista, la repeticin de las formas dio paso a una grandiosa impresin integral. Lo mismo se aplica a los que nos adjuntamos al diseo puro con el propsito de contar historias impresas o en la web. Los segmentos siguientes intentan crear bases de claridad y simplicidad para todos lo que hacemos como diseadores. Si la historia es contada con claridad y simplicidad, ciertamente lo que se ve es la historia. Eso, despus de todo, es la parte ms importante de nuestro trabajo. Sin embargo, en nuestro trabajo, la claridad y la simplicidad depende ms del instinto del diseador que de la teora.
2
Una estudiante de posgrado de una universidad americana recientemente me escribi buscando asistencia para su disertacin doctoral. Estoy tratando de establecer algunas teoras en el diseo de peridicos, me explic. Mi respuesta fue que no hay teoras en el diseo de peridicos, al menos no en el sentido abstracto de la palabra. El diseo de peridicos est profundamente enraizado en realidades prcticas y es ms un proceso orgnico que tericamente abstracto. Lo mximo que le pude ofrecer fueron algunas generalizaciones acerca de lo que tiene que ver con periodismo visual: Hgalo fcil de leer utilice tipografa que sea clara, fcil para el ojo, y muy legible. Hgalo fcil de encontrar emplee herramientas de navegacin que permita al lector llegar al contenido que l o ella desea leer en el menor tiempo posible. Hgalo visualmente atractivo provea un ambiente en el cual el buen contenido encuentre una forma atractiva de mostrarse, adems de incrementar el nmero de lectores que lo usen. Diseo puro es pavimentar el camino para que los lectores se muevan a travs de una publicacin o website casi sin esfuerzo, mientras disfrutan de la experiencia.
mario garca
pure design
Tipografa legible
Cmo alcanzamos este nivel de diseo vara de medio a medio, ya que factores tales como tamao, formato, y tiempo, hacen la diferencia. Para propsitos prcticos, examinemos cmo el diseo puro se aplica a un peridico bien diseado, sabiendo que sus aplicaciones a revistas y diseo Web son casi paralelas. Un peridico bien diseado debe tener: Primeras pginas noticiosas y atractivas. Al menos tres historias poderosas (llenas de emocin, bajo en relleno.) Al menos una foto maravillosa que transmita todo en diez segundos. Una lista de lo que debo saber y encontrar en el peridico hoy. Una lista muy corta de lo que debera saber si tuviese cinco minutos extra. Algo que me haga sentir bien acerca de m mismo.
Un peridico es, despus de todo, para leer. Es un hecho que acerca del 85 por ciento de lo que aparece en la mayora de los peridicos es texto.
Arquitectura de la pgina no complicada
Un buen diseo usa una retcula precisa, con combinaciones de columnas basadas en un set especfico, digamos de cinco o seis, de donde otras combinaciones son creadas.
En 1981, en la primera edicin de mi libro Diseo Contemporneo de Peridicos, nombr tres desafos que redefinen el rol de los peridicos. Hoy en da, stos tambin se aplican a varios medios: Aceptar la aparicin de la televisin como un medio de gran alcance para noticias y entretenimiento. Satisfacer las necesidades de informacin de un mayor nmero de lectores que se han cambiado a los suburbios y han creado nuevos microcosmos dentro de la gran rea metropolitana. Desarrollar un contenido relevante a los estilos de vida cambiantes de jvenes lectores y reestabler el hbito del peridico dentro del gran nmero de no lectores. Para la mayor parte, estos desafos permanecen con nosotros.
5
Buenos ndices
Un ndice siempre ha sido una parte importante de un buen peridico. Sin embargo, la aparicin de la internet, y el hecho de que muchos lectores del peridico revisan websites, donde la navegacin es un elemento clave, lo ha hecho inclusive ms importante para el peridico moderno.
mario garca
pure design
Pero si tuviera que reconsiderarlos para el ambiente del diseo de publicaciones de hoy en da, como un editor recientemente me pidi que hiciera, enumerara los siguientes como los tres primeros y ms importantes desafos contemporneos que redefinen el rol de los peridicos: Incluya noticias locales. Es lo que los lectores piden en todos lados, seguidas por una informacin mejor y fcil de usar sobre salud, tecnologa y finanzas personales. Coordine con su website para proveer ms artculos orientados al servicio, y listas. Las listas funcionan muy bien con los lectores de la actualidad. Introduzca suplementos para lectores jvenes , no necesariamente acerca de entretenimiento pero sobre temas de inters especficos para este grupo. Estos desafos hacen que el proceso de cambiar, redisear, sea mucho ms importante que antes. La clave es reunir toda la informacin pertinente antes de que el proyecto empiece, y luego establecer un lnea de tiempo que acomode un proceso gradual. Aqu estn algunos de los pasos cruciales para redisear cualquier producto, desde un simple brochure de dos pginas hasta un gran reporte anual, revista, peridico, o website: La etapa del brief: Todos los involucrados discuten el alcance del proyecto: hacia dnde desean llevar el rediseo, visiones del futuro (un rediseo es hecho para los siguientes dos o cuatro aos, no para hoy y ahora), cambios en contenido (lo que es vital para un buen rediseo), la navegacin del nuevo producto, y los links de su website.
6
Despus del brief, el equipo est listo para trabajar en los bocetos, para visualizar las discusiones abstractas, para hacerlas un poco ms reales. La etapa del boceto: Aqu los diseadores preparan dos o tres versiones de diferentes estilos y tipografas para presentar a discusin. Este es uno de los aspectos ms creativos del proyecto, y mi favorito. Los bocetos son presentados, y discutidos por todos, y luego se obtienen algunas conclusiones. Despus, vamos de regreso al tablero de dibujo, y empezamos de nuevo, o tomamos conceptos de aqu y all, para incorporarlos a un prototipo ms finalizado. La etapa del prototipo: Aqu el equipo realiza una muestra completa del nuevo producto, incorporando todos los cambios. Tal vez esta versin pueda ser probada con un grupo focal, cuyos resultados deben ser discutidos y analizados, para luego preparar un prototipo final. La etapa de implementacin: El equipo prepara un manual de estilo y entrena a diseadores y subeditores para el lanzamiento del nuevo diseo. El entrenamiento es una parte muy importante, ya que garantiza que el diseo sea respetado.
Finalmente, las publicaciones, especialmente los peridicos, deben ajustarse a su ciudad, a sus lectores, y a las comunidades a quienes sirven. Cada peridico debe tener su propia identidad y personalidad y no copiar las de otro peridico. La esttica es secundaria a la individualidad.
7
mario garca
pure design
Los peridicos que hagan esto permanecern a nuestro alrededor por muchos ms aos. El diseo puro no funciona fuera de las limitaciones y requerimientos de la tecnologa que usamos para producir nuestro trabajo, y, ms importante, sin tomar en cuenta las realidades del mercado, circulacin, y los cambios de hbitos de lectura de las personas que viven en una revolucin de informacin sin precedentes. Los proyectos ms exitosos son aquellos en los que la realineacin del contenido precede al rediseo, y cuando los editores estn listos para destacar ese buen contenido a travs del diseo. Para este efecto, empezamos con la creacin de la estructura de las historias, lo que eventualmente nos lleva a los componentes tipogrficos y luego a la arquitectura de la pgina derecha y a la paleta de color. Yo probablemente le hubiese dicho a aquella estudiante de doctorado que me pregunt acerca de las teoras de diseo de peridicos, que las etapas descritas anteriormente, aunque no son especficamente tericas, constituyen las bases de una buena progresin para el diseo en general, permitiendo a periodistas y diseadores dividir el trabajo en unidades que junten procesos y estimulen pensamientos creativos. Y el diseo puro no existe sin una buena pizca de sentido comn, la habilidad de sorprenderse a uno mismo con conceptos nuevos, y ese elemento de pasin que separa el proyecto magnfico de los dems.
diseo puro
mario garca
pure design
palabras
CMO CONTAR UNA HISTORIA
10
11
mario garca
pure design
Incluso cuando se usan las palabras para sealar directamente un aspecto especfico de una historia, como lo que la huelga significa, el diseador puede utilizar herramientas visuales para hacer el material ms comprensible. Es un ejercicio interesante, y uno de los que recomiendo, escribir un prrafo corto que describa lo que un proyecto de diseo es en s. stas son algunas de mis notas: Este es un peridico de bastante texto donde lo que uno lee es ms importante que lo que uno ve. Debemos explotar con energa en cada pgina: lo bold, lo grande, las tintas brillantes, todos son protagonistas de este medio de apariencia de circo. Un sitio web para aquellos quienes desean meditar y a contemplar: cuidado con las imgenes brillantes; coloque letras capitales para interceptar aqu y all. Cuando un lector ve una pgina, es por las palabras por donde comienza. No importa lo que usted est diseando, comience por las palabras. As que comenzaremos nuestro estudio de diseo puro por las palabras.
12
13
mario garca
pure design
Disponiendo historias
Los titulares son seales que nos guan hacia un destino. Debido a que el destino es usualmente una masa de texto, seales ms pequeas, como los subttulos o sumarios, tambin contribuyen a mantenernos en la historia. Pero, para que esos mecanismos funcionen bien, los editores de texto deben asegurarse de que cada nuevo elemento dentro de la estructura de un reportaje aada informacin, no simplemente repita la idea del titular y del sumario. Cuando trabaj con el Philadelphia Inquirer; el editor no lanzaba el rediseo completo hasta que todos en el departamento entendieran y aplicaran el concepto de la edicin integrada: asegurndose de que cada elemento en la estructura de la historia contribuya y aada dimensin al reportaje. En el Wall Street Journal asitico y europeo, la estructura gua en cada pgina usa tres elementos que preceden al texto. El titular principal, nuestra primera seal, agudiza nuestro apetito. El subttulo secundario amplifica lo que la historia tiene que ofrecer, y los subttulos adicionales o sumarios nos llevan de la mano o del cuello al interior del texto.
Mano a mano: Los editores y diseadores del Philadelphia Inquirer saben combinar la escritura, edicin y diseo para darnos pginas donde las palabras e imgenes se encuentran en un armonioso matrimonio. Los titulares y las fotografas/ilustraciones conllevan diferentes aspectos del reportaje. La colaboracin entre editores y diseadores conduce a pginas mejor diseadas.
14
15
mario garca
pure design
Sumarios
Los titulares y las fotografas son nuestras herramientas ms efectivas para agarrar la atencin de los lectores. Sin embargo, los diseadores y editores saben que los sumarios prrafos de cuatro o cinco lneas que aparecen entre el titular y la primera lnea del texto, tambin pueden ser buenos enganches. Populares en revistas, los sumarios han hecho una gran entrada en los peridicos y otros medios impresos. Los que estn bien escritos no repiten lo que el titular dice, sino que dan al lector una idea de lo que se trata la historia. Tipogrficamente, los sumarios deberan ser levantados en un mnimo de 12 puntos, y deben contrastar con el titular. Un titular muy light puede usar un sumario en bold, y viceversa. Evite usar sumarios muy largos. Los sumarios de una columna no deben tener ms de ocho o diez lneas. Si los sumario se extienden sobre dos columnas, deben de ser de un mximo de seis lneas. Los sumarios no deben aparecer como un bloque de texto impasable. En su lugar, estos deben ser extensiones del titular, otro punto de inters para el lector.
Llevando al titular ms all: Para los exploradores, los sumarios pueden ser toda la historia que ellos lean. El Mercurio de Santiago usa inteligentemente los sumarios, nunca excediendo las ocho o diez lneas de texto.
16
17
mario garca
pure design
18
19
mario garca
pure design
Susurros
El proceso narrativo que diseemos en la pgina o pantalla debera ser, tanto como fuera posible, similar a cmo nosotros comunicamos las mismas historias oralmente. Esta es una forma efectiva de introducir contrastes y sorpresas. En una conversacin normal, pocas veces hay slo un aspecto de la historia llevndose a cabo; en lugar de eso, algunas historias transcurren paralelas entre s. Nosotros comenzamos a hablar con un amigo acerca de una pelcula que hemos visto y de pronto nos desviamos del tema (lo cual algunas veces es mejor que el relato original). Igualmente, en diseo, debemos presentar desvos visuales. Tradicionalmente llamados recuadros laterales en realidad son mucho ms que eso. Si usamos la metfora de la conversacin, estos desvos son susurros. Imagine que est en un coctel y un discurso est siendo presentado. Usted susurra su recuadro de atencin a la persona que est a su lado. Usted le aade informacin a la historia. Usted le recuerda, a quien sea con quien haya estado hablando, acerca de un evento en el pasado que se enlaza con el discurso del actual momento. Cuando hablamos de las pginas, los susurros son lecturas secundarias, normalmente cortas (no ms de cinco o seis prrafos), y que llevan su propio titular, ya que muchos de ellos se leeen primero. Los reporteros y escritores que entienden la importancia del relato deben sugerir los susurros desde el comienzo en sus reportajes; en los casos en que esto no suceda, es cuestin del diseador encontrarlos, discutir las posibilidades con los escritores, editores, y presentrselos. Como los corredores saben, a veces, el desvo que uno toma de la ruta usual, puede darnos la sorpresa final.
20
Secundario pero relevante: Use el "recuadro lateral" para ofrecer un vistazo de un aspecto interesante de una historia, para realzar una informacin biogrfica o enciclopdica, o destacar de la narracin un nico elemento del reportaje que nadie se debe perder. Esta pgina prototipo del nuevo diseo del Liberation (Pars) muestra una interesante propuesta de una lectura secundaria que sobresale ayudada por un amplio espacio en blanco a su izquierda.
21
mario garca
pure design
Fcil de digerir: Para los editores del test de personalidad de Meyers-Briggs, Miller Media cre un sitio e-comercio para destacar los productos actuales. Incluso en los ms profundos niveles del sitio, el largo texto fue condensado, con reportajes reducidos a pedazos paramorder y as halar a los lectores a hacia ellos.
22
23
mario garca
pure design
La influencia de los libros: El diseo de los libros claramente delimita a la imagen del texto, esto es tambin muy til en el diseo Web. Pero el reportaje puede tambin emplear mltiples puntos de entrada. Cuando Miller Media public una biografa visual de la vida de Muhamad Ali, el color de las imgenes y texto habl de la historia de su carrera. Aunque otra capa fue aadida: los lectores pueden moverse a travs del libro y leer lo ms notable de la vida de Ali a travs de una serie de enormes encabezamientos y citas.
24
25
mario garca
pure design
Influencias Web
La supervivencia de las revistas impresas y peridicos depende gravemente de la habilidad de los editores para llegar a un grupo de lectores. El futuro se construye de gente viviendo en un ambiente multimedia. Ellos leern en sus pantallas tanto como en los medios impresos. Los editores inteligentes se debern asegurar de mantener a sus usuarios movindose del uno al otro, enfatizando los aadidos de cada uno de ellos como referencia entre ambos. Una de las ventajas de los medios impresos es que provee una sensacin de trmino. Un peridico o revista tiene un comienzo y un fin, una primera pgina y una ltima, mientras que los websites son una prensa sin fin de informacin. Un editor puede tomar ventaja de esto; l o ella puede publicar unos pocos prrafos de una entrevista en el diario -la justa cantidad para contar la historia- y guiar a aquellos que estn interesados al sitio donde el resto del texto aparece. Las mejores publicaciones ya incluyen guas para el Internet. Tal como nosotros encontramos que las bibliografas al final de los captulos engrandecen la utilidad de los libros, los lectores modernos son invitados a ver una buena lista de sitios web seleccionados para consultar acerca del tpico abarcado. Aunque la influencia real del Internet en lo impreso puede ser en ndices, consejos de navegacin, y un mejor uso del color funcional. La Web nos ha hecho ms conscientes de los ndices, facilitando la gua hacia lo que deseamos encontrar. El medio
26
impreso (no con mala fama para facilitar la navegacin) puede ahora regularmente ser visto aplicando estas lecciones en el contenido de sus pginas, cubiertas, y otras herramientas de indexado. En cuanto al color, nosotros hemos comenzado a usarlo como nunca antes. Los diseadores de web han descubierto el color como un elemento funcional para el movimiento del usuario desde un lado de la pantalla hacia el otro. Los diseadores de imprenta estn imitando la tcnica, con gran xito. Siempre habr peridicos impresos y revistas en alguna forma (formatos ms pequeos, de seguro), aunque las publicaciones fuertes sern aliadas de todo lo que hemos aprendido del Internet.
27
mario garca
pure design
Cruce-Plataformas: La revista Hispanic Business incluye referencias Web en todos sus reportajes. Este incluye links a las pginas de retroalimentacin de los lectores, encuestas en lnea, y versiones extendidas de reportajes.
ndices en la portada: Cada vez notamos que ms lectores le dedican menos tiempo a la tabla de contenidos. John Miller y Aaron Kenedi han estado en numerosos grupos focales en donde los lectores prefirieron, lneas de portada con nmeros de pgina para encontrar lo que ellos deseen. As que cuando ellos disearon la revista de Schwabs, On Investing, crearon una portada que estratgicamente present una mini tabla de contenidosperfecta para los lectores.
28
29
mario garca
pure design
Pies de foto
Despus de los encabezados y fotografas, los pies de foto capturan la mayor atencin en un peridico o en una pgina de revista. Editores con conocimiento hacen que ese pequeo bloque de texto represente una herramienta poderosa en el proceso de narracin. De hecho, investigaciones muestran que los lectores pocas veces se adentran en los textos del reportaje, y que slo echar un vistazo a los dems elementos de pgina (incluyendo pies de foto) satisface su apetito. Sabiendo esto, qu puede hacer uno para que los pies de foto sean ms efectivos? Siempre el pie de foto debe ser un punto ms grande que el texto de la historia. Aumente el leading, o espacio interlineal, del texto del pie de foto. Esto realza la legibilidad. Comience cada pie de foto con un elemento en bold. Un buen consejo es comenzar con una o dos palabras en bold escritas como si fuera un mini-titular. Evite el uso del pie de foto para describir lo que es obvio en la foto, o lo que ya est establecido en algn encabezado que acompae el reportaje. En lugar de eso, provea informacin adicional y realce la narracin. Fotografas autnomas, sin acompaamiento de un reportaje pero con pies de foto ampliamente informativos, son particularmente efectivas. Los lectores las aman, y los editores las usan cada vez que sea posible.
30
Poderoso resaltador de reportajes: Los pies de foto prueban ser los mejores aliados de un narrador para garantizar que la informacin sea absorbida por muchos lectores.
31
mario garca
pure design
Ms largo no es aburrido
Quiz es un resultado del 11 de Septiembre, o la influencia parcial de la internet, pero no hay duda de que en estos das los textos largos circulan ms. Esto es algo bueno. Y para los editores de texto y los diseadores que se preocupan de que los textos ms largos significan pginas ms inaccesibles o poco atractivas, mi respuesta es que no necesariamente debe ser as. Incluso el pionero y maestro del texto corto, el USA Today, parece haber abierto la puerta a unas pocas lneas extras de texto, especialmente en sus reportajes de portada. Las buenas noticias es que muchos de esos textos largos estn comenzando a leerse. Sin embargo, esta chispa de la lectura no est limitada solamente a los peridicos. El Wall Street Journal, el 9 de noviembre del 2001, en su historia de primera pgina reporta que el pblico menor de 25 aos, est comprando libros en cantidades rcord: Despus de una dcada en que la lectura fue considerada algo de moda tanto como los Bee Gees, los menores de 25 aos ahora estn comprando libros, por gusto propio, a tres veces el precio del mercado. El Journal contina explicando que las libreras a lo largo de los Estados Unidos reportan alzas en ventas del 20% al 75% en los jvenes compradores, durante los ltimos tres aos. Si esta generacin de lectores ms jvenes disfruta su actividad recientemente descubierta, es probable que ellos comiencen a leer peridicos de nuevo. sta es una buena poca para que la gente de marketing y de circulacin se embarquen en esta tendencia, revitalice sus campaas de ventas y promociones para llegar a este difcil grupo objetivo.
32
Qu es lo que debemos hacer para presentar efectivamente estas historias ms largas? Asegrese de tener un buen encabezado que represente la historia completa. Y, recuerde, textos ms largos requieren ttulos ms largos. Ellos son la primera seal para el lector de cun importante es la historia. Establezca el tipo de historia estructurando lo que va ms all del ttulo, incluyendo uno o dos subttulos (o encabezados adicionales ms pequeos.) Incorpore subttulos en puntos estratgicos a travs del texto. Coloque subttulos en los puntos de transicin de la historia, ya que muchos escners querrn dirigirse al segmento interesante siguiente. (Simplemente porque el texto sea largo, no quiere decir que va a ser ledo en su totalidad. Facilite la navegacin dentro del artculo mismo. ste es un paso importantes, tantoeriodsticamente como visualmente. Si se dispone de elementos visuales, haga de editor, y escoja la imagen que definitivamente represente la historia. Evite incorporar demasiados elementos visuales, ya que algunos probablemente no contribuirn nada al proceso narrativo. Si los textos largos estn de moda, y ms lectores se estn acercando a las pginas que creamos, debemos aprovechar la oportunidad. Facilite el movimiento de forma digna y simple. Deje que el valor de la historia sea el motor que atrape al lector y lo mantenga interesado.
33
mario garca
pure design
mario garca
pure design
Lo que hicimos: Despus de mltiples propuestas fallidas, nosotros decidimos que una realizacin de talleres con los editores clave sentados con nosotros para "bocetar" el peridico, podra ser lo ideal. Mi diseador Foster Barnes y yo nos pusimos a trabajar en un cuarto con dos computadoras Macintosh, una impresora, y una pantalla; los editores opinaron, y, para el final del da, el nuevo Die Ziet estaba surgiendo.
36
37
mario garca
pure design
Lo que hicimos: Para la primera pgina del Die Ziet, nosotros propusimos cinco categoras para lo artstico: La fotografa abstracta: un subttulo conectado con el tpico, no un vnculo directo de noticias. La caricatura como foto ilustracin: una caricatura con tecnologa aplicada para que como resultado final luciera como una foto en la textura pero con la humanidad del dibujo. Las caricaturas como foto ilustracin: una caricatura editorial, con tcnicas fotogrficas aplicadas. La fotografa artstica: una fotografa que es simplemente artstica merece su espacio. El dibujo a grafito como ilustracin: un dibujo tradicional, digitalizado, con el producto final de lo viejo y lo nuevo.
38
39
mario garca
pure design
Lo que hicimos: Nosotros retocamos el diseo original en el 2000 cuando los nuevos editores quisieron ms texto y fotografas ms grandes. Ambas fueron muy buenas decisiones, el peridico se renov y atrajo lectores ms jvenes.
Lo que hicimos: La creacin de un totalmente nuevo suplemento llamado Leben, el cual nuestro equipo llev bajo la direccin de Theresa Kral, permiti a los editores presentar un producto dirigido a la joven demografa.
40
41
mario garca
pure design
tipogr afa
CMO USAR LAS FUENTES
42
43
mario garca
pure design
Seleccionando tipos
Quizs ninguna tarea es ms dolorosa para el diseador que la de elegir fuentes tipogrficas. Muchos agonizan sobre sus decisiones. Hoy, con tantos alfabetos bien dibujados, la tarea se hace an ms difcil. Aqu hay algunos tips para escoger fuentes: Las fuentes deben ser fciles de leer. Especialmente para el tipo del texto, es mejor usar fuentes de 9 puntos o ms; muchos diarios incluso van por los textos de 10 puntos, sabiendo que sus lectores ms viejos lo aprecian. Las fuentes deben permitir el contraste. Los titulares deben estar en negrillas, y en grandes medidas, y las fuentes podran proveer contraste a travs de combinaciones de ligeros y semi tonos. La fuente debe incluir una versin condensada bien diseada. Los escritores de titulares apreciarn esto. Las fuentes deben incluir una elegante cursiva. Esto siempre es necesario. Las fuentes deben ser apropiadas para la publicacin. Yo he dicho muchas veces que hay pueblos de Bodoni y pueblos de Helvtica. Dirija su seleccin a la cultura del origen de las publicaciones. Finalmente, no seleccione fuentes que estn de moda y con el pasar del tiempo no se van a ver bien. Afortunadamente para los diseadores, fuentes clsicas siempre estarn alrededor. Mis preferidas para una isla desierta son: Caslon, Baskerville, Scotch Roman, Franklin Gothic, Frutiger, Bauer Bodoni, Griffith, Miller Poyntes y Old Modern.
Versatilidad: Escoja una fuente que tenga varios pesos y cursivas. Miller Display tiene 14 variaciones. Estos tambin estn disponibles en cortes de texto.
44
45
mario garca
pure design
Pies de foto: La investigacin Eye-Track del Poynter Institute demostr cmo los pie de foto son populares entre los lectores. Hgalos venir a la vida. Provea pies de foto con buena informacin, que no repita lo que est visible en la foto, y haga a la fuente figurar, brindando contraste con el texto de los reportajes a su alrededor. Crditos de las fotos: Aunque sean pequeos, son importantes. Preferentemente, ubquelos en la parte inferior derecha de la foto, con una fuente que brinde contraste con el pie de foto que le sigue, por ejemplo puede ser todo en maysculas. Referencias: Las lneas que le dicen que hay una historia relacionada en algn lado de la edicin de hoy, o que una versin de Internet est disponible tambin, debe ser una oportunidad maravillosa para aplicar buenas tipografas y pensamiento visual efectivo.
47
mario garca
pure design
Profundo y legible: El Wall Street Journal es un producto con mucho texto as que fue diseado con el texto como principal consideracin. Grficos ocasionales e ilustraciones son empleadas para ayudar al reportaje. Note el uso del espacio en blanco para hacer la pgina ms fcil de seguir.
49
mario garca
pure design
mario garca
pure design
Lea todo acerca de l: El Tiempo en Bogot depende de las ventas en las calles. Pero esa es slo una razn por la cual sus editores usan grandes titulares. Tan importante como, que el volumen del encabezado calze con el volumen del contenido.
52
53
mario garca
pure design
Narracin
El titular sencillo se est convirtindose en una cosa del pasado. Subttulos mliples resultan en una lectura ms amigable de peridicos. Con ms lectores escaneando mientras se mueven a travs de sus peridicos diarios, el rol de los titulares ha triplicado su importancia. Su eminencia, usualmente siendo por lo menos tres veces el tamao del texto del reportaje, dndole gran poder para guiar a los lectores dentro de las historias o de ayudarlos a decidir a desviarse a una cierta historia en busca de otra. Para auxiliar este proceso de escaneo, aada "subttulos" o "ideas extra" a los titulares. Sin embargo, es un arte en hacer esto apropiadamente; La primera lnea atrapa dentro del interior del reportaje, subttulos subsecuentes aaden ms informacin de modo que ellos dirijan la totalidad de la escencia de la historia. Subttulos mltiples deben ofrecer contraste tipogrfico. si el titular principal est en negrillas, entonces los subttulos deberan ser ms ligeros en peso. Un titular principal en romanas puede ser acompaado por subttulos en cursivas. Algunos peridicos ponen sus subttulos a color. Subttulos mltiples deben ofrecer contraste de tamao. Si el titular principal est dispuesto en 36 puntos, el primer subttulo debera estar en 18 puntos, y el segundo en 14. Subttulos mltiples pueden realzar un reportaje exclusivo o un autor importante. Los peridicos britnicos hacen bien esto, usando subttulos para ir ms all del relato a aspectos inusuales de la historia.
54
Aadiendo reportajes: Cuando John Miller trabaj en la primera seccin de ficcin del Esquire, l aadi una capa de relato a las piezas de ficcin: un pie de foto extendido en cada espacio abierto, lo cual dio a sus lectores una atraccin por sus historias.
55
mario garca
pure design
Reportajes en la Web: Gensler, la firma internacional de arquitectura, tena un problema. Los clientes que iban a ellos, por decir, para el diseo de un aeropuerto, no estaban conscientes de sus otros ofrecimientos, como el disear puntos de venta -lo que puede ser til para alguien que construye un aeropuerto. Una explicacin de esto era la filosofa o capacidades de las pginas que eran ignoradas por los usuarios. As que Miller Media cre un sitio coorporativo rodeado de mini-sitios enriquecidos para cada rea prctica. Cuando se va al homepage del minisitio del aeropuerto, est lleno con noticias de proyectos actuales y links a contenidos relacionados en los otros mini-sitios, como el trabajo de Gensler con puntos de venta en los aeropuertos.
56
57
mario garca
pure design
Lo que una pequea inclinacin puede hacer: Cuando convertimos el San Francisco Examiner de una tradicional sbana a un vibrante y colorido tabloide, una de las mejores decisiones que hicimos fue considera las itlicas para los titulares, no slo para los artculos, sino para todas las noticias tambin. Especialmente las dobles pginas, las itlicas le dan cierta elegancia, cambian el ritmo, y movimiento visual a la pgina.
58
59
mario garca
pure design
quierda da la apariencia de un estilo ms moderno y permite que mayores espacios en blanco estn sobre nuestra pgina. Un tabloide (pequeo peridico) se ve mucho mejor con titulares alineados a la izquierda, mientras que en una sbana(peridico grande) se puede usar cualquier estilo. La consistencia es importante: mantenga todos los encabezados centrados, o todos alineados a la izquierda. Sin embargo, algunos peridicos con titulares centrados, como el Times of London, ofrece un poco de contraste al utilizar los titulares ligeramente alineados a la izquierda. sto funciona mejor cuando tambin hay un cambio en la tipografa. Despus de todo esto, se nos recuerda que las palabras de un titular, el mensaje trasmitido, el enganche que utilizamos para que el lector lea el texto es, al final del da, mucho ms importante que cmo alineemos un texto.
61
mario garca
pure design
Elegante y fcil de leer: Cuando Ron Reason hizo el primer boceto para redisear el Staten Island Advance, l nunca imagin titulares en ninguna otra forma que centrado. Con esta alineacin logra dar elegancia a un peridico con una gran tradicin comunitaria. Los titulares centrados tambin permiten mejor conteo de titulares, lo que los escritores aprecian.
Cabeceras perfectamente alineadas: The Daily Star of Lebanon, diseado por nuestro Jan Kny utiliza los titulares alineados a la izquierda, que se volvieron populares en los aos 70. Ellos ayudan a organizar la pgina, mediante una perfecta alineacin de los elementos que enfatiza un mejor uso del diseo modular. Ellos tambin se acomodan perfectamente en mdulos cuadrados mucho mejor que los centrados.
62
63
mario garca
pure design
65
mario garca
pure design
No slo para revistas: La colocacin de un titular u otro tipo de elemento sobre las fotografas es bastante natural para los diseadores de revistas pero es calculada con ms cuidado entre los editores de peridicos. Sin embargo, un titular largo que es fcil de leer puede complementar una fotografa, como vemos en la portada del Morgen Post de Alemania, el popular diario de Hamburgo. La imagen y el titular forman un mini-poster o una portada de revista que separa la historia principal del resto.
66
67
mario garca
pure design
mario garca
pure design
Lo que hicimos: Las pginas de destacados tradicionalmente han tenido un diseo simple de columna tras columna de artculos. Nosotros las rehicimos en formato de revista, con un solo artculo por pgina (a la derecha) interrumpiendo las listas, y permitiendo as una voz editorial ms fuerte.
70
71
mario garca
pure design
Lo que hicimos: Arriba, incluso las pginas individuales son interrumpidas por cuadros, para contraste y una fuerte voz editorial.
Lo que hicimos: Por medio de la retcula (siguiente pgina), hicieron varias experimentaciones con el texto, hasta que al final decidieron colocar un texto condensado. El leading y el tracking fueron ajustados de acuerdo a la cantidad de texto que haba, pero tratando de que sea lo ms legible posible. Luego se dieron cuenta que haban mucha informacin innecesaria en la pgina que ocupaba mucho espacio. Redujeron la cabecera de la pgina quedando pendiente (si realmente se usa nmeros para indicar las pginas). Una importante pieza de informacin, era la colocacin del nombre del da, a la izquierda y con negrilla. Pero el verdadero problema era el quitar las reglas verticales de la retcula. Tradicionales, pero usualmente innecesarias, ya que el contenido define las verticales. Esto contribuy a los espacios blancos, lo cual haca a las pginas mucho ms lebles.
72
73
mario garca
pure design
layout
CMO CONSTRUIR UNA PGINA
74
75
mario garca
pure design
Arquitectura de pgina
Cuando hablamos de arquitectura, nos referimos a cmo un diseador utiliza el espacio disponible en el lienzo de la pgina. La arquitectura se define por el nmero de columnas utilizadas, sus variedades disponibles, y la manera de cmo el texto y las fotos se mezclan en la pgina. En lo referente a la arquitectura de pgina, la portada establece el estilo y da a la publicacin su personalidad distintiva. Identificamos ciertos peridicos como el Frankfurter Allegemaine, el New York Times, el World Street Journal por su distintiva colocacin vertical de elementos. En la actualidad, algunas veces el Times se desva de su estricto layout vertical de ayer, con algunas primeras pginas que llevan fotografas a colores a lo ancho de varias columnas, y el World Street Journal en Europa y Asia se ha rediseado para hacer lo mismo. Sin embargo estos peridicos clsicos se mantienen verticales en lo referente a la colocacin de noticias. Sienten los lectores que esa arquitectura vertical le otorga un aura ms seria a la pgina? Esta pregunta no ha sido examinada cientficamente pero es muy querida por editores y directores. Ellos estn convencidos de que un peridico serio es ms vertical que horizontal. Por ltimo, es el tono del titular, el contenido de la pgina y el look y sensacin generales del peridico lo que determina su percepcin, y no cmo se exhiben sus columnas
76
Permtame aadir que el excesivo uso de columnas verticales conduce a las lpidas (choque de titulares), a las masas grises tipogrficas, y al aburrimiento general. La ms contempornea colocacin horizontal es ms fcil para los escritores de titulares, y permite al escritor y al diseador tener mejores oportunidades para crear jerarqua en la pgina. Por ejemplo, se puede liderar con un titular a cuatro columnas, y despus continuar con una medida de menos columnas. Instantneamente, la pgina gana equilibrio y contraste. Al final, el contenido es lo que reina, y ste debe dictar la forma de utilizar la arquitectura de la pgina.
77
mario garca
pure design
Diseando con columnas: Adems de las letras, un elemento constante en los peridicos y revistas es la forma de las columnas. El Jyllands Posten de Dinamarca muestra como el movimiento de las columnas pueden inyectar magia y ayudar a complementar y contrastar otras columnas, tales como fotografas, ilustraciones, y grficos. Algunas veces la mejor columna es la que incluye solo espacio blanco.
Arquitectura y Jerarqua: La pgina internacional del Wall Street Journal fue diseada para acomodar una gran cantidad de informacin diferente. Al distribuir el material sobre un espacio de seiscolumnas, con un espacio llamativo a la izquierda para los resmenes del mundo, resolvimos el problema y mantuvimos una pgina que es atractiva y fcil de seguir.
78
79
mario garca
pure design
Caos Sistemtico
Los editores se sorprenden siempre cuando digo que me gustara poner algo de caos sistemtico en la primera pgina. El caos tiene una connotacin negativa. Pero, como una pizca de pimienta en la sopa, el caos, en pequeas dosis y controlado con mucho cuidado, provee energa y vitalidad a una publicacin. La primera pgina es un espejo de lo que ha pasado en las ltimas veinte y cuatro horas. Lo ms probable es que no hayan sido un grupo ordenado de eventos. Una primera pgina que es pasiva no refleja esta realidad. Entonces, Cmo uno puede proveer caos sistemtico?. Evite arquitectura perfectamente rectangular. El diseo modular puede ser til en pginas interiores, pero no se deben aplicar demasiado en la primera pgina. Envuelva una historia mayor alrededor de otra, permitiendo que las dos historias estn por encima del doblez. Algunas veces, en nuestros esfuerzos para ser que los titulares no choquen, sacrificamos energa y movimiento. Haga que una fotografa domine, y riegue la pgina con unas cuantas fotos pequeas (no demasiadas). Agregue un poco de color tenue donde el lector menos lo espera, o agregue una historia que el lector no espera en la pgina, y provala de un titular en itlicas. Mezcle serifes y sans serif, preferiblemente dentro de la misma familia tipogrfica. Cree plantillas que planeen caos sistemtico. Eso es lo que los hace sistemticos: es controlado, con un propsito, planeado para ser de esa manera.
80 81
Un lugar para todo, casi: Quin dice que uno no puede tener pginas atractivas que estn llenas?. El Morgen Post de Hamburgo demuestra que se lo puede hacer bien. Mantuvimos la proyeccin noticiosa, bulliciosa y al margen de un tabloide, pero la organizamos de tal manera que prevaleciera un sentido de jerarqua y algo de orden.
mario garca
pure design
Paralelismo Visual
Algunas veces una pgina tiene todos lo ingredientes correctos: buen contenido, fotografas llamativas, buena redaccin y titulares sugestivos. Pero la pgina todava luce aburrida, como un editor de un peridico escandinavo dijo: Creo que nuestra pgina es montona. En este caso el problema era que le diseador colocaba constantemente una columna vertical de texto en el extremo izquierdo de la pgina, y luego haca lo mismo en el extremo derecho de la pgina, creando imgenes de espejo que sofocaban cualquier cosa buena que estuviese pasando en el centro de la pgina. Pginas perfectamente equilibradas no son ms excitantes. Cree variedad. Mezcle unidades verticales y horizontales. Si el lado izquierdo es una columna pesada de texto, haga que la derecha sea una serie de noticias cortas, con ilustraciones. La variedad visual provee excitacin.
82
83
mario garca
pure design
ndices
Hay diferentes maneras en que una publicacin pueda utilizar ndices: a travs de unidades promocionales para las historias principales interiores, a travs de un sumario especfico de destacados (las noticias que un lector no debe pasar por alto), o a travs de un directorio de secciones, es decir, deportes, avisos clasificados, opinin, y as sucesivamente. Los lectores aprecian un peridico, revista, o news letter que sea fcil de navegar. Es con los ndices y unidades promocionales que el color se usa ms efectivamente, para destacar secciones claves, o para guiar al lector de una seccin a la otra. Pero no cree ndices para decorar una portada o una primera pgina, o para exhibir buenas fotos o imgenes. Los buenos ndices dan un sentido de jerarqua al frente de la publicacin. Qu es lo que los editores piensan que el lector debe leer primero, segundo y tercero.? Si el lector slo tiene diez minutos, qu es lo que debe leer? Y si tiene cinco minutos adicionales, qu debe leer a continuacin? Los buenos ndices establecen prioridad en el contenido para el lector ocupado.
ndice instantneos: El Tiempo de Bogot, Colombia est entre los que mejor usan el ndice para atraer a los lectores. La primera pgina da al lector una inspeccin de lo que hay dentro, ya que los titulares van acompaados de sumarios de las historias. Cuadros promocionales en la parte superior indican la mejor cobertura de personajes, y una navegacin adicional indica artculos y piezas de opinin que son de inters.
84
85
mario garca
pure design
mario garca
pure design
Formas de la informacin
No hay nada complicado acerca de las formas, o mdulos, en que la informacin se presenta en una pgina. Esto se aplica igualmente a peridicos, revistas, folletos y boletines. Usualmente, un diseador tiene una fotografa o ilustracin, un titular y texto. Estos son los componentes bsicos del proceso narrativo. Y si los lectores pudiesen dialogar con los diseadores diran que su preferencia es simple: foto o ilustracin, titular y texto. Seguir ese modelo no es difcil, y tiene el mayor sentido; el lector ve primero la foto para agarrar el primer mensaje de la historia, despus lee el titular, subttulo, y, si el inters persiste, el texto. Otras dos formas que son parte del mismo tipo de distribucin de la informacin son: La forma de U: con un titular horizontal a lo ancho de la pgina (digamos, seis columnas), el texto toma la forma de la letra U alrededor de la foto o ilustracin. La forma de L: similar a la de arriba pero el texto termina debajo de la foto, sin seguir hacia arriba hacia una sexta columna. Estas formas funcionan bien y deben formar parte de las plantillas obligatorias de un diseador.
Piense en U y en L: Aunque un diseador imagine nuevas formas para presentar la informacin en una pgina, el hecho es que utilizar las formas bsicas de las letras U y L es todava la mejor solucin. Vemos aqu como estas estructuras funcionaron con nuestros proyectos con Listin Diario de la Repblica Dominicana, y El Pas, de Cali, Colombia. Las for mas son parte del estilo de los peridicos, aadiendo continuidad visual y permitiendo a los diseadores pasar ms tiempo en la seleccin de imgenes que en la reinvencin de nuevas formas.
88
89
mario garca
pure design
Promos
Tres ingredientes de promos efectivos son: variedad, brevedad y contenido. Uno de los temas ms populares de la consternacin en una sala de prensa son los promos de las noticias (tambin conocidos como refers o teasers) en el rea del cabezote de la primera pgina. Los peridicos con un nivel alto de ventas en la calle son los que ms se benefician de estos promos efectivos en el cabezote. Por otro lado, algunos editores estn convencidos que un titular grande en una noticia mayor es lo principal para incrementar ventas, mientras que mucho directores de circulacin juraran que una fotografa activa, llena de color, colocada enteramente sobre el doblez no parcialmente es la manera para incrementar ventas. Aqu estn tres tips rpidos que considerar cuando se producen promos efectivos arriba, dentro o inmediatamente debajo del cabezote: Variacin de tono, textura e incluso tamao y frecuencia es importante. Si los promos lucen igual cada da, se vuelven aburridos y montonos para el lector. Las palabras de los promos son tan importantes como sus imgenes. Para agarrar la atencin de los lectores, redaccin genrica como Criticas de CineVer Seccin F no es tan efectivo como decir Jurassic Park III: Demasiado aterradora para los nios? Historia, fotos en Seccin F. La brevedad es lo mejor. Los lectores pasarn slo un segundo o dos procesando la informacin de los promos (tambin confirmado por la investigacin de Rastreo Visual). Y los elementos visuales deben ser imgenes fciles de reconocer y recortadas bien de cerca. No utilice fotos de accin repletas de eventos deportivos o fotografas de noticias muy llenas. La lectura rpida es lo primordial.
90
Lo que va adentro: en el Diario de Noticias de Madeira, Portugal, y Listin Diario, de la Repblica Dominicana, los promos son efectivos porque son mucho ms que solamente titulares, Cada uno es un mini sumario de una historia interior, ms efectivo para lectores que solo escanean el peridico.
91
mario garca
pure design
Yendo por ti: el San Francisco Examiner salta fuera de la caja dispensadora y persigue al lector a lo largo de la calle. Note el color vino de los promos principales, as como tambin los titulares escritos con sencillez, y las imgenes.
Vendiendo Historias: El Kleine Zeitung de Alemania utiliza cuadros superiores y una columna a la izquierda de promos para atraer a los lectores. Esto puede variar en forma y contenido cada da, para mantener al lector alerta.
92
93
mario garca
pure design
En los peridicos de hoy en da, todas las formas de experimentar al distribuir los anuncios es la clave. Algunos anuncios aparecen en el inicio de la pgina, y no en el final; y, si, el contenido del editorial es ubicado directamente debajo del gran anuncio en el inicio (mantenga la profundidad tan baja como sea posible, por favor!); otros anuncios aparecen como islas, especialmente en la mitad de largas masas de texto, tanto en las listas de la bolsa o en los resultados deportivos. Hemos visto solamente el comienzo de la experimentacin con la distribucin de avisos. Los anuncios colocados en forma de escalera sern finalmente cosa del pasado. sas son buenas noticias para diseadores, editores y definitivamente para los lectores.
95
mario garca
pure design
Avisos de la nueva era: La ms grande experimentacin en la distribucin de anuncios publicitarios se est dando en Dinamarca. Cuando trabajamos con el equipo de Jyllands-Posten en Copenhagen, fue muy refrescante poder mantener los anuncios lejos de la base de la pgina y usar otros lugares inusuales, como se muestra en estos tres ejemplos. Este es el futuro, la eventual integracin de los anuncios y editoriales. Los lectores inteligentes saben la diferencia entre los dos.
96
97
mario garca
pure design
Clasificados
Los Clasificados usualmente aparecen al final de la edicin del da, una masa de letras pequeas a la cual nadie le presta mucha atencin excepto los lectores. stos esperan ansiosamente los clasificados para encontrar ese preciado nuevo trabajo, casa, carro, nueva mascota, o alma gemela. Alguna vez fue raro preguntar o siquiera mirar a la seccin de clasificados durante un rediseo. Sin embargo, estos das, ningn proyecto es completo sin hacer el esfuerzo de mejorar esta seccin. Pero por dnde empezar? Asegrese de que la tipografa de la seccin armoniza con (o es idntica) el resto del peridico. Los encabezados de la seccin deben acoplarse al resto del peridico. Es innecesario crear un nuevo titular de seccin para los clasificados, cuando aparecen entre los negocios y los deportes. Por qu crear cacofona tipogrfica? Debe haber un navegador completo y fcil de leer, un ndice que describa el contenido de cada seccin de los clasificados y dnde est ubicado, ya sea por letra, nmero, o por el nmero de pgina. Los conos puede ayudar a localizar cada rea ms fcilmente pero no es la nica manera de lograrlo. A veces un claro uso de la letra palabras puede funcionar tambin. Permita espacios blancos entre las categoras. Los lectores buscan la informacin aqu y all y no leen la pgina entera. Seleccione una fuente para el texto de anuncios pequeos que sea fcil de leer, ya que el lector tendr que esforzarse lo suficiente para obtener la informacin.
98 99
Un lugar para cada categora: El ndice es la clave para el xito de el diseo de una pgina de clasificados. En nuestro trabajo con Las Vegas Review Journal, nuestro diseador Ed Hashey evalu cmo estaba presentada la seccin, buscando la mejor fuente posible en donde las letras pequeas fuesen legibles. El resultado fue una seccin exitosa que se vende bien y, adems, luce atractiva.
mario garca
pure design
Pginas de Opinin
Tradicionalmente, las pginas de opinin son las ltimas de ver en un proyecto de rediseo. An as, el editorial o pginas de opinin son algunas las ms fuertes en trminos de contenido; es ah donde un peridico expone su alma, convence a los lectores sobre que rutas seguir en la vida diaria. En el rediseo del San Jose Mercury News los editores realmente queran actualizar sus pginas de opinin, para hacerla til y atractiva a los ms jvenes lectores. Para alcanzar esto, permitimos la ubicacin horizontal de los editoriales en la parte superior de la pgina. Por razones de tradicin, la mayora de los peridicos imprimen editoriales verticalmente hacia la izquierda. El 85 por ciento de todos los peridicos siguen este modelo. An as los lectores no saben nada acerca de los patrones establecidos para las pginas editoriales. Ellos simplemente saben que esta es la seccin de opinin del peridico. Al disear pginas editoriales se deben mantener separaradas las pginas: Use fuentes con negrita en combinacin con fuentes ligeras. Use una fotografa o ilustracin cuando le sea posible. Inserte comillas o destacados para atraer a los lectores que escanean el contenido. Algunas veces los encabezados de los editoriales son abstractos; una cita podra ser ms especfica. Escriba titulares ms directos! Recuerde que si la opinin del diseador va a ser incluida, debe expresarse a travs del espacio en blanco.
100
Invitando al lector: Para una propuesta de la edicin en espaol del diario del Dallas Morning News, abandonamos el editorial a la izquierda, las columnas a la derecha, y una arquitectura orientada al texto. A diferencia, la ilustracin domina la pgina, el principal editorial corre a travs del la parte superior de la pgina, las columnas son cortas, permitiendo el espacio en blanco.
101
mario garca
pure design
El diseo de una pgina de tabloide encierra no una sola pgina a la vez, sino dos. Por qu? Bueno, cuando los lectores abren las pginas de un tabloide, usualmente realizan un movimiento de barredora con sus ojos de izquierda a derecha, casi en lnea recta hasta llegar cerca de la mitad de la pgina. Una vez que hacen esto, lo que toma algunos segundos, usualmente empiezan a leer la pgina izquierda. El diseo de una pgina de sbana encierra el lienzo o espacio de una pgina ms larga, donde el lector mira de arriba hacia abajo, sin importar la pgina que le sigue. Al saber esto, es importante que los diseadores de tabloides que trabajen con la pgina dos averigue lo que va al lado, en la pgina tres. Trate de evitar dos titulares corriendo uno al lado del otro, especialmente en la misma fuente, peso, o tamao. Tambin evite tener dos fotografas de igual tamao muy cerca la una de la otra. Acerca delo mismo, si el nfasis en la pgina dos es una fotografa grande y vertical, ser mejor tener una foto horizontal en la pgina tres, y as sucesivamente. El contraste entre las dos pginas contiguas es importante para el diseador de tabloide, pero no tan recomendable para aquellos que trabajan en sbanas. Cuando le decimos a los diseadores que los tabloides requieren ms energa, tambin les recordamos, debido a los consejos anteriores, que ellos tambin deben ser ms exigentes en trminos de comunicacin con otros diseadores en el equipo. El diseador de tabloides no pueden trabajar aislado de lo que otros estn haciendo, porque el lector tratar de agarrar las dos pginas como una, visualmente hablando.
103
mario garca
pure design
Antes
Cuando lo ms pequeo es lo ms grande: En el 2002, el San Francisco Examiner cambi formatos de una sbana a un tabloide. En el proceso, un nuevo contenido fue incorporado, junto con titulares ms grandes , fotografas ms vibrantes, una paleta de color que depende un poco, del brillo, de matices estratgicamente ubicados, y navegacin que permite viajar a travs del peridico de una forma ms rpida y fcil. Trabajamos con los editores en el contenido. Los tabloides siguen un ritmo diferente; nosotros no pensamos en poner contenido ms ligero, como columnas de personalidades o chismes, en la misma pgina con las noticias pesadas. El peridico moderno, especialmente el tabloide, invita a tales combinaciones.
Despus
104
105
mario garca
pure design
107
mario garca
pure design
Encuadrar o no encuadrar
Cuando la primera y recin diseada edicin del Wall Street Journal apareci, una inesperada pregunta se convirti en constantes etrevistas, presentaciones y seminarios: Los recuadros estn de vuelta? Bueno, alguna vez desaparecieron? Esta parece ser la pregunta ms apropiada. Es verdad, los recuadros, que han sido tradicionalmente usados para separar artculos en una pgina, o para destacar un item en donde los editores queran captar la atencin, ya no son usados con tanta frecuencia como lo eran en los 1940s y 1950s. Sin embargo, los recuadros son herramientas que los editores de revistas y peridicos pueden usar funcionalmente. Las recuadros no estn de moda ni son decorativos. Los recuadros deben ser parte de la estrategia de diseo de cada publicacin. Aqu algunos tips para el uso de recuadros: Determine desde el principio qu clase de artculos llevarn recuadros. (yo recomiendo recuadros para las ms pequeas piezas, no las ms largas; ponga barras laterales o artculos relacionados que aparecen dentro de un paquete de texto; y aisle la fotografa que cuenta una historia, cuando no est acompaada por una texto. Use bordes muy delgados alrededor de los recuadros. No llame la atencin hacia el mismo recuadro usando bordes gruesos. Por el contrario, crea un recuadro que delinee un territorio en la
108
pgina, sin tomrsela por completo. Permita el espacio en blanco entre el borde del recuadro y el contenido de la misma. No imprima fotografas o texto directamente dentro del recuadro. Algunas veces puede usar una regla ms gruesa en la parte superior o inferior del recuadro, pero nunca a los lados. La tarea del diseador es asegurarse de que el recuadro combine bien con los otros elementos de la pgina. Los recuadros estn hechos para ofrecer lmites, no para aislarse a s mismos de los otros artculos de la pgina. Usar recuadros en una pgina entera puede ser reservado para un item de un solo tema, largos reportajes, o para ensayos fotogrficos. En la mayora de los casos, es mejor ir por una pgina abierta, sin bordes; la clave es tener discrecin y atencin al contenido especial de la pgina. Los recuadros no estn de vuelta. Nunca se fueron. Ellos son, y siempre sern, una fantstica y til herramienta para lograr que el viaje del lector a travs de la pgina sea ms rpido y ms ordenado.
109
mario garca
pure design
Navegacin
La navegacin no est limitada a los ndices y a los recuadros de promos en la primera pgina . Las etiquetas hacen ese trabajo mucho mejor. Las etiquetas de pginas aparecen en tres categoras, cada una representando un nivel de jerarqua. La etiqueta de la primera seccin aparece como un elemento largo y prominente que seala el inicio de una nueva seccin. La etiqueta se asemeja a lo que hay en la primera pgina, con elementos similares como las reglas de colores, recuadros de navegacin, y tipografa. La etiqueta de la subseccin aparece dentro de la seccin, sealando un importante cambio de tema que merece mayor consideracin. Por ejemplo cuando un peridico pone noticias financieras en la parte de atrs de la seccin de deportes, la etiqueta de las noticias financieras no debe ser tan larga como en la portada de la seccin, pero debe ser ms larga que la etiqueta de una pgina normal. La etiqueta de la pgina interior aparece en la mayora de las pginas del peridico. sta no debe ser demasiado larga pero tampoco muy pequea como faltante de funcionalidadde 30 a 60 puntos es un buen tamao. Es importante para cada pgina llevar una etiqueta. Puede ser una etiqueta combinadatales como Noticias/Artculos. Mientras ms especfico, es mejor. Poltica es mejor que Noticias. Salud/En forma es mejor que Artculos.
110
La Navegacin: La revista Hispanic Business emplea largas etiquetas y generosos espacios en blanco en cada una de las pginas interiores, ayudando as a los lectores ocupados saber al instante dnde se encuentran.
111
mario garca
pure design
Etiquetas: En nuestro diseo de MOM, una revista para madres modernas, nuestra diseadora Theresa Kral us negrillas, bloques con cdigos de color para guiar al lector a travs de la revista. De un grupo focal a otro, hemos visto que incluso lectores leales a determinadas publicaciones no son conscientes de las secciones de la revista ni de cmo est dividida. La navegacin sencilla es la clave para estos lectores distrados.
112
113
mario garca
pure design
Volumen
En diseo, aplicamos el volumen para presentar una pgina. Algunas veces el volumen es alto, algunas veces es confortable, otras es un susurro. Hay espacio para los tres. Sin embargo, como el ritmo, el volumen debe ser cuidadosamente calculado, y no todas las secciones de una publicacin deben tener el mismo volumen. Cundo lo aplicamos? Determinar el tamao y las negrillas de los encabezados es el primer paso. Ya que los encabezados son los que en su mayora estn levantados con letras altas en una pgina, es aqu donde ubicamos el tono. Titulares grandes con pesadas negrillas proveen de fuerza, altitud y presencia. Determinar el tamao, color, y peso de los encabezados en la parte superior de la pgina es el paso siguiente. Cuando se usa una fuente de 230 puntos para la palabra Entretenimiento, y corona la pgina con sta, entonces el volumen de la pgina est determinado. Nada puede competir con el peso de la parte superior de una pgina. En este caso, una palabra obviamente sin importancia ha apagado el sonido del resto de la pgina. Luego vemos el tamao de las fotografas. Cuando una foto es muy larga, muy oscura, o demasiado colorida, los elementos alrededor de ella padecen . Ponga el volumen a sus pginas como lo hiciera con su propia radio, TV, o toca CDs: no muy alto, no muy suave, con el volumen justo para obtener el mensaje a travs, conforme al estado de nimo y a la situacin.
114
Subiendo el volumen: Los deportes es la seccin del peridico para subir el volumen. Grandes titulares, grandes fotografas, y otras estrategias grficas ayudan a lograr un poco de ruido en la pgina. Expressen, del diario de Estocolmo, requiere un nivel diez de volumen en sus pginas, empezando con la primera pgina.
115
mario garca
pure design
clima coloreados dominaron; cuadros de promos aparecieron en diarios con apenas suficientes pginas para garantizarlos. Con algunas excepciones, los peridicos se mantuvieron con ese molde en los primeros aos de 1990. Finalmente, durante los ltimos cinco aos, algunos han empezado a regresar a sus races, captando elementos del pasado, tales como un smbolo para un logo, un cierto color de lnea, o un navegador vertical para la primera pgina. Indudablemente, los Estados Unidos todava puede cambiar si lo deseara y ver peridicos bien diseados: el New York Times (especialmente la edicin Dominical); el Philadelphia Inquirer; el Minneapolis Star Tribune; the Wall Street Journal (vean el Weekend Journal); el Atlanta Costitution (pgina de ndice, secciones de internet); el Dallas Morning News (recientemente diseado, moderno, agudo, pero vindose mucho ms como un peridico de una gran ciudad); el Charlotte Observer (mostrando que un peridico de tamao mediano puede hacer que las fotografas y el texto coexistan). Ms al norte, los canadienses han creado algunos peridicos de lite con diseos dentro de los mejores del mundo. Una muestra son el National Post (el pasado y el presente se encuentran en un nuevo peridico) y el Globe and Mail (con grandes toques tipogrficos). Un nuevo periodo de inventiva para el diseo de los peridicos de Norte Amrica est por llegar. Afortunadamente esta nueva era anunciar una abertura al formatos ms pequeos, usos ms funcionales de ndices y navegaciones, y mayores experimentaciones con la distribucin de anuncios.
117
mario garca
pure design
El look de Europa
Siempre he estado fascinado en cmo muchos peridicos lucen globales, pero mucho ms me han sorprendido las diferencias, usualmente acentadas por toques que no son inmediatamente detectables. Mientras vemos a travs de un kiosko de peridicos de una gran ciudad del mundo, las sutilezas se aclaran. La palabra variedad es la que mejor que describe a los peridicos europeos. En el Reino Unido, tenemos el cono de todo lo que se trata de un peridico de boulevard, representado por tales tabloides como el Sun y el Daily Mail. Pero existen algunos otros modelos clsicos: el Times y el Scotsman, junto con ejemplos ms contemporneos tales como el Independent y el Guardian, ambos un poco desactualizados. En su mayora, los diseadores de peridicos escandinavos respetan las tipografas y espacios en blanco. La reproduccin del color es fantstica, junto con el uso de grandes imgenes. Desde Noruega hasta Dinamarca, y especialmente Suecia, la precisin artstica y el funcionalismo define a estos peridicos. A pesar de que ha habido una relativa pequea innovacin en peridicos espaoles dentro de los ltimos dos aos, ellos estn, sin duda, dentro de los peridicos mejores diseados en el mundo. El aire fresco que vino a Espaa en la era de Franco, se manisfest muy bien en la creacin de peridicos que son modelos para el resto del mundo, no slo visualmente sino editorialmente.
118
Con algunas pocas excepciones, tales como Le Monde y Libration de Pars y Midi Libre de Montpellier, siempre me ha sorprendido la pobreza del diseo de la mayora de los peridicos franceses. Es sorprendente porque ste es un pas donde diseo siempre es escrito con D mayscula-en revistas, moda, accesorios para el hogar, etc. Pero no en los peridicos (aunque todava no es muy tarde.) Los peridicos italianos no son necesariamente los ms atractivos, pero son duramente cafeinados, fuertes, y negros. No muy lejos de la energa y de la pasin tipogrfica son los peridicos griegos, los cuales son atractivos, algunos caticos, y usualmente llevan maravillosas caricaturas de polticos, algunos en la portada. En el primer lugar de la categora del caos incontrolado, con la mxima negritud y pasin, tenemos los peridicos turcos. Ellos estn ciertamente dentro de los ms coloridos pjaros del continente!
119
mario garca
pure design
El look de Asia
Los peridicos de Asia son un buen estudio de cmo las influencias histricas pueden convertir en marca la visin y el sentimiento de las publicaciones. Emitidos en variedad de lenguas, incluido el ingls, los peridicos asiticos tienden a ser negros, agresivos, espirituales, y coloridos. Aquellas publicaciones en ingls tienden a imitar peridicos del Reino Unido ms que aquellos de Estados Unidos. Mi primer trabajo en Asia fue el crear un peridico en Singapore, el New Paper. Ahora trece aos despus, es an tan interesante y colorido como lo fue aquellas semanas cuando por primera vez sali a las calles. Muchos crticos estaban admirados que tal peridico orientado a jvenes poda irle bien en ese mercado, atrayendo todo tipo de lectores. El New Paper caracteriz a los peridicos asiticos generalmente en su habilidad para ser aventurero, innovarse, y hacer cosas diferentes. La portada podra ser un pster un da y al siguiente estar ms orientada al texto; las fotografas se pueden extender a travs de dos pginas, y los encabezados son considerados pequeos a 86 puntos. Las caractersticas que distingue a los peridicos asiticos de sus similares en Europa y Amrica son: Encabezados con ms negrillas, columnas ms angostas (para las sbanas), ms congestionados dentro de las pginas (para los
120
tabloides), y paletas de color ms saturadas (incluso en los ms serios). Ms experimentacin con la distribucin de anuncios: empezando en la primera pgina, alrededor del logo del peridico, como islas flotantes, o en la mitad de una pgina rodeada de publicidad con texto. Ms nfasis en la cobertura para jvenes lectores. Para incluso el ms pequeo peridico asitico regional, se hacen esfuerzos de atraer a los jvenes, y, con mucho xito. Con los peridicos en ingls, el progreso ha sido ms lento. Mientras los peridicos en el Reino Unido han sido diseados para ser ms organizados, con mejor navegacin, y un uso superior de las fotografas, sus similares asiticos continuan siguiendo modelos de la prensa britnica de los aos 1960 y 1970; mezclando anchura de columnas en aquellas sbanas, utilizando muchas fotos en una pgina, y mezclando fuentes tipogrficas. Tendra que incluir aqu algunos de los peridicos de Australia y Nueva Zelanda, los cuales, aunque improvisados en trminos de diseo durante estos ltimos diez aos, continuan retrocediendo hacia la poca de oro de las sbanas britnicas: demasiado llenas, muy confusas, muy ruidosas. Justo cuando hablamos de peridicos europeos por algunos de los mejores usos de la tipografa, o diarios estadounidenses por su excelente fotoperiodismo, y los peridicos latinoamericanos por su soberbio uso de las ilustraciones, nos referimos a los peridicos asiticos por su sentido del espritu que es intntaneamente trasmitido, directamente en la pimera pgina.
121
mario garca
pure design
Hora, O Povo, y A Gazeta. Uno de las ltimas publicaciones es Agora, una sbana con sentimiento de tabloide, en el populoso Sao Pulo. El resto de Sudamrica ofrece una variedad de visualmente atractivos peridicos tamao sbana. El Tiempo de Colombia debe ser estudiado por su distribucin nada ortodoxa en tres secciones, donde los deportes y las noticias econmicas comparten la cubierta de una seccin! En Per, El Comercio siempre ha mantenido un look clsico, pero actualizndose regularmente. El Comercio de Ecuador es similar, con maravillosos uso de los grficos de informacin. Es en los peridicos argentinos donde constantemente podemos ver experimentacin con el color, grficos, estructuras de historias, e ilustracin. La Nacin y Clarin son excelentes ejemplos, pero las provincias ofrecen los ms distintos usos del color e ilustraciones, con La Gazeta, La Voz del Interior, Uno, La Nueva Provincia, y El Liberal. El Caribe est lleno de diarios coloridos. En Repblica Dominicana chequee Listin Diario,El Siglo, y ltima Hora. En Puerto Rico, El Nuevo Idea es uno de los ms exitosos experimentos en formatos de tabloide. Los centroamericanos gustan de los tabloides, y muchos visualmente interesantes abundan. Prensa Libre de El Salvador y Diario de Hoy son los mejores. No se necesita saber espaol para obtener ideas y obtener inspiraciones, stas abundan aqu!
123
mario garca
pure design
Alrededor del mundo: Color, fotografa, tipografa, estructura narrativa, y tamao todo cambia de acuerdo a la cultura y al clima. Algunas muestras de todo el mundo: El Dallas Morning News (norteamrica), Handelsblatt, Alemania (Europa), El New Pape r, Singapore (Asia), y la La Gaceta, Tucuman, Argentina (Amrica Latina.)
124
125
mario garca
pure design
Ms color, de seguro: Cuando el Instituto de la Prensa Americana invit a un grupo de diseadores a reunir y proponer modelos para peridicos del futuro, trabaj con mi equipo de Buenos Aires, encabezados por Rodrigo Fino y Paula Ripoll, en nuestra visin de un diario de formato-pequeo (8,5 X 11 o A4). Usamos colores por todas partes, incluyendo en el tratamiento tipogrfico, y un buen juego de textos largos y cortos.
127
mario garca
pure design
Caso de Estudio
128
129
mario garca
pure design
Lo que hicimos: Empezamos desarrollando una estructura de historias que facilitara la jerarqua a travs de las pginas: cada historia estaba compuesta de elementos especficos, dependiendo de la ubicacin e importancia. sto ayud al lector a moverse de una historia a otra, de una pgina a otra.
Lo que hicimos: Una vez que establecimos la estructura de las historias, nos concentramos en la arquitectura de la pgina, cambiando de un formato rgido de columnas de seis, introduciendo algunos formatos de cinco columnas para las secciones de las portadas.
130
131
mario garca
pure design
Lo que hicimos: Una base fundamental del rediseo era la introduccin de una paleta de color. Nos aseguramos de que cuando el color apareciera en una pgina, fuese sofisticado y elegante. Usamos algunos colores astutos, consistente y repetidamente, incluyendo verde menta, azul cielo y un suave champagne.
132
133
mario garca
pure design
Lo que hicimos: Un redibujo refinado de la tipografa Scotch Roman le dio al nuevo Journal un look que- aunque nuevo y modernono lo sacaba de la imagen del tradicional peridico. Un lector vido podra todava reconocer su peridico de confianza en la reciente versin rediseada .
Lo que hicimos: Nuestra meta principal era preservar lo genuino y nico de El Wall Street Journal. Al mismo tiempo, introducimos elementos modernos tales como un mejor navegador, incluyendo un nuevo panel en la primera pgina para promocionar las historias internas. Ahora estos nuevos elementos se han convertido en parte de la identidad del Journal para futuros lectores.
134
135
mario garca
pure design
color
CMO CREAR PALETAS
136
137
mario garca
pure design
Mucho Color
Si los lectores pudiesen entregar una lista de sus deseos a los editores, sta probablemente tendra al color impreso en grandes letras capitales, cada una con un matiz diferente . Las publicaciones de hoy en da usan el color para comunicar, para energizar el lienzo, para atraer el ojo, para moverse de aqu all, y finalmente, para dejar una impresin, efmera como debe ser. El color, sin embargo, no es slo un componente esttico; su uso est basado en percepciones pticas que bordean entre lo cientfico, y lo simblico que tiene ms que ver con la cultura y el ambiente. Al asignar color a una pgina, la cubierta de un libro, o la pantalla de un sitio web requiere consideracin de ambas. Las tres caractersticas importantes del color son: movimiento, temperatura, y simbolismo. Movimiento: Algunos colores- rojo y amarillo por ejemplo- se mueven hacia adelante en la pgina, atrapando a los lectores mediante su empuje y hale. Azul y gris, por el otro lado, son ms planos, enfatizando menos movimiento. Temperatura: Algunos colores son calientes, otros son fros o helados. El contenido nos dicta qu usar, pero tambin lo hace la cultura. Simbolismo:Diseadores y editores saben muy bien lo que ciertos colores pueden evocar; los fervientes fans de algn deporte no podran perdonar al editor de deportes que pintase una pgina con el color del equipo rival. Esto podra ser un accidente costoso .
138
Donde el color es el rey: Una historia del Dallas Morning News, donde el color dicta la historia.
139
mario garca
pure design
Titulares a color
Cada diseador y/o editor que he conocido tienen su propia opinin en el tema del color en los titulares. Y por supuesto, yo tambin. Mi preferencia es por los encabezados en negro, el 99 % de las veces. En los das antes de que los peridicos pudiesen reproducir colores maravillosos a travs de fotografas e ilustraciones, el ocasional encabezado a color aada un poco de emocin visual a la pgina. Sin embargo, hoy en da podemos lograr pginas coloridas sin ponerle color a los titulares. Ciertamente, pginas de artculos se podra beneficiar con un toque de color en su encabezado, pero muchas veces, una pgina puede ir una milla ms all con slo un buen color en las imgenes, y un bonito, grande y negro titular.
140
141
mario garca
pure design
El espacio blanco
Con mucha frecuencia, despus de que un rediseo es finalizado, los lectores piensan que la publicacin ha sido impresa en un mejor papel. Esto es, por cierto, un caso muy raro. Lo que ha cambiado es que el espacio blanco ha sido incorporado, lo que da la impresin de un ambiente ms limpio. El espacio blanco es importante. Como la puntuacin es a una oracin, ste le permite fluir a los pensamientos sin correr hacia el otro. No es cierto que slo un artculo o pginas de suplemento deben utilizar espacios blancos; incluso las pginas de noticias se pueden beneficiar de ms espacio para respirar. Yo incorpor espacios blancos en todas las pginas de mis proyectos, y en algn nivel, el lector lo aprecia. Adems de lo obvio, hay muchos espacios para emplear los espacios en blanco: Entre las lneas de encabezados y sumarios. Entre fotografas y subttulos. Entre subttulos y el texto que los sigue. Entre grficos y elementos que los rodean. Alrededor del recuadro que rena un historia o un ensayo fotogrfico. Directamente debajo del encabezado de la pgina (dos lneas de espacio blanco es recomendado). Entre un anuncio y el espacio del editorial. El espacio blanco es la ms silenciosa ayuda para el diseador.
142
Poderoso silencio: Bruch, el suplemento Dominical del Jyllands Posten en Copenhagen, enfatiza grandes fotografas con largos texto, y los amortigua con generosos espacios blancos. Si no fueran amortiguados de esta manera, las piezas seran menos acogedoras.
143
mario garca
pure design
El poder del blanco: Cuando Miller Media redise el sitio web de Barra, simplicidad era la meta. Barra, un creador de herramientas complejas de administradores de riesgos, asustaba a los usuarios con un sitio de densa informacin . Los diseadores pasaron la mayora del tiempo trabajando con editores tratando de reducir la informacin a lo esencial, para luego aplicarlo en un limpio, y abierto diseo con grandes cantidades de espacios en blanco.
Menos es ms: Durante un cambio de editores, Miller Media fue contratada para actualizar la apariencia y sentimiento de House Beautiful, una revista de diseo de interiores que haba perdido participacin en el mercado. El diseador en jefe John Miller desmantel las portadas ruidosas, concentrndose en imgenes simples, e icnicas. El logo fue rediseado con una clsica fuente con serife, la tipografa fue elevada hacia los ms elegantes niveles. Y para completar el look, una gran cantidad de espacios blancos se us en cada pgina.
144
145
mario garca
pure design
Cultura y diseo
El diseo est profundamente enraizada en la cultura y tradiciones de las personas para quienes fueron hechos. Diseadores de muebles, escultores, y arquitectos siguen astutamente, lineamientos culturales en sus trabajos. Los diseos de publicaciones no son la excepcin. Alrededor del mundo, peridicos y revistas lucen similares, pero an as estoy ms sorprendido por las diferencias, usualmente acentuadas con toques que no son tan obvios, pero que estn all, esperando a ser descubiertos. Los peridicos escandinavos tienden a ser ms limpios, con una apariencia sin competencia que es tpico de ciudades nrdicas. Para descifrar elementos culturales no toma ms que una rpida carrera o caminata por la ciudad, o un ojo afinado mientras viaja en tren o en bus dentro de la ciudad. Los peridicos en aquellas ciudades nrdicas con tradiciones vikingas circulan en ambientes donde uno no ve cortinas en ningn color que no sea blanco. Sin embargo, intente un tour en una ciudad latinoamrica, o Grecia, Espaa, e Italia, y lo opuesto es cierto. Las cortinas blancas aparecen muy rara vez; en cambio, uno ve cada color del arco iris. Aqu es cuando el diseador toma la cmara digital, o su libreta de apuntes, y garabatea pensamientos al ms bsico nivel de cmo la cultura y el diseo armonizan. Los peridicos latinoamericanos muestran ms emocin, encabezados ms negros, colores ms brillantes. Peridicos griegos e italianos tambin muestran la inmensidad e intensidad de la vida en esos pases.
146
En los peridicos norteamericanos, las diferencias regionales son acentuadas: con peridicos sureos que muestran un ambiente visual ms calmado, ms relajado que aquellos en ciudades ms grandes del noreste y medioeste. Un paso importante en el diseo de un peridico es el incorporar un poco de la identidad cultural.
147
mario garca
pure design
Acentuando lo natural: Los peridicos deben reflejar el ambiente visual en el cual existen. Aqu podemos ver portadas que representan bien a sus regiones. Il Secolo XlX , Genoa: los peridicos italianos muestan energa, congestin, vibracidad. Diario de Noticias, Madeira, Portugal: Una isla de coloridas flores , una portada que combine. Typos, Atenas, Grecia: vigoroso, negro, expresivo.
148
149
mario garca
pure design
Movimiento en tres dimensiones: Esta pgina interior de una propuesta en espaol de la edicin del diario para el Dallas Morning News nos muestra el poder de un encabezado levantado en blanco contra un fondo negro.
150
151
mario garca
pure design
Caso de Estudio
GarciaMedia.com
El reto: Con nuestro propio sitio web quisimos crear algo simple, pero con una gran cantidad de informacin. Quisimos que nuestro sitio sea informativo, interesante, e ingeniosoy menos sobre nosotros. Como una firma de diseo, sabamos que tenamos que tener un sitio muy atractivo visualmente, pero como educadores y reporteros tambin nos dimos cuenta que tenamos mucho contenido que sera muy til para nuestros visitantes. El concentrarnos solo en lo visual nos habra dado ms libertad creativa, pero nosotros sabamos que finalmente el look tendra que ser manejado por el contenidono al revs. Nosotros trabajamos en diseos de contenidos. Para nosotros el contenido es primero, as que tena sentido tener un sitio lleno de contenido, rico y de fcil navegacin. Lo que hicimos: Empezamos con un cuidadoso inventario de el contenido, separado en categoras y escrito para la Web. Cuando fuimos tentados por el mantener textos cortos, escuchamos una investigacin que las personas en la actualidad leen ms online. (Ponga textos largos en la prensa y es evitado como un seminario de seguros, pero si lo pone online tendr una audiencia cautiva.) Ahora el verdadero reto empezaba: embutir todo en un diseo que siga nuestra filosofa: mantenerlo simple.
152
153
mario garca
pure design
Lo que hicimos: Despus de una docena de fallidos bocetos, una de nuestras diseadoras, Mignon Khargie, present un diseo casual que ella pens en el ltimo minuto. Este diseo es lo que vemos en nuestro sitio actualmente. Mignon no dise un sitio web, ella dise nuestra informacin, usando encabezados y fotos como imgenes principales.
Lo que hicimos: Cuando nos toc decidir los colores, Garca Media escogi una paleta de vigorosos y llamativos colores que establezcan una marca reconocida al instante. Con los colores de web hay una paleta predeterminada y diferentes representaciones de esos colores en diferentes navegadores o plataformas (Windows y Macs, por ejemplo). Probamos colores que se veran muy bien en las pantallas sin importar la diferencia de computadores o navegadores. Tambin quisimos una combinacin nica de colores, que no pueda ser descrita usando nombres de colores tradicionales, como rojo o azul. Queramos colores que fuesen colores de Garca Media y que slo puedan ser descritos de esa manera. Como Mario Garca Jr. explica: Cuando trabajamos en un sitio, el color es una de las ltimas decisiones que hacemos. Para nosotros, no es decoracin. Queremos que alguien que camine por computadora sea capaz, de ver un sitio web y sepa que es nuestra. Nosotros creamos una marca con el color
154
155
mario garca
pure design
Lo que hicimos: Para las listas de la Pgina de Clientes usamos sombras de colores para evitar las largas columnas de texto, lo que las haca ms legible.
Lo que hicimos: Para los casos de estudio y biografas de los miembros del equipo escogimos un formato pop up, que sea fcil de navegar y permita al usuario un acceso rpido a la pgina de dnde vinieron. Los estudios de la Web indican que los usuarios prefieren los popup para pequeos y mltiplos pedazos de material. Nosotros lo mantuvimos simple, as que tenan el mismo diseo y arquitectura del sitio principal del que formaban parte, sin importar que la navegacin sea diferente.
156
157
mario garca
pure design
imgenes
CMO USAR IMGENES
158
159
mario garca
pure design
Composiciones fotogrficas
Est de moda actualmente para los diseadores de peridicos mostrar comoposiciones de fotos en sus pginas. Esto no es una mala idea, y no es en realidad nueva. Las publicaciones durante los aos 1950 mostraron muchas fotografas agrupadas para maximizar el uso de la fotografa dentro de un espacio limitado. Durante los aos 1970, la era de la gran foto estaba sobre nosotros, y las composiciones de fotos se convirtieron en una rareza. Pero estn de vuelta. Las composiciones de fotografas funcionan mejor para grupos de imgenes que cuentan una historia, pero nunca deben ser un sustituto para seleccionar una imagen que realmente cuenta una historia. Por ejemplo, en las coberturas de noticias especficas, como incendios, accidentes, aviones estrellados, etc, usando una sola imagen dominante es todava mejor que poner cinco imgenes pequeas juntas dentro de un rectngulo. La edicin de fotografas es exactamente lo que el nombre implica: alguien que edite de un campo de muchas imgenes, y que escoga la definitiva que cuente la historia. Por el otro lado, si uno est ilustrando los ofrecimientos de un museo recin abierto, o describiendo piezas que son parte de un conjunto en un artculo de moda, las composiciones pueden ser la mejor solucin. Recuerde: cuando disea con composiciones de fotografas, evite dividir el rea rectangular en unidades iguales; algo como la arquitectura de Mondrian, con piezas en varios tamaos (algunos verticales, otros horizontales) funcionan mejor. Y divida las fotos con la regla de cuatros puntos. Tambin, las composiciones funcionan mejor en color, donde el contraste es mejor, que las que estn en blanco y negro, donde, si la impresin es mala, las imgenes se tornan en una superficie lodosa.
160
Cuando funcionan las composiciones: Rumba, Rabo y Oreja, La revista de El Pas, usa composiciones de fotos liberalmente, incorporando formas y color a un efecto dramtico del editorial.
161
mario garca
pure design
Primera pgina
Las primeras pginas de los peridicos no son para ser estudiadas. Ellas son para reaccionar ante ellas. Las portadas de revistas no deberan contener complejas fotografas conceptuales que los lectores tengan que esforzarse demasiado para entenderlas. El monto de tiempo que los lectores le dan a la primera pgina antes de decidir su reaccin se ha convertido cada vez menor. Por consiguiente, para aprobar el test del kiosko o de la mesa de caf, la cubierta de una publicacin debe tener un fuerte impacto visual, lo que en un 99% depende de una buena fotografa. El problema nmero uno de la mayora de las cubiertas es: tener letrgicas y pasivas fotografas. Al mismo tiempo, la primera pgina no es una galera para fotografas artsticas. Es un lugar para la mejor foto del da, una que nos trasmita uno historia o dos, cree una emocin, atraiga a los lectores, y los haga leer. Las fotografas de la primera pgina deben ser activas, sorprendentes, y, siempre que sea posible, mostrar personas. Este no es el lugar para una vista quieta del hermoso Alhambra, a menos que lderes mundiales sean vistos reunidos all. Especialmente en revistas, las fotos de portadas deben ser icnicas, grficas, no demasiado complicadas. Con pocas excepciones, la primera pgina no es el lugar para gigantes infografas, lo que requiere que el lector estudie sus contenidos. Las infografas son una de las grandes tcnicas para contar historias que un editor de peridico puede usar, pero tambin son mejores en pginas internas.
162
Impactando a travs de la fotografa: La primera pgina del San Jose Mercury News sobresale en el uso de grandes y dominantes fotos para atraer a los lectores. Por el contrario, los encabezados que rodean la foto tienden a ser ms pequeos as no compiten con el impacto visual de la fotografa.
163
mario garca
pure design
conos: Las portadas, ya sean en libros, revistas, o peridicos, necesitan ser simples e icnicas. Para el Vanity Fair y las portadas de Legends, John Miller escogi imgenes que fueran simples y completas, luego las cort un poco para darle el sentimineto de inmediacin. Garca Media emple el mismo look icnico para la revista de empleados para MAN Roland en Hamburgo, Alemania.
164
165
mario garca
pure design
Fotografas autnomas
A todos nos gustan historias acompaadas de buenas fotos. Editores y diseadores de cualquier lado tratan duramente de encontrar esa imagen que encaje perfectamente con el texto. Algunas veces no sucede. Ah es cuando apelamos a nuestra siguientemejor opcin: la fotografa autnoma. En el ambiente de hoy en da, con lectores barriendo rpidamente a travs de las pginas del peridico, las fotografas autnomas son una manera rpida de proveer un buen impacto grfico en la pgina. Muchas historias pueden y deben ser dichas a travs de fotografas. Breves textos hacen el trabajo. Las fotografas autnomas pueden tambin servir como un dispositivo de navegacin. Una fotografa autnoma de un evento de deportes en la primera pgina puede capturar nuestra atencin, y referirnos a completar las historia adentro. Aqu hay algunos tips de cmo usar de mejor manera fotografas autnomas: Ubique un buen encabezado sobre la foto (el encabezado puede tambin aparecer debajo de la fotografa, pero yo siempre recomiendo la posicin superior para un empaquetamiento ms efectivo. Encuadre o ponga orlas a la foto, utilice encabezados, y pie de foto, para garantizar que la fotografa autnoma no flota en la pgina o parece estar relacionada a las historias alrededor. Nunca escriba un bloque de texto debajo de una fotografa autnoma que sea ms profunda que la fotografa. Los pies de pginas de seis o nueve lneas son ideales. De otra manera, escriba una historia.
166
Fotos que cuentan una historia: Las Vegas Review Journal usa una fotografa autnoma para contar la historia sin concurrir al encabezado tradicional y combinaciones de texto. Los lectores que escanean encabezados y miran las fotos disfrutan este tipo de tratamiento, ya que obtienen informacin sin tener que leer mucho texto. Las fotografas autnomas pueden ser usadas para dirigir lectores hacia las pginas internas donde la historia se desarrolla ms, tambin pueden pueden ofrecer suficiente informacin en su propio pie de pgina.
167
mario garca
pure design
CIV: El Tiempo sobresale al usar imgenes largas como centro de impacto visual. En este caso, es una foto en silueta.
168
169
mario garca
pure design
Fotos e ilustraciones: Los artistas y diseadores de La Gaceta, de Tucumn, Argentina se destacan en su habilidad para crear un concepto visual para una historia y desarrollarlo, en un periodo relativamente corto. Aqu vemos como una seccin de entretenimiento es ilustrada con una fotografa, haciendo que esta pgina sea ms seductora y atractiva. Algunas veces, como en este caso, usando ambos una fotografa y una ilustracin es ms efectivo.
171
mario garca
pure design
Hacer que reporteros y editores hagan una lectura de prueba del primer boceto del grfico. Escriba un buen encabezado, recordando no repetir lo que el encabezado de la historia dice. Use esta oportunidad para realzar otro nivel del relato. Finalmente, una buena infografa debe ser visualmente esttica. Los lectores entran a un grfico para obtener informacin, pero es su atractivo visual lo que primero los atrae hacia ellos. El contenido es primero, lo visual es secundario. La combinacin de los dos, ms una efectiva investigacin, hace las mejores infografas.
172
173
mario garca
pure design
Tablas, barras, y mapas: Cuando John Miller y Aaron Kenedi redisea alguna nueva revista, su enfoque principal es crear una marca fuerte en las infografas. Frecuentemente trabajan con especialistas, tales como como Stephanie Heald, en el desarrollo de tablas y grficos simples que funcionan como efectivas herramientas narrativas y ayudan a propagar la marca de la publicacin.
174
175
mario garca
pure design
Siempre use pie de foto, sin importar qu tan bien conocida sea la cara. Es un asunto de estilo periodstico. Los retratos pueden ser utilizados dentro del texto de una historia, pero tambin acompaados por una cita o un destacado de la historia. Los retratos pueden ser en blanco y negro o en color. Los lectores gustan de ambos. Los retratos pueden ser dibujos tanto como fotos. El Wall Street Journal tiene un estilo particular lo que es llamado head cuts Las imgenes de las personas en las noticias no aparecen como fotos, sino como bocetos en lpiz. Esto le otorga al WSJ un estilo nico que es fcilmente reconocible para los lectores habituales.
177
mario garca
pure design
178
179
mario garca
pure design
Lo que hicimos: La paleta general de colores es nica para Real Simple, tanto en letra como en fotografa, para cada ejemplar. Algunas veces es muy prominente y otras, muy stil; a menudo se relaciona a la temporada del ao. Por ejemplo en un ejemplar con muchas fotografas de cielo y mar azules, los diseadores optaron por tipografa azul y llamados de atencin azules. La filosofa es que la imagen y/o el contenido dicten el color.
180
181
mario garca
pure design
Lo que hicimos: Tal vez ms que en ninguna otra revista, el espacio blanco refuerza la simplicidad y la organizacin que incorpora Real Simple. Podemos decir que el espacio blanco realmente juega un papel protagnico en la revista, encuadrando la pgina, separando artculos, o permitiendo un espacio para respirar alrededor de una fotografa poderosa. El espacio blanco est considerado como parte de la paleta de color, una forma de expresar limpieza, simplicidad y autoridad.
182
183
mario garca
pure design
Lo que hicimos: En Real Simple las historias son contadas tanto a travs de palabras como con fotografas. Los editores saben que algunas historias deben ser largas para trasmitir muchas ideas, consejos y descripciones. Sin embargo, los diseadores y editores trabajan para cambiar algunos de los largos y corridos textos narrativos en recuadros de atencin (sidebars), o stos en texto corrido. Solo porque un texto es largo no significa que haya que cortarlo. Puede ser re-distribuido como lecturas secundarias, dejando a lo narrativo como elemento principal.
184
185
mario garca
pure design
proceso
CMO HACER UN TRABAJO DE REDISEO
186
187
mario garca
pure design
Buenos briefs
La mejor manera de lanzar un proyecto de rediseo, o la creacin de una nueva publicacin, es a travs de un brief completo. Un buen brief es una rara oportunidad de reunir miembros claves del grupo quienes estarn encargados de crear un nuevo diseo, y tenerlos alrededor de una mesa para presentar ideas. Los briefings, aunque deberan estar libres de los formularios de reuniones, deben empezan con un delineamiento de las metas que se quiere alcanzar. Yo siempre he mantenido que todos los proyectos empiecen con una clase de estado de fantasa donde uno trabaja con lo que podra ser y abandona totalmente alguna discusin o restriccin de lo que puede ser hecho. Por supuesto, todos los proyectos tienen un estado de realidad tambin, pero eso viene mucho ms tarde. En mi experiencia, muchos proyectos que empezaron con preguntas de que tal si se movieron a una nivel ms alto de innovacin cuando aquellos en el grupo respondieron con por qu no? Los obstculos tcnicos, las limitaciones de recursos humanos, los dilemas de presupuesto, y las restricciones de la fecha de entrega son todos parte de la realidad que llegar a sus cabezas lo suficientemente pronto durante el curso de un proyecto, pero para empezar con esto como base de una discusin es una oportunidad mal gastada para ser creativo. Aqu hay algunos consejos para que los briefings que guian hacia la innovacin:
Rena a un grupo pequeo, o uno lo suficientemente manejable en tamao que permita la completa participacin de todos. Empiece con un delineamiento de las metas que se van a llevar a cabo: yo las enfatizo la necesidad de discutir las categoras de amanecer y ocaso. Qu debemos preservar? Qu debemos eliminar? Qu nuevos temas necesitan ser incluidos? Trabaje con discusiones filosficas de lo que viene ms adelante. Un rediseo no se hace para hoy, pero si es ms probable para los siguientes cinco aos de la vida de la publicacin. Quines sern sus nuevos lectores potenciales? Qu audiencias objetivas estamos tratando de alcanzar? Suee un poco: considere un formato diferente, una nueva paleta de color, nuevas formas de contar historias, una fuente tipogrfica original, o inclusive un nuevo logo. Los briefings o reuniones son el estado ideal para discutir de lo imposible, lo que, en algunos casos, se convierte en realidad. Traiga a la mesa las mejores y ms innovadoras mentes de la organizacin, sin importar los ttulos o posiciones.
188
189
mario garca
pure design
el siguiente paso es sentarse en la computadora a producir bocetos muy primitivos que luego sern impresos y mostrados o proyectados en una pantalla para su discusin. Y qu diferencia hace el trabajar con pginas reales, como por el contrario pasa con conceptos abstractos. Una hora de ver pginas pueden ser equivalentes a semanas de discusiones en cmo una estrategia tipogrfica, medidas de columnas, o paletas de de color, deben lucir en una pgina noexistente. Para el final de cada da de taller, un prototipo completo de doce o ms pginas estn disponibles, listas para llevar a diseadores y editores al siguiente paso, la produccin de un prototipo completo para ser impreso y testeado. Los talleres de trabajo hacen ms que slo ahorrar tiempoellos tambin proveen de una buena oportunidad para el trabajo de equipo. Los miembros del taller (workshops) se sienten dueos del proyecto, y el aprendizaje toma lugar quedndose con cada individuo mucho despus de que el proyecto ha desarrollado arrugas y todos quedan listos para el siguiente workshop.
191
mario garca
pure design
que el rediseo haya sido presentado, entonces s hay razn de creer que es una preocupacin legtima y que necesita tomarse en cuenta. Recoger informacin de los lectores debe ser un continuo proceso, no solamente justo despus de presentar un nuevo diseo. sta es una manera segura de garantizar que la publicacin siempre est acorde con sus lectores.
193
mario garca
pure design
Revisiones diarias
Una manera de mantener altos niveles de creatividad es conducir revisiones diarias (postmortems). Nunca deja de sorprenderme que diseadores y editores pasan meses creando una estrategia de diseo, pero hacen muy poco para evaluar cmo funciona sta da tras da. Esto garantiza la consistencia, la innovacin constante, y, por ltimo, la longevidad del diseo. Esta idea no se aplica solamente a la gran revisin despus de que se presenta un rediseo. De hecho, las mejores publicaciones con las que alguna vez he trabajado son las que implementan una evaluacin diaria de lo que hicimos ayer y cmo podemos hacerlo mejor hoy. Normalmente, en todas mis visitas, me ivolucro en las evaluaciones del trabajo realizado. Encuentro que es ms fcil para los editores y diseadores aceptar crticas y comentarios de un extrao que de sus colegas. Las revisiones internas a veces se deterioran por el hecho de que el diseador o editor cuyo trabajo se evala siente que no le cae bien al evaluador. El consultor externo es normalmente visto como un mediador objetivo, con autoridad y experiencia. Desafortunadamente, el consultor no puede estar presente para hacer las evaluaciones, as que cada organizacin necesita motivarse a s misma para realizar revisiones internas continuas. He aqu algunos tips para conducir revisiones efectivas:
194
Enfquese en pocos items (no intente revisar una revista entera o un peridico de cuatrosecciones al mismo tiempo!) Empiece elogiando el trabajo bien hecho. Critique el trabajo en base de lo que necesita mejorase, sin atacar al autor de forma personal. Siempre ofrezca soluciones cuando presente reas problemticas. Finalice la sesin con una frase positiva, con comentarios acerca de lo que s funciona!
195
mario garca
pure design
Cuando sea de testear un prototipo para un producto rediseado, realice la sesin con unos pocos bienobjetivos segmentos para examinar, en vez de una imposible larga lista. Por ejemplo, tal vez Ud. desee saber acerca de el look y sentido de la primera pgina, la legibilidad del cuerpo del texto, y el sistema de navegacin de una o algunas secciones. Eso debera ser suficiente para una conversarcin inteligente. Cuando los peridicos van de ser todo blanco y negro a ser de color, nunca falla que la mayora de los lectores les gustar el color pero tambin tratarn de expresar cmo el color se lleva la apariencia seria de sus peridicos. Es de esperarse, al igual del hecho de que los mismos lectores ni siquiera recordarn el exestilo blanco y negro tres semanas despus de que el color es introducido! Inclusive cuando se trata de examinar puramente los elementos grficos, los lectores estn ms interesados en discutir el contenido. Esto, yo pienso, es bueno, inclusive si nos frusta cuando queremos saber si cierto color de fondo funciona detrs de una columna, y los lectores se concentran totalmente en el contenido de la columna. Finalmente, todos los proyectos rediseados deben incluir un grupo focal antes de que los cambios finales se realicen. ste nos informa sobre las reacciones. Nos gua en la perfeccin de los detalles. Nos evita cometer un error embarazoso del que nadie en el comit de rediseo pens siquiera, pero que una inteligente madre de familia detect al instante, haciendo eco de los sentimientos de, tal vez, cientos de lectores.
197
mario garca
pure design
Para guiar a los diseadores y editores hacia las fuentes que los puedan resultar de ayuda, desde sitios web a libros y otras publicaciones. Identificar talentos en varias de las reas necesitadas en el proceso de rediseo: periodismo, produccin, marketing y publicidad. Ayudar a la creacin de un manual de estilo. Ensear a travs de todo el proyecto. ste es tal vez el rol ms importate del consultor, la de nutrir al equipo, impartiendo conocimiento a travs de seminarios, discusiones, y sesiones en las cuales el proyecto especfico de rediseo es puesto a un lado, para hablar acerca de los artes, diseos, tendencias, y, en un sentido, traer el aula de clase a la sala de noticias. Para adoptar el esfuerzo de equipo y alertar a todos de los beneficios de trabajar como equipo: todos nosotros sobresalimos si el proyecto gana. Este es el proyecto de todos, no es la creacin individual de nadie. Cuando el director de arte y el consultor hacen click todo lo dems en el proyecto se pone en su lugar rpidamente. Todos se benefician, pero especialmente los lectores, quienes ganan de la experiencia y creatividad del equipo.
198
199
mario garca
pure design
APNDICE
200
201
mario garca
pure design
Los mitos
Los apuntes en mi diario incluyen bitcoras de viajes, agendas, y ocasionalmente, el graffiti de los mitos del diseo. Siempre escribo estos mitos en rojo, para asegurarme de que no los olvide. Debo tener ms de 150 que he enlistado durante veinte aos de viajes, pero diez son los que se han convertido en los super mitos, aquellos que trascendieron nacionalidades, etnias, o idiomas. Se los ofrezco como una lista para ver cuntos de ellos son parte de sus propios repertorios de mitos:
2. A los lectores no les gusta las letras invertidas. Bueno, a muchos editores no les gusta. Y estoy seguro de que los lectores probablemente encontraran inusual y difcil de leer si un artculo entero estuviese levantado en letras blancas sobre fondo negro o de color. Sin embargo, unas pocas lneas de una cita o un destacado levantado sobre fondo oscuro no afectar la legibilidad, siempre y cuando el tamao de la fuente sea ms grande de lo normal y el leading, adecuado.
Los titulares enfrentados deben ser el mito nmero uno en el diseo, especialmente en los Estados Unidos. Estoy seguro de que se pasa ms tiempo en las salas de redaccin de todo el mundo diseando pginas que eviten los encabezados enfrentados, que, simplemente, escribiendo mejores encabezados. Como veterano de cientos de grupos focales donde se mostraron pginas con titulares enfrentados, nunca he escuchado a algn lector quejarse de ellos. Por supuesto, no voy a abogar por los encabezados enfrentados. Sin embargo, sugiero que no debemos pasar tiempo y esfuerzo innecesarios evitando lo que parece no afectar a nadie ms que al editor y a su viejo profesor de la escuela de periodismo.
202
La vida est a color. Los atentados de introducir lentamente el color en un peridico que ha sido en blanco y negro por aos es exagerado. En este caso, debemos respetar el conocimiento de los editores de su propia comunidad y la habilidad de sus lectores de asimilar los cambios. Sin embargo, mi propia experiencia ha sido que casi siempre el color es recibido extremadamente bien, y que los lectores de la mayora de las comunidades ya califican de menos serio a los peridicos que se imprimen en color. Con lectores de veinticinco a treinta y cinco aos, especficamente, el color es algo que se da por hecho. Lo que es importante, y esto debe enfatizarse, es que el color utilizado debe ser el apropiado para el perdioco y para su comunidad.
203
mario garca
pure design
4. Las itlicas son difciles de leer. He escuchado esto al menos quinientas veces, desde Amrica del Sur hasta Sudfrica, y en Malasia, tambin! Cada editor parece tener un catlogo incorporado de ancdotas para ilustrar por qu las itlicas nunca deben ser usadas. Se supone que stas son femeninas; por lo tanto, para qu usarlas en la seccin deportiva de machos? Las cursivas son extraas para el lector e implican noticias suaves, y no noticias fuertes, as que deben ser relegadas para la pgina de jardinera. Y, por ltimo, las itlicas desaceleran la lectura, por tanto se debe evitar su uso en un texto. La verdad? Las itlicas son unisex. Un artculo de deportes puede bien usar itlicas, pero tambin lo puede hacer esa historia de souffle en la seccin de comida. La implicacin suave -versus- fuerte es un fenmeno estadounidense, debo admitirlo. Un titular en una fuente itlica fuerte a gran tamao har el trabajo tan bien como un tinular Romano. El puntaje, la negritud (boldness) y lo distintivo de la tipografa utilizada son ms importantes que si la tipografa es itlica o no. Contrastar itlicas con tipos romanos, o con una fuente ms bold o ms light, hacen que ese souffl se eleve en la pgina. Adalas como una lnea secundaria debajo de una fuente clsica romana, y habr msica en la pgina. Dele al pie de autor un toque itlico, y, de alguna manera, el ritmo visual del texto se ver mucho mejor.
Nunca antes he escuchado a un lector quejndose acerca de este coctel especial de mezclas entre imgenes blanco y negro y de color. La tarea del diseador es de seleccionar las mejores imgenes posibles, sin importar el color, y mostrarlas apropiadamente en la pgina siguiendo una jerarqua que indica dnde el ojo debe ir primero, segundo, y tercero. El tema de color versus blanco y negro se convierte algo secundario al contenido de las imgenes, su ubicacin en la pgina, y el rol de las imgenes en todo el diseo.
6. La fluidez del texto no debe ser interrumpido. Las revistas han usado citas, destacados, y otros divisores de texto por aos. Sin embargo, ponga uno de estos dispositivos en el texto de muchos peridicos, y se encontrar un coro de editores repitiendo el mismo verso: cualquier interrupcin en el texto causa que el lector deje de leer. No he encontrado ninguna evidencia de esto en muchos de los grupos focales que he observado o en la propia investigacin de la Trayectoria de la Mirada del Instituto Poynter . (La Trayectoria de la Mirada document cientficamente cmo el color, el texto, los grficos y las fotos dirigen la mirada del lector a travs de la pgina del peridico.) Por supuesto, los interruptores pueden convertirse en obstculos si:
204
205
mario garca
pure design
Ponemos una cita de veinticuatro lneas a un ancho de 12 picas (144 pt), forzando al lector a saltarse las lneas de texto; o Si ponemos un divisor en una posicin estratgica tal, que el lector no se saltar las lneas, pero asumir, en cambio, que debe seguir leyendo en la columna adyacente. La extensin de un interruptor y su ubicacin determinan los factores de legibilidad. Cualquier interrupcin que requiere ms de un salto de lectura de dos pulgadas y media, debe ser reconsiderado.
8. El nmero de historias cuenta Debemos tener, dice este mito, un mnimo de cinco historias en la primera pgina. Bueno, hay siete en algunos peridicos, y once en otros. El nmero de historias es un estado de la mente; no debe ser una frmula. Dos das en el mundo de las noticias nunca son iguales para el editor que debe armar la primera pgina. En ciertos das, una gran historia podra equivaler a cuatro, o incluso siete, pequeas historias. A veces una fotografa puede llevar el peso de diez historias, y as sucesivamente. Los elementos individuales son los que cuentan, no una frmula sistemtica que fuerza a los elementos a satisfacer una cuota en la pgina. Qu es lo que sabemos acerca de el nmero de historias en la primera pgina? Bueno, la primera pgina es todava la cara del peridico y no solo debe mostrar las noticias del da, sino tambin promover lo mejor del contenido. Ms es definitavemente mejor que menos, y temas del ndice, cuadros de promocin, e inclusive fotografas autnomas forman parte de lo que hace que el ojo se mueva. Los lectores en grupos focales no cuentan el nmero de historias. El movimiento del ojo sobre el lienzo de la pgina es lo que cuenta. Cmo hacemos que los ojos de los lectores se muevan puede determinarse en base a factores no necesariamente asociados al nmero de historias que los editores creen que imprimir.
El mito es que el texto alineado a la izquierda implica material suave o para artculos cortos, mientras que el texto justificado representa noticias fuertes y serias. Esto, tambin, est en las mentes de los editores y de algunos diseadores. No ha evidencia de que esta percepcin sea real. Si los peridicos hubiesen alineado siempre sus textos hacia la izquierda solamente, en vez de justificarlos, los lectores habran aceptado este estilo. Los textos alineados a la izquierda pueden cambiar el ritmo de la pgina, inclusive cuando se usan en pequeos textos o para columnistas. Su uso incorpora espacio blanco, lo que siempre es necesario, y permite mejorar el espacio interletra y entre palabras. Algunas investigaciones han confirmado que la presencia de texto alineado a la izquierda acelera la lectura.
206
207
mario garca
pure design
Para muchos editores, la primera pgina o una primera seccin con elementos estticos (promociones en la parte superior, columnas de resmenes en la izquierda, etc.) provee una clase de oso de peluche para deben abrazar cuando regresan al trabajo todos los das. Entonces, como es tpico, los editores siempre piden sus osos de peluche. No hay verdad en el mito de que los lectores quieren estos elementos exactamente en el mismo lugar todos los das. Yo prefiero experimentar con osos de peluche en patines dejando que los cuadros de promocin aparezcan de forma diferente da a da. Algunos das use slo un promo, otros das, use tres. Sorprenda al lector con promos que corrern verticalmente los jueves, pero horizontalmente los mircoles.
Bueno, qu sera de los peridicos sin ellos? Las reuniones seran ms cortas, y menos argumentativas, especialmente si no hubiera el mito de las itlicas. Quin crea estos mitos? As como con los juegos infantiles, nadie sabe cmo empezaron. Los nios se ensean juegos unos a otros en el patio de la escuela; los profesores pasan estos mitos a sus inocentes alumnos en la escuela de periodismo. Luego estos mitos ganan peso cuando el editor novato escucha el mismo mito glorificado por su editor senior, y as sucesivamente. Qu puede hacer al respecto? Seleccione los que realmente quiere, luego luche con el que promueve el mito en su lugar de trabajo. Algunas veces, lo vencer.
Los editores parecen estar seguros de esto, pero nadie se ha molestado en contarle a los lectores. Para ellos, la historia principal es la del titular ms grande y ms bold, sin importar si est a la derecha o a la izquierda. Por supuesto, la jerarqua es importante. Esto no es un mito. Un titular debe aparecer en la pgina para guiar al lector, pero su apariencia, mientras sea encima del pliegue, es incosecuente. Por qu existen estos mitos?
208 209