Está en la página 1de 64

Gavin Ambrose / Paul Harris

LAYOUT
t. Boceto previo de la composición de
un texto que se va a publicar, usado para
determinar sus características definitivas.

® Parramón
Introducción 6
Cómo sacar el máximo partido a este libro 8

Rally, Lemm1ngS, Populous

Studio Myerscough

Fundamentos 10 La cuadrícula 52 Elementos Forma y función 86 Aplicaciones de la Saltarse las reglas 154
Imposición 12 La cuadrícula base 54 de una página 66 División del libro 88 maquetación 108 Trabajar sin
Trabajar con páginas 18 Alineación cruzada 56 Alineación 68 Apropiación 94 Escala 110 cuadrícula 156
La sección áurea 24 Imágenes 60 Guiones Reinvención 96 Indexación 114
La cuadrícula simétrica 26 y justificación 74 Cadáver exquisito 98 Orientación 118
Variaciones simétricas 28 Jerarquía 76 Encuadernación 102 División de la página 122
La cuadrícula simétrica Disposición 82 Con estructura /
basada en columnas 32 sin estructura 130
La cuadrícula simétrica Ingeniería del papel 134
basada en módulos 36 Paspartú o
Cuadrículas enmarcación
asimétricas 40 en blanco 142
Utilización de múltiples Yuxtaposición 148
cuadrículas 44
Desarrollo de la
cuadrícula 48

o
160 .~

172 §
en
174 '$
Cliente: Fry Art Gallery

Diseño: Webb & Webb

Sinopsis de la maqueta:

Tratamiento simple del texto,

predominio de la imagen.

TI lE HRl T.\JAS
BOOK Sl-IOP

THE TIAR'
BEST BOOKS

Design
Design se creó para una exp
británico, que recogían los mo
reina Isabel 11,en 1953.

El diseño de Webb & Webb para


histórica de su contenido, con u
atención permanezca centrada e
tral
Diseño: Segura Inc.

Sinopsis de la maqueta:

Conseguir que las imágenes

comuniquen de un modo directo


e inmediato .


I

Imposición I 1213
I
I

Imposición Utilización de un plan de i~posición o c~sado . .. .


El esquema inferior ilustra como se ha paginado este libro utilizando cuatro tipos de papel
La imposición es la disposición de las páginas en diferentes para crear variación de color y tacto.

la secuencia y posición en la que aparecerán 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16


Un plan de imposición o casado es

básicamente un esquema de todas las


cuando se impriman, antes de cortarlas, plegarIas páginas de una publicación. Muestra

cómo se ha planificado el libro y


y refilarlas. Tener conocimientos sobre cómo se permite que el diseñador tome

decisiones sobre el plan de color, los


crea físicamente una publicación es importante tipos de papel, etc.

antes de pasar a la maquetación de páginas. 71147171.,,7171.

89 90 91 92 93 94 95 96

Por ejemplo, este libro está impreso en cuatro tipos distintos de papel: estucado mate, offset, • ll•••
.lll14l __ ., ,.,. 110 111 111
estucado brillante y kraft. Los pliegos uno, dos, cuatro, seis, ocho y diez están impresos en
estucado mate, el tercer pliego está impreso en papel offset y el cinco, el siete y el nueve están 122 123 124 125 126 127 128
impresos en estucado brillo. El pliego final, de dieciséis páginas, está impreso en papel kraft.
144

Los tipos de papel que se utilizan en este libro presentan variaciones en cuanto a color, textura
y peso. El papel brillo produce una sensación de mayor ligereza que el papel mate puesto que
su superficie, más fina, es más compacta. Del mismo modo que la textura de la superficie más ,. ,. ,. 110 171 172 173 174 171 171
rugosa del papel offset produce una sensación de mayor espesor. Se pueden encontrar
diferencias sutiles entre los papeles mate y brillo; el papel brillo se considera más adecuado
para la reproducción de imágenes en color, pero su brillo puede perjudicar la legibilidad del las páginas de color blanco (pliegos uno, dos, cuatro, seis, ocho y diez) se imprimirán en un
texto. Por este motivo, un papel mate ofrece una solución factible cuando se reproduce tanto papel estucado mate, las páginas de color naranja (pliegos cinco, siete y nueve) se imprimirán
texto como imágenes. en papel estucado brillante, las páginas de color cyan (tercer pliego) se imprimirán en papel
offset y, por último, el pliego once (que aparece en gris) se imprimirá en papel kraft marrón.
El plan de imposición indica al diseñador qué páginas deben ser en mate, brillo, no estucado y
kraft (o las que tienen una tinta directa). Cuando se trabaja con tintas directas, una imposición
puede aportar ventajas económicas, puesto que la reducción del número de pliegos que El cambio de tipo de papel dentro del
deben imprimirse con un color especial será más rentable. Asimismo, el plan también permite ----
----
-----
._-,---
-_.-
libro hace que las páginas 32 y 33
al diseñador maximizar la presencia de un color especial, y aplicarlo a más páginas de las que .•...-._ ....-- tengan unas cualidades de impresión
::::::',,:,=:,-
se había pensado en un principio, simplemente porque están disponibles en una sección. La :=.:::--- muy distintas. Los colores en papel
imposición es menos decisiva en un trabajo simple en un único color o en cuatricromía ya que mate (página 32) se ven más brillantes
cada página se imprime con el mismo color o los mismos colores. en comparación con los tonos
apagados del papel no estucado u

-
---
===:::::-.
---
S:::=:.-
offset (página 33). Vale la pena tener
en cuenta el efecto que cada tipo de

_ .._.•__-_ _-_...__•.....-..-- =.~=::.:.-!


papel tendrá en el resultado final,
--- .-___•._._---~---
._------ .•--_ .._ ....____-_
==- -- ---------_.- _ .•..._-_
::::.-:= .• sobre todo en la reproducción de
~
_ .._-_.-
-----_._----
_-- --_
--_ .• .•. .• .•.
.•
¡,. . _-----_
. colores e imágenes .
~ .._------_._---
.•.•
_- ..
I
1415

Cliente: PaulDavis
Diseño: Browns
SInopsis de la maqueta:
1. ,,~ 1 """'~
Utilización creativa de varios tipos 1 ." T'l J:Q.."0

de papel e imposición.

B/ame Everyone E/se


Este libro de edición limitada recopilado por el artista Paul
Davis y diseñado por Browns utiliza un total de trece tipos de
papel diferentes. Los cambios de tipo de papel se combinan
con las imágenes para crear algunas dobles páginas
sorprendentes dado que los sustratos cambian de no
estucado a estucado y de hoja en color a lámina reflectante.
Las páginas de texto opuestas a la lámina reflectante se
imprimen invertidas, proporcionando al papel una función
V> integradora además de aportar un efecto visual. El tamaño
o
.,
c::
E
y la situación variables del texto proporcionan una jerarquía y
ee
;o
una localización informales que no perjudica a la publicación.
c::
.I' Los cambios de tipo de papel sugieren con eficacia la idea
~ de comoilación. como si es1LJ~jp ..ramos ..hoíeaodo.eí.cuaderco
I 1617
I

Cliente: Tate Britain

Diseño: North Pliegues en offset


Sinopsis de la maqueta: Maqueta LOS pliegues preimpresos en offset consiguen un contraste
con imágenes a sangre, con seis táctil entre la dureza de las láminas de la galería que se han
pliegos de distintos colores insertado Y la aspereza del papel.
impresos en dos colores especiales

y dieciocho láminas insertadas.

Este fOlletO Se produjo para una e~~io~"¿~ 'la galería Tate


Britain sobre la obra del escultor británico Marc Quinn. El
resultado demuestra que aunque las limitaciones de tiempo
PUeden repercutir en la selección de la maqueta, a veces
también pueden aportar opciones alternativas e ingeniosas.
El' .
pnmer pliego en color de este folleto se creó mucho antes
de la inauguración de la exposición. Cuando todas las obras
~e ,la exposición estuvieron in situ se recopilaron más
:ma~es, impresas en estucado alto brillo, y se añadieron a
a Pubhcación antes de la inauguración.

la utilización ingeniosa de varios tipos de papel y de una


.,
ª'"
.9
c::

c::
~
Pliegues en cuatricromía
Estos pliegues más brillantes se han encuadernado sólo por la parte superior de la publicación. De esta manera dejan un
maquetación a sangre crea una serie de dobles páginas
SOrprendentes y directas, en las que los semitonos de
COlores abstractos (impresos en una serie de distintos tipos
~ espacio en la parte inferior de la pá ina ue rmite al lector ver las . ¡nas ue ha deb '0. de I en color contrastan con las láminas a todo color
Trabajar con páginas 18 19

Trabajar con páginas CIIIf1I8: SEA Gallery Seen / Unseen


DII8ftO: SEA Oesign Se trata de un catálogo para
¿Qué es una página? ¿Cuál es la finalidad de la SInOIJIIIS de la maqueta: Maqueta una exposición de pósters
abiertIl y con una caja de realizada por la SEA Gallery
maquetación de una página? Una página es un O(lIT1IlOSición espaciosa y una clara en Londres, que muestra el
dMSi6n entre las páginas pares e trabajo del diseñador Wim
espacio en el que se pueden presentar imágenes y mpares. Crouwel para el Stedelijk
Museum of Modern Art
texto. Para que esta presentación resulte eficaz (Amsterdam).

hay que tener en cuenta la finalidad de la Este catálogo, en concreto,


tiene el mismo tamaño que
publicación y su público. Las características del todos los catálogos que
Por defecto, la cubierta grabada en relieve se imprime invertida en la cubierta Crouwel ha diseñado para
formato (como el método de impresión) y las frontal interior (mostrada en la parte inferior derecha y arriba). Se podría ocultar el museo Stedelijk. Por lo
utilizando una solapa que se pliegue para taparía, pero en este caso SEA Design tanto, la maquetación está
especificaciones del acabado de la impresión opt6 por resaltarla imprimiendo en un color metalizado gradual. dictada por las mismas
dimensiones y principios de
(por ejemplo, la encuadernación) son clave. Por composición que Crouwel
ha empleado en otros
ejemplo, ¿se pretende que la publicación descanse diseños de catálogos.
La utilización de una caja
en horizontal? ¿Se leerá desde cerca? ¿Es una obra de composición espaciosa
en cada doble página
de consulta o una novela? Todo esto se refleja en =-
consigue que los elementos
aumenten su impacto visual.
la maqueta. Puesto que una maqueta se guía
por una serie de líneas invisibles, la mayoría
de maquetas únicamente se hacen ''visibles'' o
perceptibles después de ver unas cuantas páginas.

Pagina Impar/Pagona par

Hace reterencia a las paginas de un libro abierto pagina Impar es la pagina derecha y pagina par es la pagina situada
a la izquíeroa

.,
V>
o
'E
E
~:=:~=-~~~~
~c: - ----.=:.::::--=::.:::'---

'"
u..

i
I 2021

Cliente: Phaidon Press


~---_
_.... - •......•.._---
--_
.•.. -- _... _-_
--
_ ..• •....._ .•..
.._---", _.._ ... ...
Diseño: Gavin Ambrose
. enes a sangre interrumpen el
Imag
__....-----_
~----
_ •._ .••.
_ ...
c.- __
..
...•
•..

Sinopsis de la maqueta:
texto (derecha). La imagen de la
página impar está centrada dentro de -~-
.•.
___

,_---_...
...
....•
_- .. --...-
.--
01

.....
" •

Maquetación de páginas la caja de texto, los pies de imagen ----- "' .•.
proporcionada y clásica, se sitúan cómodamente en el margen
centrando los elementos para de lomo ancho (el interior) y el
dar uniformidad y armonía visual. margen de corte (el exterior) acomoda

una cabecera repetitiva vertical.


,_.___ ._"~<-""-" _---- -
-_
_•.
__ -_ _-_
,--_
_--
-_ -_ _--
...
-
.•....•. -•. ..•...•...
_ ,- •... ~ .. ...•..•
..•... --"'"' ..•
..•..
La centralidad se mantiene (abajo)

pero aquí, en la página impar se utiliza

un paspartú (véase la página 142) para


__
...-•........
_ .•.•..
-_.____-
...•... ..•....- ....•..
..•.....•.
,--_ .•..-,•..-........•..
..•.
..•..
.. .....

enmarcar la imagen dentro del

espacio en blanco.

r Alan Fletcher es el creador del diseño de la página maestra para los títulos
Press Phaidon, Art & Ideas. En cada libro de la colección, la maquetación
icula en función de bloques centrales. La cuadrícula se divide repetidament
una posición lógica y rítmica de las imágenes a la vez que se conserva la
centr.aIII*l16n característica, lo cual se puede ver en esta doble página del libro Piero de la
ñado por Gavin Ambrose).

Aquí, dos imégenes se miran cara a cara, página par/página impar, con un pie de imagen
centrado debajo de cada una de ellas. Las acotaciones están centradas verticalmente a cada
del bIoqta de texto. Puesto que los márgenes tienen una proporción igual y la caja de
88 sitúa parte central existe cierta f1exibilid ic ió d
La sección áurea
Para crear una cuadrícula necesitamos una
página donde situarla. En el campo de las artes
gráficas, la sección áurea constituye la base para
medir los tamaños de papel y sus principios se
pueden utilizar como herramienta para conseguir
diseños equilibrados. La sección áurea fue
calculada en la antigüedad para representar
unas proporciones de belleza infalible.
Dividiendo una línea en una proporción
aproximada de 8:13 se consigue que la relación
entre la parte más larga y la más corta de la línea
sea la misma que la de la parte más larga con la
En esta cuadrícula (arriba) se forman tres tamaños de página diferentes utilizando pares secuencia les de números
totalidad. Fibonacci. Tomando dos números sucesivos de la serie de Fibonacci (abajo) y dividiendo el valor más alto por el
anterior, el resultado deberia ser igual a la sección áurea (1,61804).
Los objetos que tienen esta proporción, que
I'roporc¡ón
podemos ver reflejada en la naturaleza, son MUChos piensan que las cuadrículas se utilizan para obtener unas medidas precisas cuando se sitúan los elementos de una

página. Aunque esto es cierto, el uso de cuadrículas a veces responde a una simple decisión de proporciones. En el ejemplo de
agradables a la vista. arriba, la cuadrícula se utiliza para definir una área con la proporción 8:13 (sección áurea); las medidas físicas concretas no son
imPOrtantes en sí mismas.

a b e d e o 1 1 2 3 5 8 13 21 34 55 89 144 233 377


610 987 1597 2584 4181 6765 10,946 ...
Serie de Fibonacci

".Jrneros Flbonaccl son una sene de números en la que cada uno es la suma de los dos anteriores. Arriba podemos ver

e J partir del cero. Los números de Fibonacci son importantes debido a su relación con la proporción 8:13 o sección
Para formar una sección áurea hay que tomar un cuadrado (a); dividirlo en dos (b); formar un triángulo isósceles (e); trazar el Estos numeras también se utilizan como medidas para tamaños de fuente. posicrones de la caja de texto. etc .. debido
g arco desde el vértice del triángulo hasta la línea base (d); dibujar una línea perpendicular a la línea base desde el punto en el cual .c:; r)roPorClones armoniosas
~
....•
el arco la corta transversalmente y completar el rectángulo para formar una sección áurea (e).
La cuadrícula simétrica Creación de una cuadrícula
simétrica
En la cuadrícula simétrica la página par es una Se empieza con una página con las

proporciones de altera.anchura de 2:3.

!
verdadera imagen espejo de la página impar. El Las líneas de la diagonal media y la

diagonal completa se trazan desde los

resultado e~ que los dos márgenes de lomo y de corte ángulos izquierdo y derecho inferiores

de la página.

son iguales. Para poder colocar las acotaciones, los


márgenes de corte son proporcionalmente más grand s. /

Esta maqueta clásica, ideada por el tipógrafo alemán Jan Tschichold (1902-1974), se basa en
un tamaño de página con las proporciones de 2:3. La simplicidad de esta página se obtiene
mediante las relaciones espaciales, de proporciones armoniosas, que "contienen" la caja de
texto. El otro factor importante de esta cuadrícula es que depende más de las proporciones
que de las dimensiones.
,j 1\ ••
Adición de cajas de texto
Se añade una "parrilla" horizontal que

proporciona una serie de puntos a


, \
partir de los cuales se situarán las
" / \ /'
cajas de texto. En este ejemplo se han

~- utilizado divisiones de una novena

re
~"
\ parte de la altura de la página.

--1- ) -----'..

---

i
-:
L <.
-. \

~~
\
La división de la página, por ejemplo,

en doceavos daría como resultado

más espacio ocupado

menos espacio en blanco.


por texto y

~
Adición de un punto de anclaje

La adición de una línea recta desde el

punto en el que las diagonales media

y completa se cortan en la página par


/ (a), pasando por el ángulo superior

interior del bloque de texto de la


página impar (b), hasta la cabecera de
la página impar (e) y, a continuación,

siguiendo verticalmente hacia abajo

(d), produce un punto de anclaje


'"o
c: proporcional que se puede utilizar a
<1)
E modo de sangrado en el texto.
'"
'O
e
:::o
u... El margen de lomo (a) y el de cabeza (b) ocupan una novena parte del ancho y del alto de la página, respectivamente. El margen

,..
'5
o
....•
de lomo (e) es, por lo tanto, la mitad del tamaño del margen de corte (d), mientras que la altura de la caja de texto (e) es igual a

'" la anchura de la página (1). La caja de texto se presenta en magenta y los márgenes en negro . d
Cuadrícula de una columna

Variaciones simétricas Una única columna de texto como


ésta puede ser d~icil de leer si el

Las cuadrículas simétricas tienen como número de caracteres (y su interletraje

o prosa), que determina el ancho de

finalidad organizar la información y transmitir columna, es demasiado elevado, ya

que cuesta localizar la linea siguiente.

la sensación de equilibrio en una doble página. Por lo general, no se recomiendan

más de 60 caracteres por línea. Este

La estructura de la página impar se refleja ejemplo tiene un espacio al pie de la

página reservado para notas largas.

en la página par en cuanto a la situación de


las columnas y la anchura de la caja de texto.
Cuadrícula de dos columnas

En este ejemplo la columna más

ancha se utiliza para el texto base y se

complementa con la segunda


columna, que contiene instrucciones.

La diferencia entre los dos tipos de

texto aumenta debido a la selección

del tipo condensado para las


instrucciones y de negrita y redonda

para el texto base y los titulos

respectivamente.

- -
Cuadrícula simétrica de dos
- •...•.
-
•...•. •...•. •...•.
Cuadrícula de cinco columnas

Una cuadrícula de cinco columnas se


columnas
1:= == = 1:= t:=
Esta cuadrícula simétrica de dos 1:= t:= == ~= = puede utilizar para presentar

columnas permite una lectura ~= = = 1:= f;= información, por ejemplo, detalles de

1:= 1:= = ~= t:~ contactos, glosarios, entradas de


~:;:t: 1:= e::= =
equilibrada y seguida, aunque la fa~a

de variación puede hacer que resulte ~==. 1:==== 1:=


== 1:=
índice y otras listas de datos. Este

monótono. En este ejemplo cualquier


== e::=e::= •...•. ~= estilo de cuadrícula, normalmente se

información adicional o pie de imagen ~= == == == :;=


~:-'" c= 1:= 1:= 1::=
considera demasiado estrecho para el

texto base, a menos que se utilice


se tendría que insertar al final del texto

'"c::
como una nota a pie de página. == == •...•. •...•.
== 1::=1::= como una expresión gráfica
.9
== Ie:.- 1::=== 1::=
1:::= = intencionada.
'"
E
'"
==
-
"O
c::
:::J

--- -----
L.L.

:;
!
¡;::====-====::::;-n--==::-====-== Cliente: Struktur 68
Diseño: Faydherbe / De Vringer
Sinopsis de la maqueta:

Maquetación de páginas con


proporciones cláslcll;, utIIzación
de dos Idiomas.

UKOl) Ikh hhd¡¡'t1Jdb~vreJlgenJge\Ondend


n ger1ultmakell\Jn herorke t endJarbl)
elr

t mponert~ van de mllzlek aJ ••nderen


m", te I.'en

Hdproca.
dcpnavanldd I have always Iound saris(.1!clÍon in being pan cfan
aa¡rtnlbcdd,
vancNOI., orchcsrra' and leaving 'rhecomposition of music'
vanona~rmdf
to others,
urckn&lr
bet vchecide,
kctlkfiniti~,
IWt ~ '$t4trmtnt'

Strulctur 68
Este proyecto diseña / De Vringer para Strukt ntiene texto tanto en
inglés como en holan adrícula simétrica para ir la disposición lógica
de los elementos, co folio, el texto y las imá las páginas, Las
dobles páginas resalta son imágenes espejo margen más ancho
se s'it'ua en el exterior
o en el interior,
'"c::
.8
Q)

E
ee
"O
A Pesar de las diferenc ión de los dos idiomas (el ,s tiene un peso
c::
:::l
u.. ~a~or y el inglés un co ntiene una armonía visual la tipografía está
:::l SUJeta" e, el libro se ve
C>
>-
a las dos guía s. Con esta cuadricula
~ Of'denadoy estructura rencias en las dobles
Cuadrícula basada en columnas
Esta cuadrícula simétrica de tres
- - S:uis tremulus umbraculi spinosus suffragarit gulosus
- ossifragi
• • - Margen de cabeza
El margen de cabeza o superior es el
columnas emplea dos columnas para espacio de la parte superior de la
tu tremutus a e lJ'OSl"3p peree qumquenna IS sa
el texto base y una columna exterior fmbraclllt
pmO$II$
ns tremu us um racu I spmosus su ragant gu osu
ssifragi. Concubine miscere preeosíus matrimomi
uamquam zorhecas adqurreret Augustus. Agrieola
a%n~I~::~::u~~:I~o:~~:r:a":fru
~ ~~re:;.US~ssifr;g Medusa
quae
corrumperet saetcsus eothecas, sempe
Sulis rmscere chrrographi, el adlaudabih
página. En este ejemplo el margen
dfabihs carhedras agnascor synt'S. OPtlTt$. ~ COfIubllUT'I~~ adlaudablhs quadrupc
para acotaciones o espacio en blanco ~I(;:,~a:'fragi ocan saburre. Pessimus adfabrlis carbedras conubiu atnmon u celerirer miscere umbracul~ atl'P""-nr roanpttl. ~Lae, Stffiper IIlcredlblhle athedras praemumer plane tremuJus matrimonii superior contiene un título repetrtivo y
ncubme anter quadrupei. Ossifragr suffraganr Pompeu mper coocubme neglegenter agnascor zcthecas
e:I~::~:~~~~;~::~~~f~heller.' uoJUS uniet
f41t zorhecas, quamqua
tiene la mrtad de la altura del margen
a fin de enmarcar la caja de texto. lSUre pretosu uod adlaudabilis quadrupei agnascor aegre uulua
dt bilis cart'lb prat:::up6 ur matrunonll decipe
Satis rremulus umhraculi spinosus suffragan
uunmonn. gricolae, stmptr mcredibilirer adfabilis carel! rrographi imputar tre ulcsus ossifragi. Concubine miscere pretosru
•~ wocifir;aI ":undu; c3thedras neglege.nte
La simetría se puede identificar con raemunier zothecas, quamquam ossifragi vocifica
etr~~n~~i~~Su~S
voc::ifiea ~Ii:'tdIlptr yC c:atc'lh. quamquam V1X lascwru
alrimonii, quamquam zorhecas adquirere de pie.
uadrupei, ur marrimoni¡ deciperer carelh, sempe ugusrus. Agrcolae iocan saburre. Pessimus adfabili
__ ~, tttf11ulus catc'1h, ul rures dec
facilidad porque los tamaños de erecundus carhedras neglegeruer agnasco appararus bellis, sempe athedras conubium sanret quadrupei. Ossifrag

margen y de columna son una imagen


arsimon¡a
arrimonii
carelli, quamquam vix laseiviu
imputar rremulus carelh, ur rures decipe
dlaudabilis
u~drupei ei~eu~grediet syrres, iam
gf1~olae fortn~~
msectat quinquennalis
:t~t :::;;--...,...
ttUi- I~ide Insectat apparatus belhs
~ eelh •••• burre' tal rremulus umbracuh. Octavru
uf(ragarn Pompen, quod adlaudabilis
gnascor aegre unhras agricolae, semper
quadrupe
incredibilite Jerarquía
arelli. dfabilis carelli praemumer zorhecas, quamqua
esslmusadfablhsumbraeuliadquirererch ~"""';OCifieat Augustus. ram Caesa
espejo entre sí. Satis rremulus urnbraculi spinosus suffragari rerosius carelf senescerer quadrupei, ll'I ti" plnOlU Suhs. Plane adfablhs syrtes mecer ifragi vocífcar quadrupei, ut marrimonii decipe La jerarquía es la gama de estilos
ulosus ossifragi. Concubine rniscere prerosiu cmirer conubium sanret ehirographi, UI Aq~ autUS bellis, sernper prerosru arelli, semper vereccndus carhedras neglegenre
atrimonii, quamquam zorhecas adquirere i~re adl~udabilis fiducia suis, sernpe- a~ ~d •• aubll~I~~~grediet syrtes, iam. verecundu
gnascor parsimonia catelli, quamquam vix lasciviu tipográficos que diferencian el texto
ugusrus. Agncolae iocari saburre. Pessimus adfabilí gneolae Imputar rremulus matrimo AuadruJWl stetar qumquennahs eathed.ras rrimonii imputar rremulus carelli, ur rures decipe

