TALLER DISEÑO EDITORIAL

3ª UNIDADLA GRILLA O RETÍCULA EDITORIALRelator: Hernán Rodríguez Isbej.Duración: 1.5 hrs.

La Grilla

Una grilla es real-mente exitosa solo si, después de resol-ver, literalmente, todos sus probremas, el diseñador se eleva sobre la uniformidad implícita de la estruc-tura y la utiliza para crear una narrativa visual dinámica que sostendrá el interés página tras página.

”

“

Timoty SamaraMaking and breaking the grid.

lo básico

SuscomponentesEstos son sus componentes principales:

Estructuras básicas

Grilla Modular.Son las mejores para controlar información compleja como diarios, calendarios, mapas y gráficos. Combina columnas horizon-tales y verticales que disponen el espacio en pequeños trozos de espacio.

Grilla de una sola columna.Usada para texto con-tínuo, como ensayos, reportes o libros. Lo principal es el bloque de texto.

Grilla de doscolumnas.Puede ser usada para controlar mucho texto o para presentar dife-rente información en columnas separadas. En ideal, cuando am-bas columnas son des-iguales, la más ancha es el doble en su ancho que la delgada.

Grilla multicolumna.Permite mayor flexi-bilidad. Muy usada en revistas y websites.

Grilla jerárquica.rompen la página en zonas. Muchas son compuestas por co-lumnas horizontales.

Calculando el materialEl contenido, los márgenes, cantidad de imágenes, panta-llas y paneles, todos elementos a considerar al escoger una grilla. Sobre todo el contenido determi-na la estructura de la grilla.Algunas guías generales:

Usa la Grilla de una sola co-lumna cuando trabajes en li-bros o informes, hace ver menos intuimidante y más lujoso que múltiples columnas, adecuado para catálogos y libros de arte.

Para materiales más complica-dos usa la Grilla de doscolumnas o multicolumna que te da mayor flexibilidad. Columnas que en adelante pue-den romperse en dos logran un mayor número de variaciones. La grilla multicolumna se usa mucho en websites para ordenar una gran cantidad de informa-ción como historias, videos, y publicidad.

Para mucha información como un calendario o un catálogo, la Grilla Modular ayuda a dispo-ner unidades de información en trozos manejables de espacio. También puede aplicarse a los

diarios, los cuales tienen mu-chas zonas de información.

La Grilla jerárquica divide la página o pantalla horizontal-mente y es usada usualmente para sitios web simples, donde trozos de información es orde-nada para facilitar la lectura mientras se desplaza por la pan-talla hacia abajo.

LATERCERA Miércoles 27 de abril de 20112

País

Fiscalía alista interrogatorio a exasesorde exministradeVivienda

RR Fiscal JoséMoralesyefectivosde laPDI trasretirar computadoresdesdelasoficinasdel Serviu.FOTO: XIMENA NAVARRO

RAbogado Alvaro Baeza declarará comoimputado esta semana ante el fiscal JoséMorales.

P.Muñoz yM. Valencia

A fines de esta semana seconcretaría el interrogato-rio al ex asesor jurídico delMinisterio de Vivienda Al-varoBaeza, enelmarcode lainvestigación por eventualfraude al Fisco en la indem-nizaciónde$17milmillonesacordada entre esa cartera yla constructora Kodama.El ex asesor de la también

exministraMagdalenaMat-te, quienaparece conun rolclave enel acuerdoalcanza-doporel organismoy laem-presa, declarará en calidadde imputado.Deacuerdoconfuentesque

conocen la investigación,durante la instancia se in-tentará que Baeza aclare losantecedentesentregadosporvarios de los testigos en lacausa que han vinculado al

abogado conpresiones parasellarel acuerdocon lacons-tructora.Entre ellos, los tes-timoniosde la exasesora ju-rídica del Minvu CarolinaArrau y del ex subdirectorjurídico del Serviu RafaelMarambio.También se le interrogará

por sus supuestas vincula-ciones conunode losaboga-dos contratados por Koda-ma (Matías Cortés) para es-

tablecer la indemnización.Baezarenuncióalministerio

hace dos semanas, en mediode la polémica por el pactosuscrito con la constructora.Hastaahora, el fiscalMora-

