Vous êtes sur la page 1sur 52

TALLER DISEÑO EDITORIAL

3ª UNIDAD
LA GRILLA O RETÍCULA EDITORIAL
Relator: 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 Samara
Making and
breaking the grid.
lo básico
Sus
componentes
Estos son sus componentes
principales:
Estructuras básicas
Grilla de una sola Grilla multicolumna.
columna. Permite mayor flexi-
Usada para texto con- bilidad. Muy usada en
tínuo, como ensayos, revistas y websites.
reportes o libros. Lo
principal es el bloque
de texto.
Grilla Modular.
Son las mejores para
Grilla de dos controlar información
columnas. compleja como diarios,
Puede ser usada para calendarios, mapas
controlar mucho texto y gráficos. Combina
o para presentar dife- columnas horizon-
rente información en tales y verticales que
columnas separadas. disponen el espacio
En ideal, cuando am- en pequeños trozos de
bas columnas son des- espacio.
iguales, la más ancha
es el doble en su ancho Grilla jerárquica.
que la delgada. rompen la página en
zonas. Muchas son
compuestas por co-
lumnas horizontales.
Calculando el Para materiales más complica-
dos usa la Grilla de dos
diarios, los cuales tienen mu-
chas zonas de información.
material columnas o multicolumna
que te da mayor flexibilidad.
El contenido, los márgenes, Columnas que en adelante pue-
cantidad de imágenes, panta- den romperse en dos logran un
llas y paneles, todos elementos a mayor número de variaciones.
considerar al escoger una grilla. La grilla multicolumna se usa
Sobre todo el contenido determi- mucho en websites para ordenar
na la estructura de la grilla. una gran cantidad de informa-
Algunas guías generales: ción como historias, videos, y
publicidad.
Usa la Grilla de una sola co-
lumna cuando trabajes en li- La Grilla jerárquica divide la
bros o informes, hace ver menos página o pantalla horizontal-
intuimidante y más lujoso que mente y es usada usualmente
múltiples columnas, adecuado para sitios web simples, donde
para catálogos y libros de arte. trozos de información es orde-
nada para facilitar la lectura
mientras se desplaza por la pan-
talla hacia abajo.

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
2 LATERCERA Miércoles 27 de abril de 2011

País RR Fiscal José Morales y


efectivos de la PDI tras
retirar computadores desde
las oficinas del Serviu.
FOTO: XIMENA NAVARRO

DATOS

Gobiernodestacó
paralizacióndepago
Tras conocer el informe del
Idiem, el ministro Hinzpeter
dijo que fue acertada la deci-
sión de la ex ministra Matte.

CDEevalúaacciones
El Consejo de Defensa del Es-
tado se reunirá mañana para
analizar la posibilidad de ha-
cerse parte del proceso judicial
por el caso Kodama.

La diligencia fue solicitada


luego que se conociera que a
mediados de enero -en medio
de las negociaciones entre el
Serviu y Kodama- un grupo
de personeros vinculados a
las tratativas viajó a Buenos
Aires.
El fiscal busca cotejar si du-
rante el período de la nego-
ciación del acuerdo hubo
otros viajes de similares ca-
racterísticas, lo que podría
configurar el delito de
cohecho.

Fiscalía alista interrogatorio a ex


La próxima semana tam-
bién, el fiscal Morales se abo-
cará a tomar declaración a
los dueños de Kodama y sus

asesor de ex ministra de Vivienda