Columnas arhedras conubium sanrer quadrupei. Ossifrag dfabilis chirographi deciperer quinquenna~l, ~-olat =I:mbraculi adquirem chirographi arelli. en distintos grados de importancia.
uffragarit Pompeii, quod adlaudabilis quadrupe 1edusa corrumperet saerosus zothecas ~.. ~ quadrupe, enam Augus Satis rremulus umbraculi spinosus suffragar¡
Una columna es una área o campo gnascor aegre uriliras agricolae, semper incredibilite quae Sulis miseere ehirographi, et adl~ ~=um pntet chirograpbí- urcunque ~~ ulosus ossifragi. Concubine miscere prerosiu Estas variaciones a menudo son
dfabilis carell¡ praemunier zorhecas, quamqua arhedras prae~uniet plane tremulus mal adlaudabWs fiducia SUIS,semper a~~e un~lta arrírnonii, quamquam zorhecas adquirere
dentro del que se acomoda el texto ssifragi vccificar quadrupei, ur matrimonii decipere concubine negtegenrer agnaseor .'Kolac Imputar rrem. ulus matrimonll, ella
ugusrus. Agrcolae iocari saburre. Pessimus adfabili versiones y tamaños diferentes de la
arelli, semper verecundus carhedras neglegenre nia matrimonii aegre spinosus pra 11'

para presentarlo de modo organizado. gnascor parsimonia carelli, quamquam vix lasciviu
arrimonii imputar rrernuíus careüi, UI rures dccipere
civius
ehirographi,
ornrer senescerer ossifragi. Rures a
"'"' ' ' ' ' ' ,.¡.,,,;, misma familia de fuentes. En este
La anchura de columna puede tener arelli. dlaudabilis quadrupei, iam laseivius cal ejemplo, se utiliza negrita para los
Bellus saburre lueide insectar appararus bellis uffragarit incredibilirer parsimonia um
un efecto crucial en la presentación hirographi imputar rremulus umbraeuli. Ocraviu ra tor i corrumperer fidueia suis, quod títulos, redonda para el texto del cuerpo
egre spinosus vocificar Augustus, iam Caesa uinqucnnalis rures eomiter eireumgredicr,
del texto. Del mismo modo que las ermenrer Aquae Sulis. Plane adfabilis syrtes miscer am plane adlaudabilis ossifragi iocari rures. y cursiva para los pies de imagen.
dlaudabilis apparatus bellis, semper prerosiu dfabilis carhedras agnascor synes. Oprirma
columnas pueden aportar una fuerte uadrupei circumgredier syrtes, iarn verecundu atrimonii celeriter rniscere umbraculi, UI Todos estos estilos son de la misma
gricolae Forrirer insectar quinquennalis cathedras erecundus carhedras infeliciter;
sensación de orden también pueden essimus adfabilis umbraculi adquireret chirographi Satis rremulus umbraeuli spinosus suff~ familia de fuentes y tienen el mismo
rerosius careili senescerer quadrupei, etiam Augusru ulosus ossifragi. Coneubine miscere pr
producir un diseño estático si existe omirer eonubium santet ehirographi, urcunqu atrimonii, quamquam zorhecas adq interlineado y tamaño de puntos.
ures miscere adlaudabilis fiducia suis, semper aegr ugusrus. Agricolae iocari saburre. Pessnncs
poca variación en el texto o menos riliras agricolae imputar tremulus matrimonii, etia arhedras eonubium sanrer quadrupei.
dfabilis ehirographi deciperer quinquennalis saburre uffragarit Pompeíi, quod adlaudabilis q
oportunidades de variedad en la edusa corrumperet saerosus zorhecas, sempe gnascor aegre unlitas agrieolae, semper i Imágenes
quae Sulis miscere ehirographi, er adlaudabili dfabilis earelli praemunier aorhecas. qu
presentación de las cajas de texto. arhedras praemunier plane tremulus marrimonii ifragi vocificar quadrupei, ut marrimonu La imagen se sitúa a la altura de la x (la
mper eoneubine neglegenter agnascor zothtcas atelli, semper verecundus cathedras n
Parsimonia matrimonii aegre spinosus praemuni gnascor parsimonia catelli, quamquam \'ix altura de letras de caja baja como la 'x1
ix lascivius ehirographi, et saerosus matrimoni trimonii imputat tremulus catelli, ut rurtS
Cabeceras repetitivas ouiter seneseeret ossifragi. Rures agnaseo telli. y en la base de la línea correspondiente
dlaudabilis quadrupei, iam lascivius carhedra Satis rremulus umbraeuli spinosus su
La cabecera repetitiva, encabezado, uffragarir ineredibiliter parsimonia umbraeuli ulosus ossifragi. Coneubine miscere P más próxima del bloque de texto, y se
ratori corrumperet fidueia suis, quod sati atrimonii, quamquam zgrbeqs adq...-
t~ulo repetitivo o tira son las líneas de extiende por el espacio de las dos
texto que se repiten en cada página columnas de texto principales para
de una obra o sección, por ejemplo, mantener la armonía. Las imágenes, en
Satis tremulus umbraeuli 113
el t~ulo del cap~ulo o de la 112 Satis tremulus umbraeuli particular las fotografías, a menudo se
publicación. Normalmente, una imprimen "a sangre" en la zona de
cabecera repetrtiva aparece en la parte corte de la página (es decir, se
superior de la página, aunque también imprimen más allá del punto en el cual
Maraen
se puede situar en el pie de página o Números de folio se recortará la página).
en el margen lateral. El número de Los números de folio o página tradicionalmente se sitúan en la esquina Un lY1argen es el espacio vacío que rodea el bloque de texto. En general,
folio a menudo se incorpora como exterior del margen inferior, donde se pueden localizar con facilidad y, por ellT1argen de lomo (el interior) es el más estrecho y el margen inferior, el Texto ficticio


parte de la cabecera repetitiva, como
en este ejemplo.
lo tanto, ayudan a desplazarse cuando se hojea un libro. Sin embargo,
cada vez más los encontramos centrados o cerca del margen interior en
la parte superior o inferior de la página, o a veces, centrados en el margen
..:::a
:-1IIlcho. Tradicionalmente,
que el margen de lomo, yen la actualidad
a ser más estrechos.
el margen de corte (el exterior) es el doble
los márgenes de pie
Esta maqueta "ficticia" se ha
rellenado con adaptaciones
sin senlldo de palabras latinas
e
Q)
Pies de imagen exterior. Se cree que situar los números de folio en el centro del bloque de que permiten obtener una
E representación visual de
Diferenciados mediante el empleo de texto confiere anmonía, mientras que situarlos hacia la esquina superíor
'"
'O
c:
::>
u... cursiva, los pies de imagen se sitúan confiere dinamismo. Esto se debe a que destacan más al pasar la página PIe o lY1argen de pie, nonmalmente, es el margen más grande de la la maqueta con texto
:; alineados horizontalmente con el texto y, por ello, actúan como pesos visuales. En la maqueta de arriba, el margen inferior es el doble de ancho Introducido.
'i":
....• IIIY1argen de cabeza.
base.
Cliente: High Cross House
Diseño: NB: Studio
Sinopsis de la maqueta:
Cuadrícula simétrica de tres

columnas, con los números de folio

------- --_ ...- ..•...•..•..•...... --