les ha interrogado como in-culpados al ex director delServiuAntonioLlompartyalex subdirector jurídico delorganismo Rafael Maram-bio.Yaunque tambiénsees-pera que se cite a declarar a

la ex ministra Matte, éstaaúnnoha sidonotificadadela diligencia.

Viajes al extranjeroEnlospróximosdías, la fisca-lía tambiénespera recibiruninformedetalladode las sali-das e ingresos del país de almenos 10 personas vincula-das al caso, entre ellas, las deMarambio,Llompartyelpro-pio Baeza.

La diligencia fue solicitadaluego que se conociera que amediadosdeenero-enmediode las negociaciones entre elServiu y Kodama- un grupode personeros vinculados alas tratativas viajó a BuenosAires.El fiscal busca cotejar si du-

rante el período de la nego-ciación del acuerdo hubootros viajes de similares ca-racterísticas, lo que podríaconfigurar el delito decohecho.La próxima semana tam-

bién, el fiscalMorales seabo-cará a tomar declaración alos dueños de Kodama y susabogados,poniendoespecialinterés enquienesparticipa-rondel cuestionadoviaje conMarambio, entre ellos, losabogados Rodrigo Alcaíno yMatías Cortés.Consultadopor los avances

de la investigación judicial, elfiscal José Morales dijo ayerque “estamos investigandotodos los antecedentes queexisten, todos losanteceden-tes que nos ha aportado elMinisterio de Vivienda, lostestigos y los imputados, yvamosa investigar lomásde-tallado posible”.La fiscalíarecibióayerel in-

forme del Idiem, encargadopor elMinvu tras paralizar elacuerdoconlaconstructorayque estableció que la indem-nización supera seis veces ladeuda real. b

1Pago fijado despuésde los trabajosRR En su análisis, el Idiem cuestiona al Ser-viupor validar el pagodemayores gastos ge-nerales, debido a que éstos se establecierondespués y no durante la ejecución de los tra-bajos.Segúnlaentidad,noexistendocumen-tos para acreditar los cobros de Kodama nitampoco hay oficios firmados por el Serviupara cursar multas a la constructora. El Ser-viu fijó un pago de $ 8.389.5050.783 (59%deltotal) y el Idiemseñala quepor este conceptocorrespondepagar$2.131.021.728,másdeseismilmillonesmenos.

Informedel Idiemcuestionaargumentosdel Serviuparavalidar el acuerdo

R Eldocumento reduceenmásde 11milmillones elmontoestipuladoporel Serviu.

2Perjuicio económicoobjetadoRREnsuinforme,elServiuvalidaunpagode$2.250.716.638(15%del total)por“detrimen-to financiero efectivo de mayores gastos ge-nerales”. El Idiem señala que el decreto 236(que regula los contratos de la entidadpúbli-caconempresasconstructoras)establecequelosmayoresgastosgeneralessereajustanconla variación de laUF según la fecha en que seefectúa el pago y que en este caso no corres-pondeningúndesembolso. “Fueunerror delServiu no hacer un análisis específico de laspartidas”, dicen fuentes delMinvu.

3Reajustes poraumentos de obraRR El Serviu establece que se deben reajus-tar los pagos por concepto de aumento deobras, lo que concuerda con los requeri-mientosdeKodama.Paraello,estimaqueseadeudan a la constructora $ 809.800.962(5,7%del total), segúnelvalorde laUFendi-versosmomentos del contrato. El Idiem, encambio, postula queno corresponde la soli-cituddepagar por reajuste de obras, debidoaque losconveniossonfirmadosporel con-tratista, lo que implica que cuentan con suconformidad.

4Reparos amonto de premioRREnsuinforme,elServiuafirmaquesedebecancelaraKodamaunbonopor $718.370.701(5,10% del total). Este pago corresponde a unpremiopor el ahorroquegeneró la ejecucióndel PuenteMelipilla. La obra tenía un presu-puesto inicialde$1.522millonesytuvouncos-to final de $ 125 millones (91% de ahorro). Sibien el Idiemacepta que se debe pagar por elconcepto,noconcuerdaconelmonto.Asujui-cio, se debe pagar $ 698.370.044, correspon-dienteal50%deladiferenciaentreelcostoini-cial y final del puente.