abogados, poniendo especial
interés en quienes participa-
ron del cuestionado viaje con
Marambio, entre ellos, los
abogados Rodrigo Alcaíno y
R Abogado Alvaro Baeza declarará como R Ministerio Público espera recibir en los Matías Cortés.
Consultado por los avances
imputado esta semana ante el fiscal José próximos días informe con salidas del país de de la investigación judicial, el
Morales. al menos 10 personas vinculadas al caso. fiscal José Morales dijo ayer
que “estamos investigando
todos los antecedentes que
P. Muñoz y M. Valencia ex ministra Magdalena Mat- abogado con presiones para tablecer la indemnización. la ex ministra Matte, ésta existen, todos los anteceden-
te, quien aparece con un rol sellar el acuerdo con la cons- Baeza renunció al ministerio aún no ha sido notificada de tes que nos ha aportado el
A fines de esta semana se clave en el acuerdo alcanza- tructora. Entre ellos, los tes- hace dos semanas, en medio la diligencia. Ministerio de Vivienda, los
concretaría el interrogato- do por el organismo y la em- timonios de la ex asesora ju- de la polémica por el pacto testigos y los imputados, y
rio al ex asesor jurídico del presa, declarará en calidad rídica del Minvu Carolina suscrito con la constructora. Viajes al extranjero vamos a investigar lo más de-
Ministerio de Vivienda Al- de imputado. Arrau y del ex subdirector Hasta ahora, el fiscal Mora- En los próximos días, la fisca- tallado posible”.
varo Baeza, en el marco de la De acuerdo con fuentes que jurídico del Serviu Rafael les ha interrogado como in- lía también espera recibir un La fiscalía recibió ayer el in-
investigación por eventual conocen la investigación, Marambio. culpados al ex director del informe detallado de las sali- forme del Idiem, encargado
fraude al Fisco en la indem- durante la instancia se in- También se le interrogará Serviu Antonio Llompart y al das e ingresos del país de al por el Minvu tras paralizar el
nización de $ 17 mil millones tentará que Baeza aclare los por sus supuestas vincula- ex subdirector jurídico del menos 10 personas vincula- acuerdo con la constructora y
acordada entre esa cartera y antecedentes entregados por ciones con uno de los aboga- organismo Rafael Maram- das al caso, entre ellas, las de que estableció que la indem-
la constructora Kodama. varios de los testigos en la dos contratados por Koda- bio. Y aunque también se es- Marambio, Llompart y el pro- nización supera seis veces la
El ex asesor de la también causa que han vinculado al ma (Matías Cortés) para es- pera que se cite a declarar a pio Baeza. deuda real. b

Informe del Idiem cuestiona argumentos R El documento reduce


en más de 11 mil

del Serviu para validar el acuerdo

1 2 3 4
millones el monto
estipulado por el Serviu.

Pago fijado después Perjuicio económico Reajustes por Reparos a


de los trabajos objetado aumentos de obra monto de premio
RR En su análisis, el Idiem cuestiona al Ser- RR En su informe, el Serviu valida un pago de RR El Serviu establece que se deben reajus- RR En su informe, el Serviu afirma que se debe
viu por validar el pago de mayores gastos ge- $ 2.250.716.638 (15% del total) por “detrimen- tar los pagos por concepto de aumento de cancelar a Kodama un bono por $ 718.370.701
nerales, debido a que éstos se establecieron to financiero efectivo de mayores gastos ge- obras, lo que concuerda con los requeri- (5,10% del total). Este pago corresponde a un
después y no durante la ejecución de los tra- nerales”. El Idiem señala que el decreto 236 mientos de Kodama. Para ello, estima que se premio por el ahorro que generó la ejecución
bajos. Según la entidad, no existen documen- (que regula los contratos de la entidad públi- adeudan a la constructora $ 809.800.962 del Puente Melipilla. La obra tenía un presu-
tos para acreditar los cobros de Kodama ni ca con empresas constructoras) establece que (5,7% del total), según el valor de la UF en di- puesto inicial de $ 1.522 millones y tuvo un cos-
tampoco hay oficios firmados por el Serviu los mayores gastos generales se reajustan con versos momentos del contrato. El Idiem, en to final de $ 125 millones (91% de ahorro). Si
para cursar multas a la constructora. El Ser- la variación de la UF según la fecha en que se cambio, postula que no corresponde la soli- bien el Idiem acepta que se debe pagar por el
viu fijó un pago de $ 8.389.5050.783 (59% del efectúa el pago y que en este caso no corres- citud de pagar por reajuste de obras, debido concepto, no concuerda con el monto. A su jui-
total) y el Idiem señala que por este concepto ponde ningún desembolso. “Fue un error del a que los convenios son firmados por el con- cio, se debe pagar $ 698.370.044, correspon-
corresponde pagar $ 2.131.021.728, más de seis Serviu no hacer un análisis específico de las tratista, lo que implica que cuentan con su diente al 50% de la diferencia entre el costo ini-
mil millones menos. partidas”, dicen fuentes del Minvu. conformidad. cial y final del puente.
Determinar
un 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 Énfasis en el texto. Aquí el texto
elementos, presentando el texto ocupa por si mismo una página
con la imagen en otra.
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.

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 El color puede actuar como contene-
dor de pequeños trozos individuales
con color de información.