====-..:.:.':""
-"_ .._ :-"=:- ..~.._ :=.. ::=.:::==....,
0_.,._
._ ._ •....•.
.......
.---- -_._.- ..•.. --_...• _,
--~-- •...-
-_..................
...,.c.-_Io ..•.•..._
-_
-_
------- ........,---
•..-•...•..
--.-...----
-------
-----
_ ....- .._--
.....
..•.. -_._
_
-._
---- ..-...•...-- _-..
-
•..-...--._- _ .........,----.
_--- --
---_
_--
.. _--. ..•...~-...-
.....••. ......•
..-•..
10_----
.-..--_ •...- .----_.- ._.. -------..
...----_
-_
------
..•. --
..
_"""
•.... -
-_ .._.... •.....-_
----
--_._--- --....-..,- .... --- .
-----...
----- .•.. ---- - ---.-.... -..
.. _-- ..•..__
----
_ • ..., -..;-~ •• Clooot.

------.
--_
---.._. ---_
_-
.....
,,______
.., -
......•.....•..
---- _
_a.
•.._------.
..•.•...•. -
.._--
_u.o ..
_..-
..-__..•......
.-....- ._-- .. - -~
•.•.... _.- .. - ._
-------.
_
. ...
..•.. _ ..-
.••.......
_--
-- ..... -......- ...•...
- _ .. -.

----- --..-_"'
-------- -_ -_
-~---
--~.-
... _--
.._---
"-
---

~mHome
Este catálogo de 28 páginas, realizado por NB:Studio para el proyecto "Modern Home" de
Edmund de Waal para High Cross House, utiliza una cuadrícula simple de tres columnas para
~rear una maqueta simétrica. El texto base se extiende desde la parte superior de la página y
os pies de imagen se componen en un cuerpo de letra más pequeño, lo cual da como
resultado una maqueta muy clara. Los números de folio, que están situados en la esquina
'"
.8
.,E
c:: exterior de los márgenes aportan un elemento dinámico al diseño sereno. La doble página
ee
"O ~~a.1 (arriba) está atravesada por las grapas del lomo. Dado que las grapas p.ueden romper
c::
:::J
u... la ~g~na Y proporcionar una apariencia descuidada debido al uso, se suele dejar esta parte de

E'" . Página sin imprimir. El libro presenta fotografías de Sara Morris sobre esculturas de De Waal
Situadas en un ambiente doméstico.
Cuadrfcula basada en módulos - - - - - ---~~--~>---------,
- Margen de cabeza

DDDD
Se trata de una cuadrícula simétrica

DDD
El margen de cabeza de este ejemplo
basada en módulos o campos
tiene unas dimensiones iguales a los
fonmada por una serie de cuadrados
márgenes que separan los módulos.
separados por espacios iguales. Esto
En la cuadrícula de módulos no es
permite una gran flexibilidad para la
necesario que el margen de cabeza
situación de elementos diferentes, :;'l;:ra~U~~~i~OSUS

o
uffragarit gulosus
contenga títulos repetitivos ni números
longitudes de línea variadas, la ssifragi. Concubina
Eiscere pretosius de página.


tnatrimonii.
posición vertical del tipo y el uso de

distintos tamaños de imagen desde un


Módulo
módulo hasta la impresión a sangre a
Un módulo es uno de los cuadrados
toda página. En este ejemplo, cada
~~s trernulus
de la serie que fonman la cuadrícula.
~~~=U~~~i~OSUS
módulo está rodeado por un margen uffragarit gulosus
En este ejemplo, uno de los módulos
ssifragi. Concubine
igual, aunque esto se puede modificar ~iscere pretosius
matrimonii. se ha sombreado en gris.
para aumentar o disminuir el espacio

entre ellos.

Números de folio y título

Los números de folio y el título

aparecen únicamente en la página par

(izquierda). En esta cuadrícula, no

existe ninguna posición estándar y se

pueden situar en cualquier lugar que a 15 remu us

o o
~mbraculi spinosus
uffragarit gulosus
se considere lógico para un diseño pssifragi. Concubina

determinado. ~~t~i;"~~~~~~~uarr
othecas adquireret
ugustus. Agrícolae
ocari saburre.
essimus ad1abilis
Imágenes athedras conubium
Oflt .

o 00 -J o o
Las imágenes se pueden situar
F'_l!S remu us ompeii, quod
~mbraculi spinosus
directamente dentro de un único dlaudabilis quadrupe
uffragarit gulosus
gnascor aegre utilítas
pssifrag;. Concubine
gricolae, semper
módulo o de un grupo de módulos, tecere pretosius ncredibiliter adfabilis
p,atrimonii.
patelli praemuniet
incluyendo o no el margen que los othecas.

separa.

Marten
Pies de ilustración Pie Jerarquía
Los pies de ilustración deben situarse Loa módulos tienen un margen de
El pie en este ejemplo tiene unas En este ejemplo, la jerarquía es
de forma lógica de modo que se 9llll1IIlch1.l'a, que los rodea y separa.
dimensiones iguales a los márgenes simple. Los pies de imagen
establezca una conexión obvia con que separan los módulos. En la aparecen en negrita mientras que el
aquello a lo que hacen referencia. cuadrícula de módulos no es cuerpo detexto aparece en redonda,
en Se pueden situar arriba, debajo, necesario que el margen de pie aunque ambos tienen el mismo
.8
c: a la izquierda o a la derecha de
Q) contenga títulos repetitivos ni números tamaño de puntos.
E
ee una imagen.
'O de página.
c:
:::l
u..
::::o

!
-..-.~'-'
•••••.
,,~ w.I
-~~ Cliente: Kunstvetein Hannover
Diseño: North
Sinopsis de la maqueta:

Catálogo de exposición con una


composición de amplitud dMdida,

Exposición de Marc Quinn


Este libro documenta una exposición de las obras de Marc Quinn que tuvo lugar en la
Kunstverein Hannover Gallery en Alemania. El libro está formado por páginas laminadas de
puntas romas, pegadas para dotar de mayor rigidez a la publicación. Presenta una clara
división en dos partes, las obras se presentan en las veinte primeras páginas y el texto
explicativo está en las páginas restantes.

El texto (derecha) aparece en dos idiomas (alemán e inglés) y la información compartida, como
puede ser una bibliografía, se presenta en una columna central estrecha. Normalmente, una
línea de texto en alemán supera 1,4 veces la longitud de la misma línea de texto en inglés. En
este caso, la columna que divide el texto permite que la traducción alemana se extienda
simultáneamente sin necesidad de espacios en blanco en la versión inglesa.
en
.8
c: El bloque de texto está formado por medidas de distintas longitudes que rompen una
'"Eee Afl1Phtud
"O cuadrícula vertical simple de ocho columnas, manipulada por la inclusión de espacios en lugar
c: de la ancn.ira de una columna de texto expresada en picas El texto Justificado se extiende ocupando toda la
=>
u.. de saltos de párrafo. Esta intervención gráfica, junto con la utilización sutil de tipografía en
:::1
, S'e¡ élllneado a ambos lados. mientras que el texto alineado a la Izquierda presenta un lado Irregular que crea
Q
>- colores morado, rojo y gris, crea un tapiz tipográfico dinámico y a la vez en armonía con la :eIOS
......
'" presentación de las obras .
cuadrfcula asimétrica basada en columnas
Cuadrículas asimétricas
Una cuadrícula asimétrica genera una página
doble en la que ambas páginas siguen idéntica
maqueta. Pueden tener una columna más estrecha
que las otras columnas para marcar una inclinación
hacia un lado de la página (normalmente hacia la
izquierda). Esto ofrece la posibilidad de un uso
creativo de determinados elementos, a la vez que
mantiene la coherencia global del diseño. La
columna más estrecha se puede utilizar para pies
de imagen, notas, iconos u otros elementos, tal
como muestra el ejemplo de la página siguiente. Cuadrícula asimétrica basada en módulos

De este modo se puede tratar como un espacio


amplio para acotaciones que ocupen mucho espacio. DDDDD DEDDD
Cuadrícula asimétrica basada en
columnas
Es una cuadrícula de varias columnas
Cuadrícula asimétrica basada en módulos
La cuadrícula asimétrica basada en módulos
(página opuesta, abajo) muestra una
U ª D DE 11
están dar en la que una de las columnas es
más estrecha que las otras (página siguiente,
arriba). Las páginas par e impar utilizan
estructura menos formal. La cuadrícula de
módulos (o campos) permite más opciones
para situar los elementos. El tipo y las
O DD
exactamente la misma cuadrícula en lugar ser
una imagen espejo entre ellas tal como
sucede en la cuadrícula simétrica.
imágenes están alineados respecto a un
módulo o una serie de módulos (o dentro
de estos).
D D
'"
.8
<=
E
En esta cuadrícula basada en columnas el
énfasis está en la alineación vertical. En este
En lugar de llenar uniformemente el espacio
y crear un bloque de texto continuo, el texto
DDDED
.g¡
<=
~
1
ejemplo, se crean unas claras divisiones
verticales que se mantienen mediante el uso
de la cuadrícula, lo cual produce una
presentación condensada del texto.
se divide en segmentos y se distribuye por
todo el diseño para crear una jerarquía que
favorezca el uso de las imágenes.
ªDDD DDD~D
Cliente: Oficina del Primer Ministro
del Reino Unido
Diseño: Cartlidge Levene
Sinopsis de la maqueta:
Cuadrícula asimétrica y columnas

para organizar información

compleja con referencias cruzadas.

"I'm quite proud of the city


really because oí the history. The city
centre is good although the suburbs
are bad ... the suburbs need to improve
Towns & Cities, Partners in Urban Renaissance
Esta publicación compuesta por cuatro tomos, Towns & Cities, Partners in Urban Renaissance, as peo~le live there."
.;:., s.diseñada por Cartlidge Levene para la Oficina del Primer Min' del Reino Unido,
, You wonder if they've
concentrated more on the city centre
and not so much on the places where
the likes of us live."
Citizens' Works ops
Bc::
Q)

E
~c::
.¡: Esta maqueta modesta y controla porciona un amplio esp
i creando una "área" serena que ayuda a '"o>-
ofrece un espacio adecuado para las notas. -''"
.•.
Cliente: MADC MADC 2002 (izquierda) Cliente: AA Peter Markli
Diseño: 3 Deep Design En este folleto para Diseño: Frost Design
Sinopsis de la maqueta: Melbourne Advertising and Sinopsis de la maqueta: Mú~iples
Cuadricula de módulos de seis Design Club realizado por orientaciones y variedad de
columnas con múltiples 3 Deep Design se utiliza una imágenes a sangre.
orientaciones. cuadrícula de seis columnas.
La cubierta consta de seis
columnas y un título
Shakespeare appro imates t
sobreimpreso (véase margen and familiarizes the wondertul.i,
inferior izquierdo); las
columnas se han dividido
para crear módulos. Con ello
II11 I Ir se obtiene una gama más
a 111' Ilr
Ull11R,iP amplia de opciones para la
üpm 18111,
situación del texto y las
t « imágenes y permite texto con
orientación vertical y
~fi 11' IPPW ¡¡¡1ft' horizontal. En las páginas
muw p¡aPIP~ dobles principales, (izquierda)
¡;¡ ,.,«
la caja de texto ocupa la
e
anchura de dos columnas y
1-
se deja una columna
adicional en blanco para crear
un espacio entre el título y la
información.

AA Peter Marlcli (derecha)


Frost Design ha utilizado una
estructura simple para crear
una cuadrícula sólida acorde
con el contenido arquitectónico
-1 del libro. En las páginas
impares, los títulos se sitúan
a 90 grados de arriba a abajo,
mientras que en las páginas
pares se sitúan de abajo a
arriba. Las imágenes se
presentan a sangre en tres di •
lados (fila superior, izquierda),
con paspartú (fila central,
izquierda), a sangre en el
borde inferior (fila central,
derecha) y a sangre en el
borde superior (fila inferior,
derecha).
Cliente:
The Photographers' Gallery
Diseño: North
Sinopsis de la maqueta: Énfasis

vertical para la caja de texto,


horizontal para los títulos.

~hotographers' Gallery
Este folleto de ocho páginas para el grupo de patrocinadores de The Photographer's Gallery
P~nta una cuadrícula orientada verticalmente en lugar de adoptar el método horizontal
~andar. La caja de texto tiene una orientación vertical, mientras que los títulos tienen una
:e~t~ción horizontal al pie de página. Es un procedimiento poco usual puesto que
dlclonalmente los títulos se sitúan en la parte superior de la página, pero teniendo en cuenta
~e la caja de texto tiene una orientación vertical, el cuerpo del título y la orientación horizontal
V> te que resalten con claridad.
.8
c:
Q)

E
'"
"C ~it~aci~n de los bloques de texto está dictada por la franja de imágenes que atraviesan la
c:
::::1
u.. tel(t e Inf~nor de cada página. Las imágenes de tamaños distintos permiten utilizar medidas de
:;
~ ~ vana~as para crear cajas sencillas en la maquetación. Las fotografías tienen una línea
~ comun que divide la página y deja espacio para los títulos.
Desarrollo de la cuadrícula
Hasta aquí hemos descrito cuadrículas basadas en
columnas o módulos como una herramienta clave
en el diseño. Con frecuencia, los diseñadores
utilizan ambas a la vez para crear una cuadrícula
suficientemente flexible que contenga columnas
de texto y distintas configuraciones de imágenes.
La cuadrícula de abajo se basa en una disposición 5 x 6 de módulos, cada uno de los cuales a
su vez se subdivide en 16 campos más pequeños. La cuadrícula base (indicada por las líneas
de color magenta en el margen exterior de la página) corresponde a estos módulos. Las guías
de la columna vertical (en color cyan) y las líneas horizontales "colgantes" o "salientes" sirven
de punto de anclaje para la colocación de imágenes y cajas de texto.

Esta cuadrícula se puede utilizar en muchas configuraciones (mostradas en la página


siguiente); proporciona coherencia pero no fuerza una apariencia rígida, seria o estática.
La cuadrícula permite un gran número de posibilidades y, por ello, sirve de orientación
para situar los elementos en sus posiciones, en lugar de ser una limitación.

En el sentido de las agujas del reloj desde la imagen izquierda superior: se pueden ajustar amplitudes estrechas o anchas; se
COnfiguran cajas de texto irregulares usando las guías de columna y las líneas colgantes; múltiples imágenes con texto
lIIIneados desde una línea colgante; imagen a sangre; cuadrícula de cinco columnas; texto alineado con líneas colgantes; texto

de Orientación vertical; imagen presentada con paspartú con configuración de texto base/pie de imagen.
Scene by Scene Cliente: Laurence King
Las imágenes son dobles páginas de Scene by Scene; un libro de Mark Cousins. Las páginas Diseño: NB: Studio
tienen una estructura de tres columnas con módulos que corresponden a las dimensiones de Sinopsis de la maqueta:
los fotogramas de la película de cine. Esta cuadrícula se utiliza para crear dobles páginas que Cuadrícula simétrica de tres
marcan cada década o capítulo y que también sirven como página de sumario en miniatura. columnas con módulos.

_---"-
--
..~~ __.... ""_l

_--.-..--
__

""-
o

---.
~,,,,jl-
-- •••••
'~r
n.o __

:::":,'-,
••••• __ UI

r.a...,L_,
•..~ ..""'-"-..

----'11'-- _ ___ ._a- _.-.-. ---. -...-..


L- ----' '--

-=--:-
____
-_...- ......-- ---_
---_ ...--- _....
~_II>M

----W....•....-~_
___
..... •••• _EIoa.

.......•.
••• _ .••
--'"'Itaoc_
_.,. •••.
••••••
-..joooI
_

,--_....•..•... ::w:..;;_ ..
• ..-- ••••.•• 101I •• _ ••

..-.- ..•-._ I....-.."...~~


-_,_v.,_
---_.--- -.-.;,
=:.=~
-_1 - - ---_ ..."'-_.---~
____a._
_.""---
-------
•..~ _ - -
....

.
_
~ _-.,..
.._ ..-.-.-
----~n...
--_.~-- _--..•...
•• _ItoO. __
....•

..
.....
.• -"'ICr'''

..•.•
_

1....--....
_If -cl _

-.......,. •..
,-
"' __ fIIfI-",
--~---
_- --------
_.,_..-_0: o..-x_,
...•.. __ ~_lo'o

~~ -:.:::~--': .•..,
,,",,1"-

~:..~ =--.:~- ---_


.."

_-_
~=.:= . ...-
.-=..=- -...--...-.-- .••..-
..,d ••Jt""",_

.- 1_'•••..••••••.
trnMJOIMI_.1:UM'rM>I:

....-----
.,rn.. KVMl-Y lllWI

..-_
...,11I
_.-
~-....,.---
_ ......•.
_.~---- --- l:a.a ••• ~

-----
_.-
~......",_. __

:.••_--:::::. ••.:.'":Z!!
I-

.•._-",--
_--"..--
----- -.•.• -'---,_
--------. --._-- ---~--
"",_#....-....--
,1~.••••
1- I"' .•. _
~:~:.=t~; ----
--._---
c.._ •..••.._ -
--",-._-- "-----....•.•.. --
..._ ......••....•..
_ IIICIl

_ ••.....,q-Ilr~_ _-..-_._-
---_._ ..
••.
_u..._ ...__
:"'-::::==..~.::-.. '''. __ 101011 __ 011 ••••

--_ •._ .....


-~tov •••.• -._JI<A
t
_

--_._"''-- ===:,
1ft_""'MO.ooo_ ••_
11II---
___ Ilr __ 1 :'::--': ..':::=,,=';"

S::;':-"'::e7-.:- _._----
---_.-----
__ ",~,,_I
-'------
-------
____ .._a_
-- __ ..
_----
,------ -_.-_
1- ••••••
--- ••-

---_..•...
-----,.~ - -
-- -_._ -- ----_.-...--
.._-.",...'.-..- [~~~~ -_
•.•... .•... - ..•.-
......-_fIIfI

.....•_-_
....,--
•••. __ ._
o ••

....•. .•... La Cuadrícula


---_ _ -
V) permite una situación uniforme de las imágenes a la vez que ofrece variación.
o _ •••••••
_. __ fIIfI __ 1•• -' .~

E
.. .. .... :':=---,..:::'':=
__ 1 '"
Corno muestran las dobles páginas, los quince módulos se reducen fácilmente a cuatro
'"E
'"c:::
'O
_
_ •••,.,.loQ. •• _-,....

-,...--
_."",_fIIfI
••.••__

-,----
__
Mr_