RMinisterio Público espera recibir en lospróximos días informe con salidas del país deal menos 10 personas vinculadas al caso.

GobiernodestacóparalizacióndepagoTrasconocerel informedelIdiem,elministroHinzpeterdijoquefueacertada ladeci-siónde laexministraMatte.

DATOS

CDEevalúaaccionesElConsejodeDefensadelEs-tadosereunirámañanaparaanalizar laposibilidaddeha-cersepartedelproceso judicialporelcasoKodama.

Determinarun orden(grilla e imagen)

Raramente las imágenes usadas en una pieza van en un mismo tamaño. Así como el texto entrega información, el tamaño de una ima-gen indica la importancia del evento o sujeto.Además de su función y dinámica por tama-ños, los proyectso precisan variaciones para mantener al lector interesado.

Las imágenes pueden ser la mitad de la columna, una columna, o dos columnas.

En ocasiones romper la grilla le otorga dramatismo

y llama la atención sobre alguna imagen. Es posible señalar la importancia de

una imagen por la cantidad de espacio que ocupa.

Considerar todos los elementos(combinando grilla, texto e imagen)

Dependiendo del medio o pro-yecto, la grilla puede aislar los elementos, presentando el texto en una columna o zona e imá-genes en otra. La mayoría de las grillas integran texto e imagen, dándole a ambas suficiente én-fasis para clarificar la informa-ción para el lector.

Énfasis en el texto. Aquí el texto ocupa por si mismo una página con la imagen en otra.

La grilla puede permitir a una imagen marchar a través de las columnas de modo horizontal, con notas al pie o apilar imáge-nes verticalmente con notas en cualquier lado de la imagen.

http://www.milkxhake.org/

Define el espacio con color(color)

El uso del color es un modo de destacar módulos o secciones. El color define espacios como también ayuda a organizar ele-mentos en el espacio. Además aviva la página y provee de una señal sicológica para evl mensa-je que se busca comunicar.Cuando se escogen los colores ha de considerarse la audien-cia. Los colores saturados a tren la atención, mientras que los desaturados apoyan el material de manera más subestimado. Demasiados colores harán de la pieza muy ajetreada y difícil de navegar.

NOTA CRUCIAL EN LAPRODUCCIóNTrabajamos y vivimos en un mundo RGB, donde clientes y diseñadores conviven en pan-tallas. Los colores en la panta-lla son luminosos, saturados, bellos, y RGB. Sin embargo es grande la diferencia entre la pantalla y el impreso. Se ha de precisar el papel y la corrección de color para aproximar la pan-talla al impreso final.

El color puede actuar como contene-dor de pequeños trozos individuales de información.

El color separa bloques de informa-ción, ya sea usado en módulos, cajas o bloques

Comunicausando espacio(espacio)

El espacio comunica volumen. Aún cuando una grilla debe ser fuerte y clara para contener mu-cha información, no es necesa-rio rellenarla por completo.

El espacio realta el mensaje, dándole espacio suficiente para leer y entender el texto. Por dise-ño, una gran cantidad de espa-cio crea drama y foco. El espacio crea la sensación de lujo o im-portancia, y la ausencia de otro elemento en la página transmi-te una estética definida.

http://www.neo2.es/magazine/

http://www.hellogas.com/new/index.html.en

El ritmo marca el tono(ritmo y flujo)

Algunas grillas incluyen colum-nas claras, repetitivas o mar-chas de columnas de imagen o información para catalogar la máxima información posible. Sin embargo la mayoría de las grillas también permiten mo-vimientos más líricos desde un bloque de información al próxi-mo, de una hoja a la otra, o de pantalla a pantalla.

El ritmo del material en la pági-na crea una difernecia en atraer o sostener el interés. El ritmo puede provenir desde la varia-ción en tañamo y posición de las imágenes y tipografías así como la cantidad de margen alrededor de cada imagen.

Continuando una historia de página en página, necesita de una sensación de movimiento y variación. Variando el tama-

ño de las imágenes, aviva la historia y ayuda a guiar e intri-gar al lector. El tamaño de las imágenes puede ser determi-

nado por su importancia y y calidad con respecto al contexto.

Siguea tu corazón(rompiendo las reglas)