(color)

El uso del color es un modo de NOTA CRUCIAL EN LA


destacar módulos o secciones. PRODUCCIóN
El color define espacios como Trabajamos y vivimos en un
también ayuda a organizar ele- mundo RGB, donde clientes y
mentos en el espacio. Además diseñadores conviven en pan-
aviva la página y provee de una tallas. Los colores en la panta-
señal sicológica para evl mensa- lla son luminosos, saturados,
je que se busca comunicar. bellos, y RGB. Sin embargo es
Cuando se escogen los colores grande la diferencia entre la
ha de considerarse la audien- pantalla y el impreso. Se ha de
cia. Los colores saturados a tren precisar el papel y la corrección
la atención, mientras que los de color para aproximar la pan- El color separa bloques de informa-
desaturados apoyan el material talla al impreso final. ción, ya sea usado en módulos, cajas
de manera más subestimado. o bloques
Demasiados colores harán de la
pieza muy ajetreada y difícil de
navegar.
Comunica
usando 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- Continuando una historia de página en página, necesita de
ción en tañamo y posición de las una sensación de movimiento y variación. Variando el tama-
imágenes y tipografías así como ño de las imágenes, aviva la historia y ayuda a guiar e intri-
la cantidad de margen alrededor gar al lector. El tamaño de las imágenes puede ser determi-
de cada imagen. nado por su importancia y y calidad con respecto al contexto.
Sigue
a 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.
Segar

Maestros de la
historia en una
página.

Herriman.
Las grillas
de paneles
Una típica página de comic está Al usar paneles iguales, logras
hecha de tres o cuatro hileras darle un ritmo firme a tu comic,
de paneles. Los paneles en sí el cual puedes acentuar con
pueden variar de tamaño o de repeticiones y variaciones de
forma, dependiendo del efecto panel en panel.
deseado, pero, si planeas usar el
sistema de grilla, es mejor co-
menzar con una grilla básica de
paneles del mismo tamaño.

Alan Moore+Eddie Campbell-From Hell

Segar-Thimber Theatre
Muchos libros instruccionales moviendo de un panel a otro. Y layout sorprendente, quizás te
sobre los comic de superhéroes así cuando quiebras la estricta sorprendas al descubrir cuantos
por un lado, y de manga, por el uniformidad al introducir un de ellos usan una grilla regular
otro, desdeñan a la grilla, cata- panel inclinado, por nombrar la mayor parte del tiempo.
logándola de producir una pér- una variedad, el efecto es muy Aún cuando planeen llenar la
dida de “interés visual” y hecha poderoso y lo hace “saltar” a los página con lineas diagonales,
para contar historias tontas. Sin ojos del lector, enfatizando una salir a los bordes, estallidos, e
embargo, una rápida mirada a atmósfera, un punto de la tra- insertar paneles, aún querrán
la amplia variedad de comics ma o muna acción dinámica. Si tener una grilla en el fondo,
que utilizan las grillas de pa- cada panel es ladeado y formado pues es ella quien le da a la pá-
neles les mostrará que no así el de modo diferente, es más com- gina el andamiaje para seguir
caso. plejo para el lector encontrar el construyendo e ir agregándole
Usando una grilla traes a pri- ritmo de la página. Si revisas y el ritmo visual y la continuidad
mer plano la historia y la acción vuelves a ver aquellos comic que a una historia con múltiples
a medida que el comic se va te llamaron la atención por su páginas.

Naoki Urasawa Frank Miller Moebius - Jodorwsky


20th Century Boys Batman Año 1 El Incal -2 Incal Luz
Otras
aproximaciones
Usar 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 5
Tobias Schalken et Stefan Van Dinther
220 pages — 22 x 16 cm
quadrichromie
couverture cartonnée
hors collection
ISBN 978-2-35065-048-7
20 €
De la viande de chien au kilo
Marko Turunen
96 pages — 12 x 24,5 cm
quadrichromie
couverture cartonnée
collection Vox
ISBN 978-2-35065-040-1
16 €
Par les sillons
Vincent Fortemps
196 pages — 24 x 32 cm
quadrichromie
jaquette
collection Amphigouri
ISBN 978-2-35065-045-6
35 €

Centres d'intérêt liés