~-
~=:
----_
=:::''':" •.!:=..'':-
.~":.:":".::.--
_._---_.-
..
..•-
(arriba). Esto permite utilizar las imágenes sin recortar y el uso repetido de la cuadrícula de

....__ •...- _._---


,~---~-
---.,._-
-_.-...--- ------- -- _. .•."----
n.o. _. ••.••••
:::J
u.. 1'1""---- ..... mÓdulos refuerza el aspecto cinematográfico. Todo el texto está compuesto en una fuent~ de
'5
o
>-
máquina de escribir monoespaciada (con un cuerpo y sólo dos fuenfes) a fin de reproducir la
-''" estética de un guión, y se refuerza con abundantes puntos y aparte y títulos subrayados.
Cliente: Conran & Partners
Diseño: Studio Myerscough
Sinopsis de la maqueta:
Cuadricula simétrica de dos
columnas .

.oNCtlSESTTlEIlUTAMI5TORY eot A Filtro


POSmOH. BUf A FlXUS Ofo QUt5TlOfo¡I~ wtl.V
totS OH WMfJII OI'E tuES A ~EY ~
I"ASTTOMESEJiT wtlATPItOCE5SOFC~
OCCUlt$1 WMY MIGHT ONE WANT YO CHAJtrIG(?
TtiIS 8001I. A!MS re EXPlOllE THE WORK DI' A
8lO8AL 1IIIt.II.1HI/SCIPUNARY ARCKITECT\JRAl
NACTK:E_ E'fOl.V(tI OVER 2.1 YEARS. CONRAlt
• ~ATNERS' AIlC,"TECTUA(, URB4frI .••."0
IIfTEftIOR OESIGN AOH~ES TO .•.. COMMITMEHT
lO WkAT A.RCHlT[CTURAl CRITIC 00 .•..". SUOJIC
CAu.s <MAk'''G PlACES TltAT ARE AUVE r

las imágenes de estas

dobles páginas están muy

condensadas y ordenadas

en comparación con el

carácter espacioso que se

da a la composición del

texto. Los márgenes blancos

que rodean las imágenes


sugieren un marco de

ventana de modo que el


lector se siente como si
estuviera observando los
interiores.
La cuadrícula base Bloque de texto compuesto en una cuadrícula base (en magenta) cuyas líneas tienen una
separaciÓILde 24 pt. Se pueden.combinar.cuerpos de.letra e inrerlineados.si.Ia suma da 24 pt.
La cuadrícula base es el fundamento gráfico
sobre el que se construye un diseño. Cumple A continuación se proporcionan algunos.ejemplos.ilustrativns:

Bloqueinieriocizquier.do:la cabecera.o.el.título sena compuesto en 24 pt.negrira,


un objetivo similar al de los andamios usados
(Una línea de texto a 24 pt negrita = 24 pt)
en la construcción de edificios. La cuadrícula Bloque inferior central: El texto de la caja se ha compuesto en 10 pt + 2 pt de interlineado.
Esto signific<LqueJa&dos líneas.de.este texto más su.inrerlineado.equizalen.a.Zé.pt, Por.lo
base sirve de guía para colocar los elementos tanto, cabe en la cuadrícula base y corresponde a una línea del texto de la cabecera.
en la página con una precisión diñeíl de (Dos líne.aWeJexto a~Q pt +~ pt deinterlineado.adicional = 2Llpt)'- _

BloqueinferiOLderecho:los pies de.imagen.se.han.compuesto.en.Zpt +.Lptdeinterlineado.


conseguir a simple vista.
(Tres líneas de texto a 7 pt + 1 pt de interlineado adicional = 24 pt)

Estos pies de imagen están


Esta caja de texto se ha
Estas tres cajas de texto utilizan tipos de Estas tres cajas de texto utilizan Estas tres cajas de texto
Tít ulode _____ CDlllPQ~trLenSa.ubuolln _
compuestos en un tipo de 7 pt + 1 pt
de.interlineado Se utiliza cursiua para
hacer más visible la diferenciación.
Regular de 10 pt + 2 pt de
letra y cuerpos diferentes pero los tres
utilizan la misma línea base de cuadrícula.
tipos de letra y cuerpos diferentes
pero los tres utilizan la misma
utilizan tipos de letra y
cuerpos diferentes pero los
24 pt.cn
. . terííneadc.Esro.significa.L
que las dos líneas de este
---..Tr:es líneas compuestas en2p.t
de interlineado por línea equivalen a
±~pt

Para ajustarlos a la cuadrícula, el espacio


entre. líneas se.basa en el espacio de.Ja.;
línea base de cuadrícula. Para
aiustarlos a la cuadrícula, el
tres utilizan la misma linea
base de cuadrícula Para
negrita. _texto base sumadas.a.su.L
interlineado dan 24 pt y
24 pt; por lo tanto, tres líneas de pie
umagelue..alinearálLcmuiasJinea<--
de la caja de texto y una línea del tipo
cuadrícula en lugar del valor de espacio entre líneas se basa en el ajustados a la cuadrícula, del título.
cabe en la.cuadrícula.hase, _
interlineado. De izquierda a derecha las espacio de la cuadrícula en lugar el espacio entre lineas se
fuentes son: Hoefler Text de 605 pt,

55 Helvetica Roman de 7,5 pt Y


del valor de interlineado. De
izquierda a derecha las fuentes
basa en el espacio de la
cuadrícula en lugar del
UnaIínea lIna línea.de.cahecera, dos _
líneas de la caja de texto o
GeoS1ab7I2 de 10 pt. son: Hoefler Text de 6,5 pt,
55 Helvetica Roman de 7,5 pt Y
valor de interlineado. De
izquierda a derecha las
con.este -ttesJíneas_de....p.ies de.,
ilustración se extienden
GeoSlab712 de 10 pt. fuentes son: Hoefler Text
de 6,5 pt, 55 Helvetica
tip~oc_upa -.hasta el mismo punto enJa
columna.
Roman de 7,5 pty
GeoSlab7l2 de 10 pt.
una.línea
de la
cuadrícula.
·lfi~!i~~
Cliente: Van Kranendonk
Art Projects

Diseño: Faydherbe / De Vringer


Sinopsis de la maqueta:
_ __ _---
•........• ---.
---..,...

_____ . __ ..•.. ..".,..~---_.


•••• 100 ••

..-11 •...•••• __
·...-.., -<o.••••

Cuadricula base visible, el bloque

de texto mide lo mismo que el


-~----.---.,...
_-... --~
---_
.•......
~ •.-......-_
_.-,.......-~-~
_. ---..
•......___ •..... .• _,..,...,---
•.•.•c-......_
...•..
..••..
.• ..,I'.
~ ..,....""'-_-_ r4--.
.,...-_ •.....•.__-.......,_._.• ----..__ •..•..•
paspartú. Wol••••••••• _o;;,;.. •••••••••• __

'" -0.._ ..•.••.•,--


.•..•......•.•.. .....•..

~~.;;~~::.-~~~?:
_ ••••••••••••• poanot,_.~ •••••"--",..

B' Zuidhro k jr):