Es difícil salirse de las reglas cuando has tomado tanto traba-jo el aprenderlas. Hay que hacer la tarea, aprender, investigar y ponderar lo aprendido. Crea tus columnas, pon atención al con-tenido de tu layout, haz que tu texto sea legible, escoge tipogra-fías cuidadosamente y calibra hasta que tu arte está impeca-ble.Entonces sigue a tu corazón. Crea un diseño que honre el contenido de tu material y re-presente tu mirada única sobre el tema con lo disponible a la mano y de la cabeza.

Olvida las reglas(rompiendo las reglas)

Hemos cubierto de modo muy sencillo y rápido algunas reglas del sistema de grillas y otras escenciales del layout como la tipografía y el color.Sin embargo las reglas no son todo.

Tan importante como saberlas es romperlas de vez en cuando.

Observa, pregunta, aprende de otr@s. Mantén el sentido del humor. Diviértete. Sé flexible y perseverante. Ten en mente que un diseó exitoso depende de una agradable colaboración. Disfru-ten el viaje.

y en la novela gráfica???

¿Dónde nace?

Podríamos decir que la tira có-mica de 4 paneles es la madre de toda esta revolución del arte de contar una historia a partir de secuencias de dibujos con texto.

Contar allí la historia es crear un Haiku.

Habla un clásico(Will Eisner)

Desde 1916, Georges Herriman, el más innovador narrador de comics, desarrolló un estilo de historias gráficas. Con Krazy Kat, demostró las posibilidades de una historia construida en una sola página. Se sirvió de una composición muy original que iba a influenciar el futuro de este naciente género.

Sigue el clásico

En 1927, Frans Masareel, graba-dor belga de gran talento, fue un pionero de este nuevo género de narración y publicó Die Sonne, en Alemania, un libro compues-to por 63 placas, 1 por página.

Otro más...

Siguiendo a Masareel, el artista alemmán Otto Nücke, compuso un realto ambicioso de doscien-tas placas. Destiny fue publicado en Estados Undios por 1930.

Se trataba de una historia más sofisticada y de narración gráfi-ca más elaborada.

y aún otro más...

Lynd Ward, ilustrador de libros muy conocido por sus graba-dos en madera, publicó en 1937 Vertigo, novela gráfica entera-mente compuesta de grabados en madera. Sin una sola pala-bra, consiguó contar una his-toria cautivadora. La única concesión con el texto a lo largo de más de trescientas pági-nas, fue la utilización ocasional de carteles y posters. Ward se sirve de una página como si fuera una viñeta. Im-presa por un solo lado de la hoja, cada ima-gen flota en un espacio abierto.

Y ahora qué...

Volvamos a la historia de una sola página... concentremos la historia aquí. No porque sea corta vayan a creer que es una oportunidad para la flojera sino todo lo contrario pues trae sus propias dificultades y desafíos.

Una vez llena la página con paneles, ésta se convierte en la estructura organizativa básica, y los paneles individuales en estructuras subordinadas.

Una de las ventajas de trabajar en el formato de una sola pági-na, es que el lector ve todo el tra-bajo en una mirada, lo que te da la oportunidad de controlar el ritmo visual y diseño en modos no disponibles para quienes tra-bajan los formatos más largos. Su gran ventaja es que puedes trabajar las hileras y el ritmo de modos más creativos.

Herriman.

Maestros de la historia en una página.

Segar

Las grillasde panelesUna típica página de comic estáhecha de tres o cuatro hileras de paneles. Los paneles en sí pueden variar de tamaño o de forma, dependiendo del efecto deseado, pero, si planeas usar el sistema de grilla, es mejor co-menzar con una grilla básica de paneles del mismo tamaño.

Al usar paneles iguales, logras darle un ritmo firme a tu comic, el cual puedes acentuar con repeticiones y variaciones de panel en panel.

Alan Moore+Eddie Campbell-From Hell

Segar-Thimber Theatre

Muchos libros instruccionales sobre los comic de superhéroes por un lado, y de manga, por el otro, desdeñan a la grilla, cata-logándola de producir una pér-dida de “interés visual” y hecha para contar historias tontas. Sin embargo, una rápida mirada a la amplia variedad de comics que utilizan las grillas de pa-neles les mostrará que no así el caso.Usando una grilla traes a pri-mer plano la historia y la acción a medida que el comic se va