(ows,ch •• u .• ndp'gs
-,.._ ..~ __
...-..,....,.(,-I-_."'-
..,_,...,_~_.,

,'J-.¡...n..,..
__ ••_

...,.......,Jo< ....••..•.¡.....,...." ...


•• _ ••tW __ n.o

~~n.I-..,..-¡..c....,._(t)(.Q ..,•.
~-,.,,,..-..-.--(!..),-~~
__ N,;.n..~¡;.¡..".......•.¡.-..•....-.. ...~ .
¡.._,.....n.._ •.•..••....•.•.
_-....,.....
__ ••. úl ••• l<Jlod
¡..¡.-.•..
••••• .., __
¡.,•••
)~
__ .¡ __ F ••. ••••••• ,......, •••••• OU;

-'-,,-.
n..•• ~ .•.•.••.•.•.•••....•. _-. •.•.... ,.•....••-_<1"""""' ••••••••• ..-_
".". r..__ "'I-'-"'~
a-=~~':=.:S'::1:
~~1.7E::E:r::E=,..
_--:.====:;~.:.
~J--II

__

,...
••••• -...........-

••..•.....•_~,......"""'ifO-'_~:!:::
••••• ¡Iod¡ ••••
-==
__
••. -.;¡,Auw-,_ ••

...,•... =~,=::"'-.=;.":;::.t:::;::;'''~:'''
1-' •.•• __ ••_ ••• ,..,. ~"
•• __

•.••••~~¡.
.•._¡.M
•• .-.

••• lf
1'--"

-o{_ .•••••••••••.••..•••••

-.....n- ..l,.O-"--'-!<"
_...., •• _1100_ •••••
'••_ ••,,_,.,.,..,..'-"""

'••••.••••..• ~
__

•....,,..•.•••.

I~l~~f~i~$
=...':"'~ •••••• _ ••••Ito- _ ••••_ •••••••• •••••••••• _., •••_

A Wide View Up Close


...........
__ ..__
.,_1----._-n._
--<1- ~_.
Se trata de un libro que presenta imágenes de ocho granjeros y sus instalaciones, realizadas
por la fotógrafa holandesa Wijnanda Deroo. Las fotografías se complementan con entrevistas
de Fred van Wijnen, con la intención de proporcionar una visión a fondo de la vida en una
granja.
1t11¡,Md lo lne ~i~".rwwnl
~J-¡"'''~.

...-
___ ..•. ••..••._0-1.
___
__-.....--_
....
_._
-.._<1__ .-.,.....•..
-<l'--',,-~---"-I/-"
__ ,- s.~_..__ u..,~c- •.•.
••••••• _ ••

_--~
-
...--,."._ ....
n.. .•..••..•._ ..•.__
l ...,....,c..(I"l.••.__ ••• ,.- ..••.
...---.odoo>oI~.•.•.••.
__ '''''_'''

....
<1., ••• .,.--
_

t.._6Oo~ __ •••••••
.--/oy_
..-.1__ 1_1-_,......, ...__ ._1
••••••••

-..w_",_ .._ •...•..


_ ....•..
_.•,.
••••••
_110 ·.....,.

:---'":;:.-..:::::~:;:::
_ •...__ ._,,_...-- .....:....~~..::
_ •._ ~:' ...";"::.::::-=:::::~~
,....,¡.n._I..,.._ .•..,~I.¡I __ I_ .."...•of
La cuadrícula base se incluyó en el diseño como una serie de líneas en blanco tramadas y ...
__
_----~,.j-,....
,,--¡.. .•........,~ -
•.•.•..•.•...• • --
-.._.
Iooo_ ••
__ .__ ·,...,' ••••,-....~ ••••._
.•..•..••- ._

crea una yuxtaposición mecánica interesante respecto a las imágenes bucólicas que contiene __"",••..,.
••••-"""",,!O,.--
~_••••••• ••••.• _ ••••-
.•.• ~_,..._,_, ....,-. .,.._
_ •...• •••...,.¡......"..
"1"•• .-,....,,_
.•. S'OO_ ••
•••.•••••••_.
,..-,f*-J r--'
•.
el libro. La inclusión de la cuadrícula permite ver cómo se han situado los distintos elementos O"';"'._".~_ •••.__
_<1 600 __ -..

---.¡6Oo
• __

_ ••••_
/ •••••••

•••".,-_.-*' ...
_ •••••• ., •••• ,......,.......".~...,

"f'" "'-rol

de texto y la relación que existe entre ellos. El límite exterior del bloque de texto, determinado :=;S:.~::~"':~~
8"-1l. """~~_··-,·
::g;:~~~2f~2ª~
·- · ~ "....,,....
_.~-'I_ ..--
por la cuadrícula, corresponde al paspartú que se utiliza para enmarcar las fotografías.
~:¿~~~~~".3~~:
__ ....-..4~_...._..'... ~:.~i.i~~~2"32:;::~: -'L.•...~•.••.••••.p<-t"" ••••••••.••••••. ""r-., •••.•.•_ •.••••.•.••.••

Alineación cruzada

En este contexto. ahneacion cruzada hace referencia al establecimiento de una Jerarquía tipográfica en la que los distmtos
niveles de texto comparten una relación común y. en consecuencra. se pueden utilizar y alinear en la misma cuadrícula.
; como muestra el ejemplo de la página opuesta. El interlineado se utiliza tanto para separar las líneas de texto como para
~ asegurar la alineación.
•u
Cliente: Why Not Associates cliel1te: Sammlung / Man in the Middle
Diseño: Why Not Associates Esta publicación forma

.----- ..---~
--
.. _------
~-------
~---.------------
.---_
-~~.~--~-----
---_
•..••...... Sinopsis de la maqueta:
[)eU1SChe Bank
p¡seño: Spin
parte del proyecto artístico

~----..~---
,-.-- .....•....
---- '-- -....•.
..
...-.-...--...- ----
...
.•~ Cuadrícula
resaltado.
base visible, texto Sif10PSis de la maqueta:

Uso rígido de una cuadrícula


de Deutshe Bank. Se utiliza
una cuadrícula base
¡.-.,..--------- asimétrica, texto con espacio asimétrica rígida para
adicional.
ordenar la caja de texto y la
situación de las imágenes,
de modo que las alturas de
------_
...-.-.--_ .. --------- ....-...
--.-.....-----
...•.-.- _---_
.-
,..--
•..•----
-'*- ..
_ ..--------
..-.-..--
•...
_---------..--_ ..•.....
------_
_..
.•. las cajas altas de los títulos,
los pies de imagen y las
~~-------..........-....---~
_-
_ .• __ ••. I&l. •• ~ •• _-....- _

__,__ -..._-.a. _ imágenes estén alineados


...~--..;- .. ~----..-
--_--.-
-........•.....•.'-_ ..
______ .It..fta • ..--.-

~-..•..----
~ __ ••
.....•....
I:Ioo,. •••••• ~
(abajo). El texto de la página
doble amarilla se presenta
_- -_ ..,...._ -_ _---
,...._a...e..-_IIon&.H.tt_~
•...
~
.....
•• ~
..__
...•... ••••. _ •
ItI>-.n._OI_~
.•. ·__ CodIr
con espacio adicional,

I_...-~~_lo.__.__.....u...
~ •• _......-.._._:_ -.IoIoo., __ ••••..••• ~J.<

I-~~ ...••••.
__ .•• creando diferencias sutiles
l'oI.t:loOO._..._ -.:

que rompen la estructura


formal impuesta por la
cuadrícula (centro).

Tres columnas de imágenes (izquierda)

dispuestas en la página, que colindan

entre sí sin coincidir con las anchuras

de las columnas de texto.

Why Not Associates Book 2


Este libro, diseñado por Why Not Associates, utiliza una cuadrícula base visible y texto -
resaltado para dar unas pinceladas de dinamismo al diseño. El hecho de mostrar la estructura
en que se basa el diseñador para construir la página (arriba), contrasta radicalmente con el =o>-
espacio y la libertad de las páginas dobles basadas en la imagen (abajo). ~
Imágenes Cliente: Jones Garrard
Diseño: Roundel

Las imágenes son uno de los aspectos gráficos que Sinopsis de la maqueta: Caja de
texto constreñida y definida dentro

más vida puede dar a un diseño. Tanto si se trata _d_


..---
~
de una cuadrícula rígida,

del elemento principal de una página como de uno ----- disposición fluida de las imágenes.

secundario, las imágenes ejercen un papel esencial


en la comunicación de un mensaje, por lo que so ---
-
un factor clave para establecer la identidad visu
de una obra.
Las imágenes se pueden incorporar a un
diseño de muchas maneras, como se muestra en
los ejemplos que aparecen a lo largo de este libro,
desde situarlas a sangre o con paspartú hasta
situarlas utilizando diversos esquemas de
cuadrícula.
Los principios básicos de la maquetación
ayudan al diseñador a utilizar las imágenes de
modo coherente y en armonía con los demás ~Garrard
Este folleto para Jones Garrand, realizado por Roundel, presenta una caja de texto acotada,
elementos del diseño. :np~e~~a en columnas estrechas dentro de una cuadrícula rígida, que contrasta con una
PoslClon muy fluida de las imágenes.)

~sición del texto proporciona continuidad, pero permite variación sin que el diseño
Ilatu ea fortuito. Las imágenes a sangre que quedan fuera de la página aportan un dinamismo
del¡ ~ a las páginas dobles. Los títulos se colocan muy a la derecha y las citas están
rlldas en un tipo de letra más grande que queda por encima y fuera del texto base.
'"'"
e
lasPá . '"
C>
-ee
glnas de este documento plegado en acordeón se han cortado progresivamente más É
:;
. has para que el lector pueda ver el borde de las páginas anteriores y siguientes, lo cual o
>-
íte ver los títulos de todas las páginas del folleto de manera inmediata. ....•
'"
Cliente: 45 Tabernacle Street
Diseño: Form Design
Sinopsis de la maqueta:
Las líneas de esta
Cuadrícula vertical simple con una
uadrícula base
columna de imágenes y una istan 10 pts. La
columna de texto. arte inferior de
a imagen se sitúa
la altura de la
ínea base del
exto, práctica
omún ya que
segura una línea
uy apreciable
ntre el texto y la
magen. Las
eintiuna líneas
e texto de esta
olumna se han
ompuesto en
45 Thbe cle SttMt ia a tive-atorey pts + 2 pts de
apartment building in tbe hea.rt of
Shored.1tch. Tbe development comprlses nterlineado para
three one-bedroom apa.rtments. and ooe
two-8torey pentbouee, eaoh individuaUy ue encajen en
oonoe.lved and designed. wftb bespoke
titt1ngs aud high quaUty oontemporary
f'IlrnJture. Tbe apartmenta a.re &eL&pan
by their unique cha.racter. Each cae
incorporat.es a ditrerenL oombtnation
45 Tabernacle Street of caretully oonsidered space planning, Tras colocar las imágenes e introducir el
coloUl'S. materiab and tlnishes.
texto, la página resultante aparece como
Este díptico sencillo
una serie de cajas, módulos o campos.
realizado por Form Design
para una promoción -_
--.- .._- -----
•.._--_.-
_._._-
-----
----
_-_..•.__.._-_-
--.-
_._----_.
-------
..
En la maquetación de esta página, cada
imagen se acompaña con un bloque de
inmobiliaria en Londres -----
_-_
__-._---
--- _._---
-
--_
_--...._- ._---- ..._-
.. texto correspondiente, de las mismas
utiliza una cuadrícula
vertical simple. Las
.•.

_-
-----
-----
..
..
--
-----
..
•...- ..__
--- •.... ..
dimensiones.

imágenes se sitúan en una


columna, con el texto
explicativo en la columna
contigua. Esta estructura de _.--_
---
------
----- __..____-. ..
pesar de que esta disposición crea un
iseño nitido y coherente, en páginas
información directa ---._.-
----_
-_ _
__ ..•._-
...... .••..
----_
•..
_- - .... ucesivas puede llegar a resultar

armoniza con la simplicidad ---_


------ -
..... ....
..._--
... monótono y dificultar la lectura (sobre
odo si sólo hay un único cuerpo de
que insinúa la promoción. ~~
-_-_._
-
- __
------
_-,-----
...•..
-----
-_--- _......•---
_--
•.. ... ...•..
_-_.-
..•.. ..
..•...
exto a lo largo de toda la sección o el
ocumento).

._-
-_--_
---_-
..-
---
.. ---
---
"-----
----
--_ ..
---
....
---_-_.-
---
....
------
---
----- ----
-----
~--- --
-----
~
_--
.......
----- _--- .._--
-----
--_.- s o
>-
'"
.....•
Cliente: Citibank Private Bank Premio de fotografía de Los fragmentos de ensayo que se
Diseño:
Sinopsis
North
de la maqueta:
--~.- Citibank Private Bank
Se trata del catálogo pa~
han utilizado, aunque están limitados
tipográficamente, también transmiten
Situación alta de la imagen, la el Premio de fotRmAfiM~ ' la sensación de movimiento. El título
impresión a sangre derecha Citibank Private Bank del del ensayo dispuesto en arracada y
sugiere movimiento. 2001 realizado por el del nombre del autor sugieren un
estudio de diseño North. movimiento de izquierda a derecha
Las imágenes y la en los textos. Esto se refuerza todavía
tipografía se utilizan para más mediante el uso del guión largo
transmitir sutilmente la en lugar del guión medio, más corto
sensación de movimiento y familiar.
en el libro.
Estos recursos tipográficos establecen

una jerarquía que infunde una

sensación de orden, además de

añadir dinamismo y movimiento a la

publicación.

La situación de estas imágenes

entristecedoras aumenta el carácter

dramático del catálogo. Colocar las

imágenes en lo alto de la página con

un margen superior estrecho y un

margen inferior ancho les añade

dramatismo. Además, el hecho de

que vayan a sangre (a margen


perdido) en el extremo superior

derecho produce una sensación de

movimiento horizontal, ya que una


página doble se conecta con la
siguiente al pasar la página.

:;
o
>-
...J'"
Cliente: Tourisrn Victoria
Diseño: 3 Deep Design
Sinopsis de la maqueta:
Imágenes a sangre con la minima

presencia de texto.
Alineación
Alineación hace referencia a la posición de los
elementos dentro de una caja de composición,
tanto en el plano vertical como el horizontal.
¡~~
Alineación vertical
Es la alineación vertical del texto en la caja y puede ser centrada, superior o inferior.

Alineación horizontal
Es la alineación horizontal del texto en la caja y puede variar entre alineación izquierda, '6nsuperior Alineación inferior Alineación izquierda
alineación derecha, centrada o justificada. doble página de tres columnas Esta doble página de tres columnas (bandera derecha)

el texto alineado desde una linea tiene el texto alineado con la parte El texto de este ejemplo está alineado

e. La alineación superior más baja del margen de pie. A pesar a la izquierda lo cual crea un margen
Alineación superior/alineación Alineación superior/alineación iona una maquetación fomnal y de no ser convencional, este método irregular a la derecha. En este margen
izquierda/bandera derecha derecha/bandera izquierda puede proporcionar dinamismo a irregular debe prestarse atención a los
El texto de este ejemplo está Este texto está alineado la página. saltos de línea para asegurarse de que
alineado verticalmente con la verticalmente con la parte no queden palabras aisladas.
parte superior de la caja. Puesto Alineación inferior/ superior del campo y también a la
que también está alineado a la alineación izquierda derecha para dejar un margen
izquierda, se crea un margen El texto de este ejemplo está alineado irregular a la izquierda.
irregular a la derecha. con la parte inferior del campo.

Alineación superiorltexto centrado


Alineación centrada verticaV
El texto de este ejemplo está
texto centrado
centrado en la anchura y alineado
El texto de este ejemplo
con la parte superior.
está centrado en la anchura.

Puede ser dificil de leer ya


,- - Alineación inferior/texto centrado

El texto de este ejemplo está Pagina 57


que el punto inicial de cada
centrado en la anchura y alineado
linea es irregular.
con la parte inferior.

Centrado Justificado

Esta cabecera está centrada en los Este texto está justificado y produce
••.•• IcI6n hartIanIaI y-ac.l planos horizontal y vertical. Por regla una apariencia muy formal y
Un taxto juaIIftcado se extiende por toda la amplitud de la caja Y está alineado tanto en el margen deracho como en el izquierdo. En general, el texto centrado cuando se controlada. Cuando se utiliza el texto
lII1*udaa 8IInIchas esto puede a8III' espacios en blanco, que a lo largo de las Ifneas sucesivas del texto pueden a8III' "calles" Oin s utiliza como caja de texto puede justificado es necesario revisar el uso
que fonns'Ilas lIIp8CIoe en blanco adyacentes en verticaI). Un texto mal justiticado puede '- que se dividan palabras en lugare. dificultar innecesariamente la lectura, de guiones y la partición de palabras.
~ SIn embargo, 11II lIIIalnllll 118se considera PI8faribIe dvidIr ••• palabra, que a8III' un espacio exagerado al pasarIa a la line, pero puede funcionar bien para los
••••.••. Lalullllk:aclón vertical de un texto puede tener un efecto desfavorable ya que paracerá que se aIIadIcIo més o menos inter' aunque no tenga buenos titulas o las cabeceras.
Ir'-Io 11Ibloque de texto a medida que las Ifneas se aBguen o contraigan pera adaptarse. para la caja, puede
bien para un tipo destacado.
Cliente: Chamber Made Opera Cliente: The Photographers' Gallery
BSOngsfora
Diseño: 3 Deep Design Mad King (izquierda) "';,::&1td1 Diseño: Spin
Sinopsis de la maqueta: Este póster realizado por Sinopsis de la maqueta:
Yuxtaposición de texto alineado a 3 Deep Design, para la Combinación de tipografía alineada
la izquierda con texto alineado a la representación de 8 Songs a la izquierda y tipografía alineada a
derecha. for aMad King en la la derecha, creando una jerarquia

Chamber Made Opera, clara.

yuxtapone texto alineado a


la derecha Y texto alineado
a la izquierda para crear
unos bloques muy
llamativos Y captar la
atención. El diseño muestra
viudas de una sola letra
como resultado de trabajar
con columnas estrechas y
un cuerpo de letra grande.
El interlineado es negativo,
lo cual hace que las astas
ascendentes y las astas
descendentes se solapen,
creando una tipografía
icónica, casi de logotipo.

The Photographers'
Gallery (derecha)
En este ejemplo, la
información se jerarquiza
mediante el cuerpo de letra
y el estilo. El bloque de la
izquierda es simple y el
bloque de la derecha está
perfilado. Las cajas de
texto están alineadas a la
izquierda y a la derecha
respectivamente para
reforzar todavía más la
clara diferencia entre ellos.

VIUdas y huérfanas
Una viuda es una línea aislada al final de un parrafo o de una columna Una huerfana es Similar, la uruca diferenCia es que

aparece al pnnctpro de una columna o de una página


Cliente: Schweppes Photographic La solapa de la cubierta pesa el doble
Schweppes
Second
Portrait Prize 2003 que la cubierta y le añade rigidez. Prize Winner
Diseño: NB: Studio Victor A1brow
Sinopsis de la maqueta: Texto

con alineación inferior, fotografías

con paspartú.

-.•. ~-

Premio: eppes
~~~~~--~----~--~~----~------~--~~~~-----
En la cut) é~ est . ro aparece la mínima información textual para identificar
la compilación ncursantes en el Photographic Portrait Prize (Premio de retrato
fotográfico Schwe . La simplicidad del texto alineado a la derecha "contra" una línea
vertical fina se complementa con unos acabados brillantes; la solapa de página completa
se puede apreciar en la parte superior e inferior de la cubierta.

En el interior, las páginas dobles presentan una serie de fotografías en marcadas en blanco y
los pies de imagen con un cuerpo de letra grande continúan el esquema de color naranja.
Se establece una jerarquía simple: el texto de la cabecera se coloca alineado con la parte
superior de la caja de composición y el texto explicativo se coloca alineado por la parte inferior
de la caja de composición. Las imágenes también se alinean con la parte inferior, creando una
maqueta dinámica y comprometida con unas claras divisiones de la información.
el último ejemplo (página anterior) el espaciado entre palabras y letras se ha modificado
Guiones y justificación permitir que el texto se acomode de modo satisfactorio. Aunque la mayoría de
ramas de ordenador modifican el espaciado, vale la pena examinar exactamente las
El objetivo de dividir las palabras usando guiones =ificaciones que se realizan. Estos valores no sólo repercuten en la acomodación de un
teXto en una columna sino que también influyen en el aspecto del texto. Los bloques de texto
es producir bloques de texto con una apariencia que se componen demasiado apretados parecen "saturad~~" mie~tras que ~Itexto que se
compone demasiado ancho presenta un aspecto feo que dificulta Innecesanamente la lectura.
limpia, sin espacios blancos ni "calles"
El USO de guiones y justificación automáticos está indicado para acomodar bloques de texto
antiestéticos. Por esto es importante que el grandes. Si sólo debe colocarse una parte pequeña del texto, se puede hacer manualmente.

diseñador domine el uso de los guiones. A continuación se proporciona un breve resumen del impacto visual que se produce cuando
se modifican los valores del espaciado entre palabras y entre letras.
Dividir una palabra no tiene por qué hacer que el texto sea más difícil de leer. Deben dividirse
respetando las reglas de ortografía de cada lengua. Los ejemplos siguientes muestran las El espaciado entre palabras, como

dificultades de justificar un texto cuando una columna es estrecha, porque implica buscar un Modifica~spaciado~ntr1}ala bras indica su nombre, hace referencia

equilibrio entre los espacios blancos y un exceso de guiones. A pesar de que los programas al espacio entre palabras.

de ordenador pueden limitar el número de líneas consecutivas en las que se utilizarán guiones,
sólo cuentan los guiones que añade el mismo programa y no los guiones que existen en el Al aumentar el espaciado, se

texto (tal como muestra el texto de la izquierda). spaciado ntr4falabras incrementa de forma proporcional

a la anchura de estos espacios.

En cualquier bloque de texto, el uso de En cualquier bloque de texto, el uso de En cualquier bloque de texto, el uso de
J JUItificación modifica la guiones y justificación modifica la apa- guiones y jusrificación modifica la apa- El espaciado entre letras o

apariencia general o "colorea" el bloque riencia general o "colorea" el bloque riencia general o "colorea" el bloque de
espaciado h;-tllhl~I~:>IIrI~lhI intertetraje modifica el espacio

de texto. La definición del espaciado de texto. La definición del espaciado en- texto. La definición del espaciado enrre entre los caracteres individuales.

~~"'~~attR~y tre palabras, el espaciado enrre letras y palabras, el espaciado entre letras [inter- Básicamente se trabaja con tres

del uso de guiones conrribuye en la del uso de guiones conrribuye en la apa- lerraje) y del uso de guiones conrribuve valores (abierto, normal y apretado),

•• 1IIadr' UD bloque de riencia que tendrá un bloque de texto. en la apariencia que rendrá un bloque de espaciado I rl aunque en la práctica se puede
texto. texto. especificar cualquier valor.

El párrafo de arriba está compuesto El párrafo de arriba está compuesto El párrafo de arriba tiene unos
con valores de espaciado entre con las mismas características de valores de justificación del 85% espaciado.
palabras del 75% mínimo, 100% espaciado entre palabras, pero mínimo, 100% óptimo y 124%
óptimo y 150% máximo. El tiene activado el uso de guiones. máximo. Para el espaciado entre
intertetraje no se modifica. letras se permite una variación
La inclusión de guiones mejora la entre -5% y +5%. Espaciado entre letras
Si se desactiva el uso de guiones, las apariencia del bloque de texto, pero El aumento o la disminución de la distancia entre las
palabras no se dividen; por lo que el todavía quedan algunos espacios Los límites de justificación son más letras de una palabra (interletraje) modifica la apariencia
bloque de texto empieza a llenarse blancos antiestéticos en la tercera reducidos pero son suficientes para de la palabra. dado que determina hasta dónde una letra
de espacios blancos visibles y línea. permitir un espaciado de texto puede ocupar el espacio de otra letra.
antiestéticos. En la segunda línea las cómodo que proporcione una
palabras aparecen muy separadas, apariencia más nitida, aunque sea
la línea está abierta, mientras que en necesario utilizar más guiones. Un
la quinta línea aparecen muy uso moderado del inter1etraje ayuda
compactas y la línea está cerrada. a lograr este resultado.
Jerarquía Cliente: International

School 01 Basel

La jerarquía del texto es una guía lógica, Diseño: Form Design


Sinopsis de la maqueta: Jerarquía

organizada y visual para los encabezamientos qu símple utilizando el resaltado.

acompañan el texto base. Indica los distintos


niveles de importancia mediante el cuerpo de letr
y/o el estilo.
El encabezamiento A se utiliza
normalmente para el título de una obra. Por lo
general utiliza el cuerpo de letra más grande International School
para indicar su predominio, que en este ejempl of Basel
Este prospecto para la
International School of
se indica mediante el uso de negrita. Basel utiliza una jerarquía
simple. La cubierta de la
La se~da clasificación. o encabezamiento caja sólo lleva el título,
escrito en una fuente de
B. i'eneralmente tiene un cuerpo de letra más palo seco redondeada Y en
colores cálidos que
:gggueño que un encabezamiento A. aunque es m ~ refuerzan visualmente el
tema: un folleto suizo
iTande y pesado que el texto base. definido en un estilo de letra
suizo.
El encabezamiento B normalmente incorpora los
Los fondos amarillos de
títulos del capítulo. En este ejemplo se indica algunas páginas del interior
resaltan el texto y guían al
mediante el subrayado. lector hacia la información
clave. Estos bloques de
Dentro de las tres categorías de encabezamientos estándar especificadas, el encabezamiento
color que forman la base
.~ e es la categoría
-ee
inferior. Puede tener el mismo cuerpo de letra que el texto base pero puede
ayudan a estructurar la
~ ser una versión en cursiva de la fuente, como en este ejemplo.
c:
::::> información del texto ~,
'"
"C sirven de "indicadores
<J>
El texto base es el bloque de texto principal que viene después de un encabezamiento. Dentro
E de esta jerarquía, se separa del encabezamiento e dejando una línea en blanco para introducir
visuales a través de un
'"E diseño nítido y delimitado.
'"
¡¡¡ espacio y resaltar la jerarquía.
Cliente: Booth-ClibbornEditions Cliente:The Centrefor Drawing
Diseño:WhyNotAssociates Diseño:GavinAmbrose