moviendo de un panel a otro. Y así cuando quiebras la estricta uniformidad al introducir un panel inclinado, por nombrar una variedad, el efecto es muy poderoso y lo hace “saltar” a los ojos del lector, enfatizando una atmósfera, un punto de la tra-ma o muna acción dinámica. Si cada panel es ladeado y formado de modo diferente, es más com-plejo para el lector encontrar el ritmo de la página. Si revisas y vuelves a ver aquellos comic que te llamaron la atención por su

layout sorprendente, quizás te sorprendas al descubrir cuantos de ellos usan una grilla regular la mayor parte del tiempo.Aún cuando planeen llenar la página con lineas diagonales, salir a los bordes, estallidos, e insertar paneles, aún querrán tener una grilla en el fondo, pues es ella quien le da a la pá-gina el andamiaje para seguir construyendo e ir agregándole el ritmo visual y la continuidad a una historia con múltiples páginas.

Naoki Urasawa20th Century Boys

Frank MillerBatman Año 1

Moebius - JodorwskyEl Incal -2 Incal Luz

OtrasaproximacionesUsar la grilla te facilitará el comienzo del diseño de tus páginas. Ahora veremos cinco páginas para demostrar una va-riedad de maneras de contar la historia, y técnicas que van más allá de las grillas uniformes. Son solo la punta del iceberg. Cuando tengas que diseñar ten-drás miles de opciones.

Páguina de “La naturaleza de la Bestia” de Hellboy, por Mike Mignola. Es un bello ejemplo de creación de ritmo y atmósfera a través del uso del tamaño de los paneles y transiciones del tipo aspecto a aspecto. La maestría del autor nos guia por la página, acentuando el momento dramático de la cer-canía de la acción. La quietud de esta página amplía el impacto de la acción que vendrá.

En esta página de Epileptic, por David B.. la forma y orientación de los paneles, guía y refuerza a la historia. Primero, un panel horizontal trae al protagonista a la escena del bosque. El ángulo de cámara es picado, para crear un sentimiento de preocupación, reforzado por el negro profundo del bosque, y nuestro ojos llegan al final del panel donde unos extraños seres observan a nuestro personaje. Los tres siguientes paneles se alargan y crean el bosque, donde nuestro personaje sube. El negro es apropiado para crear la atmós-fera. Al contrario de la página an-terior, acá el blanco son destellos de luz entre la oscuridad.

En ala novela gráfica Blankets, Craig Thompson constantemente busca nuevos modos de contar su historia a través de dramáticos e inesperados layout de sus páginas.El panel inferior, con su blanco, representa una sábana de nieve pero además sugiere el aislamiento y el distanciamiento que siente el joven protagonista. Noten la ubicación asimétrica de las figuras en la página.

Osamu Tezuka instaló la construcción de blo-ques en la narración del lenguaje del manga, y su influencia está creciendo en occidente. Una de sus muchas innovaciones fue romper la grilla tradicio-nal en secciones diagona-les que a menudo reflejan las alteradas emociones de los personajes así como el clima, ritmo y direc-ción de la acción. En esta página de Ode to Kirihito, un grupo de cada vez más distorcionados paneles nos llevan hacia abajo y hacia una fila de paneles orientados verticalmente.

Paul pope fusiona perfectamente influen-cias norteamericanas, europeas y japonesas. El manga está presente en el desordenado uso de distintos tamaños de los paneles y su extenso derramamiento de sangre. Pope crea paneles llenos con texturas y movi-miento, aún cuando sus páginas son siem-pre claras y legibles.

OUBAPO

Veamos a una agrupación francesa, los Pierre Feuille Ciseaux o Ca-chi-pún (Piedra-papel-tijera).

BELGAS

www.fremok.org/

Eiland 5Tobias Schalken et Stefan Van Dinther220 pages — 22 x 16 cmquadrichromiecouverture cartonnéehors collectionISBN 978-2-35065-048-720 €

De la viande de chien au kiloMarko Turunen96 pages — 12 x 24,5 cmquadrichromiecouverture cartonnéecollection VoxISBN 978-2-35065-040-116 €

Par les sillonsVincent Fortemps196 pages — 24 x 32 cmquadrichromiejaquettecollection AmphigouriISBN 978-2-35065-045-635 €