,
Sinopsis de la maqueta: Bloques Sinopsis de la maqueta:
de textoyuxtapuestos,espaciosos Colocaciónsimpledel texto y las
y nítidos.
Lucy Gunniug li
NewCastle u Ves anll imágenes.
pou "I:Yn ~or ••_
of Al"t betweeu 19 e In 18~"'"4t lo
8
1l
Loudou, frOUl 1992 : an 18!!7""'-~St~.
GlUUliug's sol 0189'1.' ""'-~u, e,¡1(
o e'<hib. . ..~ t
1995; UUivel"sit ltlOlls. 1(
M tt' Y at Bur lile)
<¡T['L: Hl ~ .• 20000
!.H,u •••• :lfQItCtON "G!701'OO<5
W!JIGSP~~ •.O< IA•.[J ••~ TOl t ••.•• CCLIOL.T[Ol04V(JtlICA&.SIJfW.o.q
"' •• c; ,: ·'1,.TIkJOl'.,IU'<ClIOIrt6..;L,. "..... ""', 1IT" .••• ~[OON[A.t~W ••GI a s GaUery, Lou fal0.\r Il~e: <\
TOT•••
lW[lGHl108TOHS .SOTOHSroRCtIJlWIHGDlAl'ttllAGIoIIS
llACH W!tlG so TONS,800V 108 TONS} IOTOIosrr •••••••••LlR s Portugal, 2000. G 11011, 1887 t Q")le,~
A""L[C~$(CTIOtoI~8'Y'~oo-.. SOTOH5rORCE,NtACHS<lffwBIOlT
IEOUIV
••••.
UIT TO •••••00'f' ••""V DOOA'N fHl HOUS[I (SO UCH SOU COULOCAA"" A lOA1tY'\"'0 A HAlfl 2001; Tate Bl"it'a. reellellTaft,)'.1999;1'~'!¡~~
1,ISlPI[Cuorsn(LASU*'IaUO 2.$j IIoIAHiotOu_ '.(fNU'C,' ••[U ••GOtsIG••.•-'.OO" rn, Lo ~ 1Q ~<le ,
aOllSN[[OCOT' AnACIIWllt(;STOIklOY
'UCH.•a-OtA."[l(II¡
, "~"'T ••~ SOOOon>Of"SOl\. UCAVAT[O
AHO LA,t" R[PLACEO 10 ItCfOR" NOUNO Kuustvel"eiu l\f.. 1111011 2 "Ilet) ~~
lZ.ooo IoI4l'I HOUAS SP[NT IN r•••"'!Uc.ATION oUOTe ••, ,110\)1"" "'l>[O IltlO '" Nr WO'hUNGS ' UUster G ' 001." '!¡e\
(TWtN'Y M[N WORKINGfUlH1M[ fOR SI. ~NTHS) IfOT01)",at'.OW ~ ."0
mOf\ltElOING'Nf"."C ..•.
TION 100 TONS or COH(II(T[,lNO l2 TONS or 1I[INfORCINC S1[[l She has exhibited ill ' erlllllttY:2~d\l¡estt'~1
USLO IN fOUHO,lTION [Xt[NOINC lo... I[LOW CROONO
BT New Contemp llUllleroll l. 'i,..:',
~lIlOLTS"'[[o(OTOIfOL.O,lHC[lU""'CHT 'OIW'''O
~[,lCH~OI,lIol[T[II,lNOlIfILOItGI
Oral'· s g¡. "
Gallel'y, Londou 1 les (tO\U>4tOllp e
Musemn ol l\fod~l':i.: Centre
Gallel"ies, 1996. B .. t,1'oya __ tte.
~'''''S
, l"lhsh S -.q¡, JIlIb•
Connecticut, 1999; lIenr chOOIat R=""
London, BJ'itish Art Sh y l'ttoore~IIIe,
Making an Angel Institute for- Contem o", S(tQ\U>ih_ 1,
Poral'y At-t --el •••
Este libro, diseñado para In 2001 Guuning was ,Flot\4t,
Booth-Clibborn por Why Bl"itish School ol Rom::'at'd.ed. a ~
Not Associates, documenta restdeney at l\füuster Ge d Ilndel'too¡¡
,rlllany •
la creación de la escultura
de Antony Gormley The
an Her work is included In the
Council Collection at 11
.
.
fOU01ltih_
ayWat'd. ,,_,-C-
Angel of the North. enlightened Pompfdou, Contempora.ry Arts ~<Olle!),
Art, Toyama, and Tate GaUery. Societl',••
~

El texto del lomo de la


icarus She is repl"esented by Matt's G
GreenellTaftali Gallel"y lIT alle!),
cubierta (arriba a la dr , ew York.

izquierda) se lee la mitad de


arriba abajo y el resto de
stephanie
abajo a arriba, lo cual brown
significa que cuando el libro
se coloca sobre una mesa,
sólo una mitad se puede
leer correctamente.

Se utiliza una jerarquía making antony


tipográfica muy distintiva,
con variedad tanto en el
an gormley
cuerpo de letra como en los angel gateshead
colores, para destacar
visual mente los títulos. council
What is Drawing? wttEN VOU fOUOW THE MOY'EMEHTS Of A fOOTBAlL
ACROSS A flAT TV $CREEN VOU SOMETIMES KAYE TtlE
SENSAllON TliAT TtlE 8ALL IS GOING IN A CERTAlN
Este libro diseñado para The Centre for Drawing presenta la obra de los artistas Lucy Gunning, DlRECTION
ARe AlTOGETltER
wtlEN rr TURNS OUT TO KAYE A DlffEREHT
ANO ENOS UP AT TtlE rerr Of A

Claude Heath y Rae Smith. El libro empieza con un signo de interrogación y acaba con un DlffERf:HT
rTS TRUE
P\..A'fEJt THAH VOU HAD nRST
MOVEMEHTS ARE HIDOEN
llfOUCHT
BY TtlE flATNESS
Of THE $CREEN UNTlL IT ARRIVES AT SOME PARTICULAR
punto final (iconos tipográficos que reflejan la naturaleza controvertida del arte y la conclusión PART Of THE PITCH.
SOMETIMES HAPPENS
THIS $AME
WHILE
IUNO Of SENSATlON
ORAWING, WHEN YOlI
me StCHT
del libro). Una mezcla de imágenes a sangre y cuadrículas delimitadas y condensadas que a ATTEMPT
SOUO 06JECT
TO COMPRESS
ONTO VARtOOS PARTS
ANO TOOCt4
Of A fUT
Of A
SURfACE.
I WAHT TO lOOt( fURTtlER IHTO ntlS

menudo contienen varias imágenes consecutivas (abajo, izquierda) varía el ritmo de la WOfIKING fROM Pl.AHTS NOW, rr WU ALSO BE
IHTERESTlHG TO SEE wtlETltER rr IS ~BlE TO SET
publicación. Los números de folio se sitúan en la esquina inferior derecha de cada página de TtlEM OOWN JUST AS ntEY ARE. 8UT AS IF RENDERED
BY ATHREWIMEHSIONAL COMPUTtR PROGRAMME

forma que a medida que el lector hojea la publicación ve el título del libro y uno de los THAT HAS TAKEN A HOUDAY fROM MATHEMATlCS.

números de folio puesto, que lo que hay en la mitad de la página desaparece en el pliegue
(véase la pág. 79).

Lucy
Gunning: --I.~"'I"'''''.I-''
Wearing
~a-Uo •••

_U.~·
P'IlI~Qlulllq'ao.tkcOt-¡'-""(I_I_).

9
a.1I•.••••••
Ke loa<!,,'a n •• , •••1o •••,blbIU_I •• Lo••••••n 1•• 1"&
flowers, a' M_I •• O.II&I'J'. 111 I&H be •.•• ¡_",dee! 1•• roun.
anUal> AñlaJoo VI a' u.. •••• t.eh! 0.11&..,.. Loa.cIon ••DOII
drawing n.o .,." ••••••• ' 0p0H0,,1 \IV1.n
~ __ U7
•• .,.,1
•••• ~.P1bI"" 0."".._
Art Oalloo..,..
••.

flowers, r•••••u-. ••• ~ •.•••lan..hJ¡u,M_


,n-_),W.u..rAno..:a~
looking u...-,.-L ,"", •.•no.
Cdú ••IlMe_(

••..•......-.'UMo
•••

_
ap.. ••••••.•
tvIII-...'
••••••••••• AnO"II<or7 ••••••••

at ••••.la ,... ~__ 'aI.u.,""- a' u..I--..oI


.,....~ 1_;bon.o~Af_~"'U-

e
••n..N••_1
flowers' tI •.•.•1_ "-" 0&l1M7.
U~. 1
ArlPrl •••• IJ.,oOr,bul']'.t.oDd •••••• 'NI ••••• KI••. Ñno ••
O.I14rr. Ha. York,"nd a' 110 ••11&....,Moo•.• In.Utu •.•••
a....bICUrAnO.II • ..,. , ••• : I•• Arlln~~,"
1IlI1••• ¡••• r.u.deo•••••I_I_ •••••..,•••••••• ld.IM7.'
Clorloo"""'~ •••• .,Doooc"'&-l.oDdo..-.·I ••••d~ •.•
G&llooo'7.N•• T•••• IU.art •.•.••• JoI_~ ••••
a&_O&1~~_I: ••••• IKatU.·.TIU'OI
G&üM)t.~.--
-...o ••• u..ftnllari.••' •.••••MIe_.tUOOOIloo0U7
___ a..tJloIw"" W •••••••••••• _ añibU.'" a'
~ClI'Ar\Oal\0N7."" •.•u.._KetO' .•
1'_ Arf.181,..1.., .IQrlaI" c.llep,~.
K18workiJol...,lud.,¡lIIl.IIUllllberolooll_I •••••,
1•••.ludlD.~ lh. ArIMeounell CoIl..,UOI1.' tb. 11."...1'<1
o..IIe.,.. Tbe "'IU ••••••••••• m. o.utMtbe llena. lb.
a....,. ••--. huolllu•.••••• u.. W.lIIer Arl 00011e.,..
~.!::"'"iJO .....-w.l~)'P ••••••••••• Ooo1NrJ.

__•. _
___.....___.....____
____ _-
...•.._ ....
Rae ..---_
_-_
•.......•
.. .. .-
.----_
.... _- ..•

__.._..__•.....-..•...
....•. ...
Smith:
What _._._.-.--"
..-_._-- ...•a_...
.....___""-"_
_._
__---_.
--._ •.-- __
_._._-
..----_
__
...•.._...
.. _._----..•
..•.._-_......_---
_-_
-_ .......__..•.........._._
-_..._ -..•...•..•--.
••••••
_a a__ •••_ ••••

drawing
feels __ _-____.._ __.....-_-_----- --_-_..____-_-._-
_..•..•__._----
"'-

..•.. _ ...•. ...---_


_
-.._--•..•.•....
.._-- •....-
..__ _
..• ..• •..
__._._
---_ --
__ •• ••a ••_
",
•... ..•.. •..•
like ...... ...... ....
•.....•. •.. •. •..
_--_ _-_-
-__--_
_---_.-
..

___--
:::.::=:::=:."-
__-....._ _------
_ ___._ ..--
_-_
"lMl~I ••••••
~-.UlDAUIIII'S
rpauM'IIUCT1OII.~_OI
~OI_'«nMM~
,..::dIOI •••• NCf.OIIM:MfI...,....

,..,.r
IOIIM ••• COCII..INJllICHIl)_ TtaICIUl
...•.
•.
____---
_--- _- ._.---_.-_.-
...-.......
.. .. ..
•...
___._._--_.
•... .... ...
.._.-
•......•
••........
•.
....•...

_... ==.==::=-
UfICIlII'T '#MY. OTMO 1'IIItU. 1'01I DAWLL
:: •.':.":.."'::'.:!--:":: :.:::::.":"..:-..:=.-==
•.. _ _--_ --_ __ .
M.·IVO#ItfCOllOlN4T1tlOl\'lljH(¡I'IIIOCUIOINI

==..:==::.:=
_._-_
- ._ _ •...._- --_._---
..... •._-
,cTOI.IIMlJITItlACTOll.TlI'I'INGw_n
'hIlJIIIDU_r_.~-..-L
ee •••• CNI •• _M~ __ 1
c:
.0.
-ee
Cl.
_JICtCWO "IRUlIJC.owM'
~~WUII._If"IP_fIIaIIlY
• __
,..ncl'Ull'
NDClM,I __
_
..-.mM
"--"-"'--'--
....
==.:::'::-"::':::':- =;..~.::=-..:.-:::..
==-"::'::::':'~="- =::.:.::::..-:.-=
WlU.UItO_

'"c::::o
.0111IMIUIIOOISfOOO
•••••
M __
_OITtI(1JUllIl.

OIATVIIlIWlU..IIo\IQfIIII.DnUIDI'TIUOf
__
I'IIOCUI
••• """ ==--===.::......- =--..::.::::"=~=.
:::::-::::==.:."'::=- ::::::::.===':"
Q.) _1XP'I.OI!!!tC It fOIl
",OWIII 50\1([.1"'.

"O MI'Oe\II_WlU.~TtOfl"'OWl'I
••••••nOfIoVIOJUMOII'I_rltt:.MU.,..
en
.8 fOOOltAlI""W:IWlNOIIUOI~51ICI.,.1
.,.,.TOIQIOOI...IWOUl.DL.au:YO"lNI_
c: ...,....~l'OOOII( •• IIOWOO_1IICI
Q.) NIl"IWOUI.DL.au:TOQO_~_"--

E
Q.)
::...-:::.:':n:.::.:io'::,..
II/fnl/lOl'TlOll
__ ".QAJUIIIlIHOClL
w
;;
o
...
>-
-'
Cliente: Vision On

Disposición Diseño: Spin


Sinopsis de la maqueta:

Los distintos elementos que formarán un diseño, Separación del tipo y la imagen.

sobre todo el texto y las imágenes, se pueden


tratar como componentes separados que deben
disponerse en la página marcando una clara
distinción entre ellos.
Estos elementos también se pueden combinar La fotografía de tipo reportaje capta

momentos íntimos que definen a

para crear una presentación compacta y armónica. personas o sucesos, a la vez reales

y llenos de humanidad.

Esto puede conseguirse de muchas maneras, tal


como muestran los ejemplos siguientes.
La combinación de imágenes y texto puede
utilizarse como método para controlar el ritmo de
la publicación. A menudo las publicaciones tienen
unos puntos de ruptura claros y naturales, como
son los capítulos, pero, mediante el diseño, se
puede cohesionar información que aparentement
no guarda ninguna relación.
The Stones 65-67 (derecha) _
Para este libro del fotógrafo británico Gered Mankowitz, diseñado por Spin, se ha utilizado una
cuadrícula de cuatro columnas e imágenes de tamaño extragrande que mantiene el estilo de
reportaje que tenían originalmente las imágenes. La atención se centra claramente en las
fotografías y, por ello, la tipografía queda en segundo plano y se presenta condensada. c:
-c
'C:
.¡¡
e
e
El texto y la imagen se tratan y disponen como elementos separados pero el enfoque global u
e
relaciona estos elementos formando un conjunto coherente. El capítulo inicial, de tipografía
libre, se ha impreso en bitono sobre papel offset y el cuerpo principal del libro se ha impreso
.•
'"e

en papel estucado.
p.1TV(izquierda) Cliente: George & Vera
Diseño: Form Design
Wr qNLy fll¡ty
~manual creado por Diseño: George & Vera
Sinopsis de la maqueta: Páginas
M~rtc CR0trE> 70 Form Design para el canal Sinopsis de la maqueta:
al estilo de un álbum de recortes,
<Wvro' 7/ff: /l6lh.At digital MlV muestra varios I
I
Cuadrícula basada en módulos,
energéticas, integradas, no o.ebez. textos e imágenes que se ¡b utilización de una serie de

unen para formar una sobreimpresiones en cyan,

imagen conjunta más magenta y amarillo.

grande. Las limitaciones


formales se eliminan
mediante el uso de una
tipografía caligráfica que
aporta un elemento
dinámico al diseño. La
energía de la MlV se refleja
mediante la maquetación
y la tipografía, y los
diseñadores han
conseguido evitar la
creación de un documento I I
corporativo, formal y LI
aburrido,

George & Vera (derecha)


Esta publicación
v;5;b;I;~y
autopromocional realizada
(1'i!-Z3Jd, r.Jv!,r)
por George & Vera tiene
una maquetación muy
- , /(,jJ 7V
estructurada que se
• - rh< "'-C-'<'t- b~yf a"Í;t.f fundamenta en una
é» ~ t(../.- ¡'.• n
t't..I;j,¡,fk
cuadrícula basada en
VV-.rlo{: --- ckW".f
módulos (abajo). Cada
~vr.,
<tN.
,-.0;.',(-..(: O:T
cM",""..,-U( rt.-.+ ~_H><A-<r
campo repite el mismo
""¡Y "" f1..., wwrtr fl"Y"J."Io- ;'"
gráfico (centro) que, a
~ clvb, -!u.t.,v Continuación, se
><. Jf dI- v1I~ t1,J'F',,,,-*<A-,,( "'"" <e
sobreimprime encima del
vV/-5,1:-.... "'-< 110A'! <-f ~
texto. La cuadrícula
- ("'f;<N>)"'L
-htrA"""¡>--f,'C
también se utiliza para
- t,'f colocar las acotaciones y el
- "/'rJ';s+'bl<
- t.-1oW texto del cuerpo en páginas
- 9'lon'ovs dobles en las q~e
Predomina la fotografía
(arriba).
Cliente: Bodas
Cadáver exquisito Diseño: Rase Design
Sinopsis de la maqueta: Las
El cadáver exquisito (cadavre exquis) es una páginas cortadas en forma de cruz
crean un "cadáver exquisito".

técnica surrealista que explora los resultados de la


intervención del azar en la producción de palabr
. ,
o imágenes.
El concepto tiene una base similar a la del
juego de las 'consecuencias' en el que varias
personas se turnan para escribir o dibujar algo e
un papel y, a continuación, lo doblan para ocul
lo que han hecho antes de pasarlo a la siguiente
persona, que repetirá el proceso.
Los diseñadores utilizan esta misma técnica
con la diferencia de que los elementos se
seleccionan deliberadamente o se crean para ser
compatibles, tal como muestra el ejemplo de la
página opuesta.

~ =Boo~a_s~~_e~~h~a)~~ __ ~~ ~~~~~ __ ~~~~ __ ~ _


.2 Bodas, un minorista de ropa interior, encargó a Rase Design la creación del catálogo de
;=; pedidos por correo que lanzaba la empresa y resultó ser una herramienta comercial muy
E
~ exitosa. Rase Design creó un catálogo en un único color con las páginas cortadas formando
'5 una cruz centrada, que creaba un "cadáver exquisito" para que los lectores pudieran
! interactuar con las modelos y ver distintas combinaciones de ropa.
Cliente: Merchant Cliente: Staverton

Diseño: NB: Studio Diseño: Form Design

Sinopsis de la maqueta: Sinopsis de la maqueta:

Combinaciones de "cadáver Imágenes de tamaños diferentes

exquisito". que se equilibran con titulos

centrados.

"Two Minds"
Merchant es una organización que colabora con estudios de
diseño en la creación de informes anuales, Junto con
NB: Studio hicieron algo un poco diferente para su propia
revista anual, que contiene consejos sobre diseño, informes
sobre las tendencias actuales y temas relacionados.

La revista está formada por dos libros de 44 páginas


encuadernados juntos con una cubierta exterior grabada en
seco, que se abre verticalmente para que, a continuación,
cada libro se pueda abrir horizontalmente.
.• A S
La página de separación muestra combinaciones de
"cadáver exquisito" ordenadas y, lo que es más interesante, Landscape
desordenadas, Este folleto para la empresa de muebles Staverton realizado por Form Design presenta un cierto
c::
'o
"(3
número de imágenes cortadas, algunas de las cuales ocupan la doble página para transmitir una
e;
.;: sensación de mayor espacio, Esto se refleja en la imagen del paisaje que se utiliza en la cubierta,
c-,
ee
E
o Algunas de las dobles páginas contienen una serie de imágenes consecutivas que muestran
u...

'S
o
la utilización de los muebles, Los títulos están centrados tanto horizontal como verticalmente,
>-
....J
'" lo cual aumenta el equilibrio y la importancia del mensaje de la marca,
clief1te:Gagosian Gallery
Territories
Escala p¡sei\O:North Este folleto es una creación
del estudio de diseño North
5if1OPSis de la maqueta: Uso de
para acompañar una
Escala, dentro de la terminología de diseño, hace la escala para mostrar de modo
exposición de Jenny Saville
deblllado y completo las imágenes.
en la Gagosian Gallery de
referencia al tamaño de las imágenes y el texto. Nueva York. La utilización
de la escala es una
Este libro pretende mostrar lo grandes o pequeño característica clave en la
obra de Saville y se empleó
que pueden ser estos elementos en la página y en el folleto para reproducir
detalles vívidos de sus
la selección de la escala influye en el peso con el pinturas.
que percibimos una imagen. Un detalle de Fulcrum
(arriba) al 100%, con una
Una imagen a gran escala domina la página reproducción de la obra
completa, con u
y es el centro de atención, sin embargo un gráfico desplegable incluido
entro).
demasiado grande puede resultar agobiante.
Asimismo, a una escala más reducida, la
información que contiene la imagen podría no
percibirse o pasarse por alto.

Este uso de la escala


permite ver con claridad el
detalle de las imágenes Y
aporta credibilidad al
catálogo como registro
de la obra.
Indexación Cliente: Westzone Publishing
Diseño: Rose Design

Muchos tipos de publicaciones necesitan añadir Sinopsis de la maqueta: Detalles

del autor en la banda frontal,

información adjunta ya sea en forma de una utilizando una flecha como sistema

página de sumario, un índice onomástico, un


glosario de términos o una lista de direcciones
de contactos.
La presentación de esta variedad de tipos y
volumen de información puede resultar bastante
estimulante desde el punto de vista del diseño.
Como muestran los ejemplos siguientes, la parte
del índice se puede incorporar al diseño de
distintas formas sin quitar atractivo al cuerpo
principal de la obra.

Westzone - New Angles on Lite (derecha) _


§ La maqueta de este catálogo para Westzone Publishing realizada por Rase Design presenta
~ los títulos de las publicaciones y los nombres de los autores impresos en las solapas de la
C" cubierta y la contracubierta. Un cuerpo plateado contiene información específica de cada
libro. En cada página, una flecha señala el autor en el cuerpo plateado y lo enlaza con la
imagen icónica reproducida en el catálogo.

Para potenciar la marca en todas partes, las imágenes que aparecen en el catálogo contienen
la palabra "Westzone". En la bandera aparece como una impresión serigráfica, debajo del
sombrero la encontramos como una nota a pie de página, en la imagen de la muñeca es el
destello del ojo y, en el kit de modelos, aparece como una marca industrial.
Cliente: Vision On Conservar la esencia
Diseño: SEA Design Rankin es uno de los mejores
Sinopsis de la maqueta: fotógrafos de moda

Fotografia que se coloca en el contemporáneos con un estilo


pliegue interior de la cubierta y que puede ser rudo, austero y

contracubierta. desafiante. El estudio SEA Design

conservó este estilo combinando

la situación de la imagen con el

uso provocador del margen


central en esta reproducción

espléndida y atrevida.

Imágenes no palabras

Con imágenes que hablan por sí

mismas, la tipografía se minimiza

y se trata como un elemento


secundario como muestra la

página del título.

índice reducido
SEA creó un índice con las
imágenes reducidas y monotono

para los datos de los modelos,

a fin de dejar las dobles páginas


c:: libres de cualquier intervención
'0
'zs
¡g tipográfica, permitiendo de este
'"
:::l
c- modo que el lector se centre
'"
E
únicamente en las imágenes. La
~
-{g Desnudos de Rankin tipografía del índice es sutil y
V>
§ SEA Design realizóeste librode desnudos de kin, fotógrafo lo din se especializado en pasiva para dar predominio a las

:~ moda, para la editorial Vision On. Con frecuencia las imágenes de la cubierta se doblan por el fotografías reducidas.

~ lomo, pero esta fotografía de la modelo Kate Moss se dobla por el refilado. En este caso, la
~ situación de la fotografía proporciona una doble toma puesto que su ojo aparece a la vuelta de
~ la parte interior de la contracubierta.
Con estructura I sin estructura Cliente: NEROC'VGM
Diseño: KesselsKramer
La maquetación consiste en la estructuración de Sinopsis de la maqueta:

Estructura simple con imágenes


los elementos de una página a fin de lograr que enmarcadas.

comuniquen eficazmente al lector. La ausencia de


una estructura también se puede utilizar con
buenos resultados para transmitir ciertas
características en un diseño, aunque la ausencia
en sí también sea un tipo de estructura.
Desde el punto de vista visual, los diseños sin
estructura pueden considerarse entre los más
creativos y, por definición, son más difíciles de
controlar para conseguir los resultados deseados.
Cuando se rompen los principios
-7:At-;;:-
fundamentales de la maquetación para crear un -~ -' •. !.....:-,.:::-
-;;_ •.:...-.:!:':'..-~•._...:.~

trabajo sin estructura, un diseñador debe tener en


cuenta si el público al que se dirige será capaz de - .,_.~
""-:':',!*"_-::.-_..r.

identificar la información que contiene y acceder


a la misma.
A Meeting in the Supermarket
A Meeting in the Supermarket, de Cynthia Hathaway, es un libro producido por la empresa
holandesa de comunicaciones de marketing NEROC'VGM, que recoge narraciones cortas o
'cuentos' creados por trece diseñadores bajo el tema común de un supermercado. Elementos
como aparcamientos, facturas, cajas, estanterías, etc. son el punto de partida para estas
interpretaciones imaginativas.

KesselsKramer utilizó una estructura bastante simple con el fin de presentar estas obras
diferentes, y a veces sin estructura, en formato de libro. El enmarcado con paspartú y la
mínima intervención de diseño permiten que las obras hablen por sí solas.
Cliente: Hawkins \ Brown & \also Cliente: Beltina van Kameke

Diseño: SEA Design Este libro, creado por S- - Diseño: Browns

Sinopsis de la maqueta: Design para los arquitectos Sinopsis de la maqueta:

Estructura básica para unir londinenses Hawkins \ Utilización de un póster para la

elementos. Brown, explora la cubierta, presentación de las

creatividad, la diversidad fotografías enmarcadas, pies de

y la tenacidad de la imagen verticales.

arquitectura
contemporánea. :.{,. ~-"..
... - .. ~
-
_' ~.¡,t

La publicación utiliza una


estructura básica para unir
imágenes, que detallan
objetos cotidianos, plantean
preguntas y proporcionan
instrucciones que incitan
al lector a pensar.

Cirkus Humberto
(derecha)
Este libro, diseñado por
Browns y que presenta
fotografías de Bettina von
Kameke, proporciona
información sobre el
personal del Cirkus
Humberto. El circo facilitó
los pósters para la
publicación, que se
doblaron y utilizaron para
crear una cubierta vibrante,
esmerada y única. Puesto
que el póster se dobla por
el centro de la cara del
payaso, la cubierta
delantera muestra un
guiño mientras que la
contracubierta muestra un
ojo sonriente. Un simple
paspartú contiene las
imágenes y los pies de
imagen están orientados
verticalmente, en una fuente
de palo seco.
Paspartú Cliente: Phaidon Press
Diseño: Gavin Ambrose
Del francés passe-partout, tradicionalmente esta Sinopsis de la maqueta:

Imágenes en plano corto dentro de


palabra hace referencia a la pieza de cartón que s un marco estándar, simple.
'------
coloca entre una fotografía o un cuadro y el cristal
cuando se enmarca una imagen. El término
también se puede aplicar a los márgenes o espaoí
en blanco que rodea el borde exterior de un
elemento de una página o diseño. . ,.. . .•.

~ ~ -,,~:~t"
)

Un margen ayuda a definir el espacio en


una página y las relaciones entre los distintos
elementos de ésta, y en su interior un diseño se
puede disponer con comodidad. Este apartado
explora algunos de los modos en que se puede
utilizar el paspartú para ayudar a estructurar la
maqueta de una página.
A Way into India . .
Las dobles páginas de arriba se han extraído del libro A Way into India, de Haqhubir Sinqh,
y son un diseño de Gavin Ambrose para Phaidon Press. Todas las imágenes se mue~~ran en
plano corto y la maqueta se ha basado rigurosamente en la paginación que estableció ,
Raghubir Singh cuando reunió y ordenó las imágenes en un álbum. Se utiliza un paspartu .
uniforme en todo el libro como parte de una intervención mínima y deliberada de diseño, a fin
de crear una maqueta simple y nítida que permite que las fotografías hablen por sí solas.

Cada imagen presenta un Ambassador, un coche muy común en la India. El coche form~
parte del tema central o es el medio a través del cual se ha fotografiado el tema. A otro nlve~,.
las partes abstractas del coche, la ventana a través de la cual se ha fotografiado algo, ta~blen
. .
sirven de marco. Las paginas .
en blanco proporcionan .
una pausa visua I pue sto que no eXisten
ni capítulos ni páginas de separación.
Cliente: Evisu

Diseño: George & Vera

Sinopsis de la maqueta: Marco


blanco simple en cada página.

"Intellectual property"
Se trata de un catálogo para una exposición sobre la propiedad intelectual que presenta
imágenes del artista Larry Dunstan y que George & Vera diseñó para Evisu. Se utiliza un
paspartú simple en cada página para proporcionar una presentación uniforme e igual a cada
imagen. La serie de impresiones en un único color se enmarca con el espacio que las rodea.
Este tipo de marco directo establece una yuxtaposición de imágenes de una forma aséptica
y sin emotividad.
Cliente: Corbis
Cliente: Becks Futures
Diseño: Segura Inc.
Diseño: Research Studios
Sinopsis de la maqueta:
Sinopsis de la maqueta: El póster
Imágenes de archivo
actúa como marco para el
yuxtapuestas insertadas
documento de texto grapado.
en un paspartú.
Yuxtaposición Cliente: Royal Academy 01Arts
Diseño: Why Not Associates
La yuxtaposición es la disposición deliberada de Sinopsis de la maqueta:

Yuxtaposición de dos imágenes

imágenes que contrastan, una junto a otra. para sugerir sensación.

La palabra está formada por el término latino


juxta, que significa cerca, y el término ''posición''.
En diseño gráfico y maquetación de págin
la yuxtaposición se puede utilizar para presentar
juntas dos o más ideas, con la intención de sugerir
una relación entre ellas, como vemos en el ejempl
de la página siguiente. En este caso, la relación
hace referencia a la forma de los dos objetos y a la
., . .,
sensación que evoca su posioion.

La yuxtaposición puede implicar semejanza o diferencia, puede mostrar que dos cosas son
esencialmente iguales o completamente diferentes. Posiblemente esto sólo quede claro en
el contexto de la obra en su totalidad. Muchos diseñadores utilizan la yuxtaposición en su
trabajo con la intención implícita de que los lectores encuentren por sí mismos la conexión.

,5 "Sensation" (derecha)
.~ Este póster para la exposición "Sensation" en la Royal Academy of Arts en Londres es un
g diseño de Why Not Associates y es una yuxtaposición simple de dos imágenes que
.; normalmente no tienen ninguna relación. La lengua y la plancha tienen una forma similar,
~ pero hay más cosas en juego. Parece como si la lengua estuviera tocando la plancha,
~o lo cual sugiere una sensación de dolor a causa del calor (en caso de que la plancha
.~ estuviera encendida) y, en consecuencia, la idea que la imagen sugiere por asociación
.~
~ podría hacernos sentir incómodos. Sensation representaba numerosas obras de arte
~ contemporáneo de carácter polémico y, por tanto, el póster sugiere la naturaleza extrema
~ de algunas obras expuestas.
Cliente: Zanders Papers
Diseño: Roundel
Sinopsis de la maqueta:

Yuxtaposición de imágenes y de
acabados de papel.

Zanders Papers
Este folleto para Zanders Papers
diseñado por Roundel presenta
fotografías de Trevor Ray Hart. El folleto
yuxtapone imágenes de los cuatro
elementos, tierra, agua, fuego y aire,
FIRE con cuatro acabados de papel: lino,
fibra, marteleado y vitela.

La colisión resultante entre imágenes


aparentemente sin relación es a la vez
surrealista y atractiva. La utilización
simple de una tipografía llamativa
dificulta todavía más su comprensión.
Sólo tras un examen más atento ros
damos cuenta de que "HAMMER"
(martillo, en inglés) hace referencia al
acabado del papel (marteleado) Y no
a la imagen.
Cliente: Ben-
Ben~ (izquierda) Cliente: Origin Communications
Diseño: KesselsKramer
Libro de "Bens" (personas Diseño: Studio Myerscough
Sinopsis de la maqueta:
llamadas Ben) producido Sinopsis de la maqueta:
Yuxtaposición de retratos
para la compañía holandesa Yuxtaposiciones creadas con
fotográficos y entornos.
de telefonía móvil Ben® pósters en hojas sueltas plegados.

y diseñado por
KesselsKramer.

Todos los "Bens" que


aparecen son de Salt Lake
City, EE.UU. Los retratos
fotográficos se yuxtaponen,
en una doble página, a una
imagen de sus entornos.
Esto produce una impresión
muy inconexa y surrealista,
pero interesante.

Maidstone Alternative
Urban Living (derecha)
Folleto promocional de la
ciudad de Maidstone,
Inglaterra, diseñado por el
Estudio Myerscough para
exponer las ventajas de
comprar una propiedad en
la ciudad. Está impreso
como una serie de pósters
en hojas sueltas plegados
que producen algunos
choques de imágenes e
interesantes. Podemos ver
una mujer leyendo
j

I
yuxtapuesta a una bota
glamurosa para sugerir el
concepto de socialización, y
gente comiendo al aire libre
junto a elementos históricos
que insinúan la combinación
de tradición y valores
modernos.
~ •• " •••• III••• Cliente: Derwent Valley
.: Diseño: Studio Myerscough

Sinopsis de la maqueta: Maqueta


espaciosa para reflejar el

contenido, situación aleatoria del


contenido.

Tea Building
Shoreditch El
Cliente: G F Smith

Trabajar sin cuadrícula Diseño: George & Vera


Sinopsis de la maqueta:

Una cuadrícula proporciona la estructura y los Diversidad en la maquetación,

cuadrícula inclinada, una única

límites dentro de los cuales se dispone un diseño. columna, paspartú.

A veces el uso de una cuadrícula no es lo más


apropiado, quizá debido a la naturaleza del
material que se va a presentar o al efecto visual
que el diseñador desea producir.
Prescindir de una cuadrícula permite trabaj
con mayor libertad y creatividad pero, de todos
modos, el diseñador debe ejercer cierto control a ñ

de evitar un resultado un tanto disfuncional.


Aunque el diseñador trabaje sin una Rude Krue/Summer Spring/Summer 2004
KruelSummer es una colaboración entre
cuadrícula, se puede guiar por un principio o George & Vera, el fabricante de papeles G F
Smith y Rude. Presenta obras de artistas,
criterio implícito en el trabajo cuando deba tomar fotógrafos y diseñadores conocidos y
emergentes, y recoge una serie de tipos de
decisiones. De este modo se sigue proporcionando papel innovadores producidos por G F Smith.

una estructura, pero sin estar dictada por una La publicación presenta una serie variada de
maquetas, estilos de letra y otros elementos
cuadrícula. de diseño para conseguir un resultado
ecléctico. Por ejemplo, se incluyen maquetas
inclinadas y columnas de un único tipo de
letra que se escapan de la página.
Cliente: DTI, Trade Partners UK,
/lfJ1iS' ARTMt D'*lTIU,.
UK: State of Play Cliente: Zembla
British Council YlTFtSII ~DtIlS (izquierda) Diseño: Frost Design
Diseño: Studio Myerscough ~ _cJ< ~
,~l.II"H,."s
t.IE """"'S
&vrEC-IIN'rX
El pabellón UK: State of Play Sinopsis de la maqueta: Ausencia
Sinopsis de la maqueta: Texto './oIúIIIIrr,1INIIITERN/In.,."., ". •• dentro de la feria del de cuadricula para proporcionar
que se expande con libertad, VN",6Nr U_M/) C"""IS
1:1 ClliltF'JTf> f!NTa.TItIN""~
entretenimiento interactivo diversidad, variación en el ritmo y
sobreimpresiones. /S ~8Uc.Hw ttt"""/MI SoFrIlrME E3 promociona las mejores manejar un contenido variado.
. -o6fU Tt~ '-'110" 10111("~ compañías de juegos de
. mES' ARTb D'*'TIU,.
,, __ ""' _.• ' •• _ • --_~ •••v.

!A8éL Mr:OIA &'ID lIfVfwPIM6#Ir WE _cJ< ~ t.IE ~


~TFlSII ~()IIIS ."= ordenador del Reino Unido.
Este folleto del pabellón
B'" MutTl-"EI>III QUT2 (;/IM6J ·r,€l.II/>/ME,."s &vrEC.IIN'r.
Ctlr:s/c'( W,R.eLéJ"$ I>ISTtJoI'TIVf~/1IN llITUtNIm_, diseñado por Myerscough
EVe4.UT,oH $TIM'S6MlEN4J4It.IT IIN""Nr U_M/) c""" utiliza texto e imágenes que
r_ JU.sr Ft.I"HT IW71J ~J/f'e ClliltF'JTA ENtaTItlIi""eA
ocupan dobles páginas y un
""¡¡!la ""RT"I&.f M'(R'VAwe
NIM~
NI ~UltIN
PbO'''TIO#IS o,/. i'/t.1>1IGf tUrlu Tt~
SCI &llM¡s SOPrWRJlP ~ 1UII/III
ItEIIIUIf/WI 11'
,-""" •• s=.- .• ils,
tipo negro que se imprime
sobre un fondo amarillo
para crear una sensación
Tbe UK loves to make gamas. Altho
dinámica, juvenil y no
t.h1rd l&rgest developer of gamas in
estructurada que concuerda
I ~U~~r~~k~~~~~~~
! cr dellvertng' blockbusters: Tomb con la energía de la industria MOLLOV
e ~~~~~~d=Y;Íack de los vídeojuegos.
e DIES
;1 Revista "Zembla"
r
~ (derecha)
5
"Zembla" es una revista
I
l literaria internacional. Frost
e Design creó a propósito una
e
E maqueta sin cuadrícula para
J
TIle UK leves buytng games. Its retalI
I oonst1tutes OV8r 89b of t.b.e globa¡
este número. La ausencia
s• over ~l billlon per year - acroea all
(01' exampJe, ha.ve been sold. In tb.e
ts !.be thlrd largest ln !.be world and
t.he UK gamos lndustry generales
. Ovar lour míllíon Sony p~ 28.
de cuadrícula ofrece una
gran diversidad de opciones
en cuanto a la fluidez y ritmo
de la publicación y permite
a los diseñadores el uso
The UK may not be the b est country in the
world, but it punehes ab e its weight in the de recursos gráficos
games industry. All aspe of the games industry

..
específicos para cada
thrive in the UK:the eo ry boasts leading
página doble. Esto resulta

.•. ""
games developers, publis rs, distributors,
retailers and back-end te ology m.a.nufacturers. especialmente práctico
dado el carácter diverso y
variable del contenido.

h _ Sony, 1Ilcroeoft.. EIectronlc


and Ub1 SoR al! own development
h deveIoper Rare Software to
""" Ule b1j!IIII8tstngIe _on
Glosario Tamaños de papel de la serie A
4AO 1.680 x 2.376 mm
El tema de la maquetación incluye muchos 2A0 1.189 x 1.681 mm
AO 841 x 1.189 mm
términos técnicos que pueden resultar confusos y A1 594 x 841 mm
A2 420 x 594 mm
complejos. Este glosario define algunos de los e K3 297 x 420 mm
A4 210 x 297 mm
se utilizan con más frecuencia, a fin de facilitar AS 148x210mm
A6 105 x 148 mm
una mejor comprensión y apreciación del tema, A7 74x 105 mm
A8 52,5 x 74 mm
aunque no pretende ser exhaustivo. A9 37 x 52,5 mm
A10 26,25 x 37 mm
La comprensión de los términos usados en
maquetación puede fomentar la articulación de
ideas creativas entre los diseñadores, los clientes
que realizan el encargo, los impresores y demás
N (Deutsche IncIusbie Nonn) .
profesionales que también participan en la doctor alemán Wa/ter Porstmann estableció los fonnatos de papel de las senes A, B Y e
,que se adoptaron como estándar alemán en 1922. El estándar DIN (Deutsche Ind~st~e Norm)
producción del diseño. El conocimiento y uso de posteriormente pasó a ser un estándar ISO (Intemational Organization for Standanzatlon) y el
formato de los documentos oficiales de las Naciones Unidas en 1975.
términos industriales estándar minimiza el riesgo
de malentendidos que podrían complicar o incluso
echar a perder un trabajo. Acabado de impresión AlIneación cruzada Altura de la x
Jerarquía tipográfica en la que los Altura de letras en caja baja como la
Procesos de producción aplicados
distintos niveles comparten una 'x' sin astas ascendentes ni
para completar una obra impresa que
relación común y se pueden alinear en descendentes.
incluyen el plegado, la
encuadernación y el refilado. la misma cuadrícula. Amplitud
AlIneación horizontal Anchura en picas o cfceros de una
Acotaciones
Alineación horizontal del texto en el página o columna de texto.
Texto que aparece impreso en un
campo. ApropiacIón
margen de la página.
AJineación vertical Adopción de un estilo, normalmente
ABneaci6n
Alineeci6n vertical del texto en el utilizado en otra situación, como
Disposición del texto dentro de un
característfca básica de un disei\O·
bloque en tos planos vertical y campo.
horizontal
- - - -
Centrado esquemático, no pensado de los bloques. Decorativo, poco práctico y poco Constructivo, con significado y económico (= bonito)
económico (= feo)
Por el contrario, cuando las imágenes se disponen considerando las directrices de
Los esquemas de ésta página y la página opuesta pertenecen al libro 7ñe New Typography de maquetación, el equilibrio global es más dinámico y agradable.
Jan Tschichold, tipógrafo y diseñador holandés pionero en el tema. Tschichold considera que
el hecho de situar imágenes de modo que interfieran con un bloque de texto desperdicia el
espacio y va en detrimento la estética global.

Cabecera Caja de composición, Colage Color directo o especial Cosido a caballete Cuadricula
Texto repetido que aparece en cada dImensionM de la Composición artIstica creada con TInta directa que se fonnula Método de encuadernación utilizado Guía o plantilla para proporcionar
pégina de un trabajo o capítulo. Las dimensiones de la caja de materiales variados que se articulan específicamente para la impresión; para folletos. programas o catálogos coherencia a un diseño.
tanbién llamado encabezado. composición determinan la cantidad en tomo a un tema específico o que este color no se consigue por pequeños. Las signaturas se encajan CuadricuIa asimétrica
CedMr exquisito de espacio que se ocupará en un unen temas diferentes. cuatricromia y se aplican grapas en los extremos Cuadrícula que es igual en las páginas
Técnica SUrreallsta que explota los diseño o una doble página. Un Color de relleno Columna del lomo, a lo largo del pliegue central. par e impar y suele indicar una
rasultados de la intervención del azar diseño con qa;as de composición Término que hace referencia al relleno Atea o campo en la que discurre el Al abrirlos. los libros cosidos a propensión hacia un lado de la página
en la yuxIaposjcj6n de imágenes o proportionaImene grandes contendrá de color de un elemento. texto. caballete quedan fácilmente planos. (por lo general el izquierdo).
textos.
abundantes elementos de texto e
imagen. Un diseño con cajas de
composición proporcionalmente
pequelías presentará muchos
espacios sin ocupar dentro de
una página.
Cuadriculas simétricas Cuadriculas asimétricas
Estas dos páginas tienen cuadrículas simétricas puesto que una es el espejo de la otra. El Estas páginas utilizan una cuadrícula asimétrica puesto que la cuadrícula de una página se ha
margen de corte es igual en cada página. copiado de modo exacto en la otra página. El margen izquierdo es igual en ambas páginas.

CuadrfcuIa base Encajar (en una cuadrícula) Encuadernación Encuadernación en acordeón Espacios vacíos Folio
Estructura base sobre la que se Disponer el texto en la cuadrícula base Cubierta en forma de acordeón que se Cuando no hay suficiente material Tipo de casado regular. Una hoJ8de
Cualquiera de los distintos procesos
construye un diseño gráfico. para que ésta determine el espacio utiliza para unir dos publicaciones para rellenar un determinado campo papel plegada por la mitad es un
utilizados para mantener juntas las
Cuadricula basada en módulos entre las líneas de texto. separadas. o espacio. folio y cada cara de un folio es una
páginas o capitulos de una
Cuadrícula formada por una matriz de Encartar Espaciado entre letras o interletraje Estructura página. Cada hoja de papel tiene
publicación para formar un libro,
módulos o campos, normalmente Fijar una página insertada en un libro una revista, un folleto u otro tipo de Distancia entre las letras de una Esqueleto en el cual se colocan los cuatro páginas.
cuadrados. o revista, encolándola a lo largo del formato utilizando grapas, una espiral, palabra elementos de una página. Fonnato
Cuadricula simétrica Espaciado entre palabras Extensión La forma y el tamaño de un libro
margen de encuadernación del mismo cola u otros medios.
Cuadrfcula en la que las páginas par modo que se encarta una lámina de Distancia entre palabras. Número de páginas de un libro. o una página.
e impar son una imagen espejo color.
entre ellas.
6pt = 5.607 puntos de cfcero

7pt = 6.542 puntos de cícero


8pt = 7,476 puntos de cicero
9pt = 8,411 puntos de cícero
10pt = 9,346 puntos de cícero
12pt = 11,215 puntos de cícero
14pt = 13,084 puntos de cícero
16pt = 14,953 puntos de cícero
20pt = 18,692 puntos de cícero
24pt = 22,430 puntos de cícero
28pt = 26,168 puntos de cícero

Tamaños de puntos (británicos y americanos) Uneas colgantes O salientes


La medida británica y americana del cuerpo del tipo se basa en un punto métrico que equivale . Estas líneas constituyen puntos de anclaje para situar imágenes y bloques de texto.
a V72 de una pulgada (0,35 mm). Las dimensiones tipográficas de la página se indican en
puntos y, a su yez, los puntos se utilizan para especificar el cuerpo del texto. Una pica
(Reino Unido y EEUU) contiene 12 puntos y equivale a 4,22 mm. El sistema europeo Didot es
algo diferente, pero utiliza valores similares: 12 Didot = 1 cícero = 4,56 mm.

Huérfana 1ndexac16n Justificado Uneas colgantes o salientes Maqueta ficticia Margen de cabeza
Unea aislada al principio de un párrafo Información que se proporciona en Uneas horizontales que constituyen Maqueta provisional que muestra las El espacio de la parte superior de la
Texto que ocupa toda la amplitud y
o una columna de texto. forma de una lista. como una página los puntos de anclaje para la posiciones de las ilustraciones y del página; también llamado margen
está alineado con los márgenes
Imagen de sumario, un índice. un glosario izquierdo y derecho. colocación de imágenes y bloques de texto tal como aparecerán en la superior.
Fotografía. esquema o componente o una lista de contactos. texto. reproducción final. Margen de lomo o interior
Uneabase
visual similar. Jerarqula Maqueta Margen Espacio formado por la delantera de
Unea imaginaria sobre la que se
Imposición Presentación del texto y las imágenes Espacios que rodean un bloque de una página, paralelo al lomo y al cort
Guía visual, organizada y lógica para asienta la base de todas las letras en
Disposición de las páginas en la los encabezamientos de texto que según un plan para mostrar tal como texto por los lados y las partes Por extensión, el canal central dond
caja atta y la mayoría de las letras en
secuencia y posición en la que indican niveles diferentes de aparecerán en la página impresa superior e inferior de una página. se unen dos páginas en el lomo Y el
caja baja
aparecerán cuando se impriman antes importancia. espacio entre columnas de texto.
de cortarías, plegarias y refilartas.
Yuxtaposición Paspartú
Técnica de disposición de las imágenes en la que dos o más de ellas, relacionadas o que Paspartú hace referencia a la disposición de una imagen en la que se utiliza como marco el
contrastan, se sitúan una aliado de la otra, por ejemplo, un círculo y un cuadrado. espacio en blanco de los márgenes de página que la rodean.

Medidas lntamac:ionaIes da papel Números da Fibonacci Página Plan de impresión Pliegue en acordeón
Paspar1ú o marginar
(ISO) Serie de números desanoIlada por Espacio en el que se presentan las Marco o margen que rodea una Páginas de una publicación, tal como Dos o más pliegues paralelos dirigid
Gama de medidas estándar de papel Fibonacci en la que cada número es la imágenes y el texto. imagen u otro elemento. describe el plan de imposición, que en direcciones opuestas y que se
basadas en el sistema métrico. suma de los dos anteriores. Son Página impar Pies de ilustración recibirán un color o barniz especial o abren como un acordeón.
Mueetrario importantes debido a su relación con que deben imprimirse en un tipo de Sangre, a
Página derecha de un libro abierto. Texto que describe o hace referencia a
übro sujeto mediante un remache de la proporción 8:13, es decir, la sección Página par los elementos gráficos. papel diferente. Contenido impreso que se extiende
muestras de colores u otros áurea. Página izquierda de un libro abierto. Plan de imposición Pliegue da puerta más allá de las líneas de corte de un
materiales. Orientación Paginación Página en la que los bordes izquierdo página.
Serie de esquemas de todas las
Plano o dirección en que se disponen Ordenación y numeración de las páginas de una publIcación que y derecho se pliegan hacia dentro
el texto y las imágenes. páginas de una publicación. muestran cómo se ha dispuesto. fonnando dobleces paralelos que se
juntan en la mitad de la página sin
s solaparse.
j
CD

J
Módulos o campos Posibilidades
Módulo o campo hace referencia a una serie de bloques que se utilizan para construir una Una cuadrícula basada en módulos proporciona numerosas posibilidades para colocar una
cuadrícula dentro de la que se crea un diseño. La imagen de arriba muestra una cuadrícula imagen. Sólo fijando una imagen en el ángulo inferior izquierdo de la cuadrícula existen quince
formada por quince módulos. posiciones diferentes para la imagen.

Hay cientos de diferentes posibilidades de colocación en esta cuadrícula. Se pueden clasificar


partiendo del uso de un módulo hasta incorporarlos todos.

Sección éurea Tamaños de papel de la serie A Tamaños de papel de la serie B Texto base Texto ficticio Yuxtaposicióñ
División en la relación 8:13 que Tamaños de papel estándar ISO Tamaños de papel estándar ISO Material impreso que forma la parte Palabras latinas sin sentido en una Presentación conjunta de imágenes
produce proporciones armoniosas. basados en el sistema métrico y en la basados en el sistema métrico y en la principal de texto de un trabajo. maqueta para obtener una que contrastan.
Soporte proporción de la ralz cuadrada de 2. proporción de la raíz cuadrada de 2. Tipo de papel representación del aspecto que tendrá
Material o superficie sobre la que se La hoja AO (841 x 1189 mm) es un Los tamaños B son tamaños Papel sobre el que se imprime. el libro.
imprime. metro cuadrado. a partir de aquí cada intermedios de los tamaños de la Tipo destacado Uso de guiones
Sugerir tamaño (Al. A2. A3. M. ate.) difiere saneA. Tipo de gran tamallo y/o distintivo Adición de un guión para dividir una
Evocar ideas mediante la presentación del siguiente en un factor de 2 o '12. cuya finalidad es atraer la mirada. palabra en un bloque de texto
de la información en un diseño. justificado.
El receptor debe descodificar la
.g información para llegar a la
~ interpretación adecuada.
(!)

I
i
Conclusión CIIentB: AlGA
DIseI'Io: Sagmeister lne.
Este libro proporciona un resumen de los conceptos fundamentales de la SInopaIs de la maqueta:
maquetación que los diseñadores utilizan diariamente. En este resumen Columnas de texto "en bruto"
se ha incluido el uso de distintos tipos de cuadriculas, columnas y colocadas de forma
módulos para proporcionar una estructura que permita disponer los
elementos en una página. Distintas especificaciones de trabajo pueden
crear distintas necesidades en el diseño de la maqueta según los
fonnatos y las técnicas de acabado que se utilicen. Los diseños
transmiten emociones al material que presentan mediante el uso del
espacio, la yuxtaposición de elementos y otras técnicas que los
ejemplos recopilados en este volumen ilustran. Una comprensión a
fondo de estos conceptos, junto con un conocimiento sobre tipografía,
fonnato, color e imagen, proporciona al diseñador unas herramientas
muy útiles para manifestar una enorme creatividad.

El diseño es una actividad comercial y estos principios básicos facilitan el uso


eficaz del tiempo empleado en el diseño a la vez que ayudan a mantener IQs
precios dentro del presupuesto. La inspiración es el corazón de la actividad
creativa y esperamos que los proyectos comerciales de los estudios de
diseño contemporáneos más destacados que ilustran este libro hayan servido
de inspiración para el lector. Es nuestro deseo agradecer especialmente a Fresh Dialogue
todas las personas que han contribuido para hacer que Layout tenga un Stefan Sagmeister diseñó este póster para un congreso en el American Institue of Graphic
carácter tan visual. Arts (AlGA). La tipografía caligráfica, un sello del trabajo de Stefan Sagmeister, se combina con
la disposición aparentemente aleatoria de los bloques de texto e imágenes. Sin embargo, se
puede apreciar el uso de principios de maquetación puesto que el texto está organizado en
columnas toscas que dan soporte a las imágenes.

Las lenguas del diseño representan la discusión que se supone que el congreso debería
fomentar entre los delegados, aunque estas bellezas en movimiento no hablan con mucho
sentido para la mayoría, ya que el fotógrafo Tom Schiertitz utilizó lenguas de vaca para la
imagen.