CAPITULO 2: Diseo de Pginas

Dentro del Diseo Editorial se deben tomar en cuenta los Fundamentos del Diseo y claro el diseo de pginas que comprende el diseo de toda rea bidimensional que contenga informacin, esta puede ser informacin lingstica, icnica y cromtica.

El Diseo Editorial parten de un principio que es el de organizar elementos grficos a travs de estructuras lgicas dentro de una misma rea, los pasos que debe tener un proceso de diseo de una pgina son:

 Determinar el soporte sobre el cual va a disear. Realizar la retcula de dicho soporte. Establecer los elementos compositivos que se colocarn en la pgina. Escoger el tipo de pgina adecuada para el tema, consumidor y objetivos del proyecto grfico.

2.1. Soporte:
La forma y el tamao del diseo es lo primero que se debe considerar, siendo indispensable determinar la longitud y amplitud, estos dos elementos pueden depender de varios factores, los ms importantes son: El tamao y la forma del papel, con la flexibilidad de la imprenta. Los fines por los cuales fue creado el proyecto. Considerar las posibilidades econmicas. Optimizar el material en el cual va a ser impreso. La esttica del diseo. Pensar siempre que el formato y el mensaje forman un todo, por lo tanto deben guardar una armona intencionada. La forma que se va a emplear ya sea horizontal o vertical dependiendo de lo que se quiera transmitir, como: serio, juvenil, etc.

2.1.1. El formato:
Es la forma y el tamao que puede tener un impreso, se puede clasificar en dos tipos: 1.- Formato libre: Este tipo de formatos no se rige a estndares sino a formas y medidas personalizadas, estas dependen de: la funcin del impreso, ahorro de material, originalidad, etc. Se llama libre por no tener dimensiones preestablecidas, pero estas tambin deben realizar un anlisis de proporcionalidad. Ejemplo: La seccin urea o la seccin de oro.

2.- Formato Estandarizado: Es aquel que responde a normativas internacionales, el sistema ms utilizado se basa en tres series de tamaos, indicados con las letras A, B y C.

 La serie A sirve para productos terminados: cartas, folletos; la serie C para contener los productos terminados de la serie A: sobres, bolsas, cubiertas; la serie B, para contener los productos de la serie C: cajas principalmente.

a.- Los lados de la hoja estn en proporcin 1:2 (1:1,414), es decir, si el lado menor mide 1, el lado mayor medir 1,414, o sea, es igual a la diagonal del cuadrado construido con el lado menor. Por esto, tambin se puede decir que el rectngulo tiene sus lados en la misma proporcin que hay entre el lado del cuadrado y su diagonal. b.- El tamao base denominado A0, es un rectngulo con la superficie de 1 m2 ( 84,1 x 118,9 = 9999,49 cm2)

c.- En el formato BO el lado menor mide 100 cm ( 1000 x 1414 mm ) y mientras que el formato C0 corresponde a la media geomtrica de las series A y B. d.- Los tamaos sucesivos de cada serie se obtienen dividiendo por la mitad, paralelamente el lado menor, el tamao inmediatamente mayor de la misma serie. As el A1 es la mitad del A0; el A2 la cuarta parte; el A3 la octava y al A4 la dieciseisava, etc.

Todos los tamaos obtenidos tendrn siempre los lados en la misma proporcin. En efecto, el rectngulo 2 es el nico que permite obtener siempre tamaos en las mismas proporciones, dividiendo por dos el lado mayor paralelamente al lado menor.
e.- En la denominacin de los formatos, el nmero colocado detrs de la letra indica las veces que se ha dividido por la mitad el tamao bsico. En los tamaos mltiplos el nmero precede a la letra.

 Complete:
SERIE A (mm.) SERIE B (mm.) SERIE C (mm.)

 La serie A sirve para productos terminados: cartas, folletos; la serie C para contener los productos terminados de la serie A: sobres, bolsas, cubiertas; la serie B, para contener los productos de la serie C: cajas principalmente. Si bien, la tabla anteriormente planteada nos indica los tamaos unificados, para la realizacin de cualquier material impreso, no quiere decir que esta se deba convertir en una camisa de fuerza, puesto que en el caso de necesitar como soporte, un papel cuyo pliego nos permita optimizar su uso, dividindolo en pginas con una dimensin diferente, deberamos considerar este dato y no los tamaos normalizados.

:
La organizacin de la pgina se refiere a diagramar el rea grfica sobre la cual se va a trabajar, a la que se conoce tambin con el nombre de retcula, la misma que est compuesta por sus respectivos elementos. Para algunos diseadores grficos el uso de la retcula es indispensable puesto que esta proporciona: precisin, orden y claridad, pero para otros la consideran como una camisa de fuerza que impide que explote la creatividad o la libertad de expresividad. Se debe aclarar que la utilizacin de ste mtodo antiretculas debe ser aplicado luego de un estudio de los mtodos estructurales que se estudiaran posteriormente.

La diagramacin del rea grfica est compuesta por etapas concebidas sin ningn orden preestablecido, estas son: Determinacin de la superficie blanca o mrgenes. Determinacin de la superficie interna o caja. Determinacin de la diagramacin interna de la caja.

2.2.1. Caja:
La caja constituye el rea especfica dentro de la cual se va a colocar la informacin impresa, donde se encuentra texto, imgenes, lneas, etc. Cabe indicar que la determinacin de algunas cajas se indica con precisin el lugar donde va a quedar colocada, en otros casos solo se indica las dimensiones de la caja. Para poder establecer una caja se puede emplear dos sistemas:

 SISTEMA CLASICO.- La superficie del rectngulo del texto es proporcional al formato de papel. Tambin los mrgenes se reparten empezando por el de lomo y siguiendo por el de cabeza, el de corte y el de pie, empleando determinados esquemas.
SISTEMA LIBRE.- La determinacin del rectngulo del texto anchura, altura y del los mrgenes, no est sujeta a ninguna regla. Se rige por el buen gusto y por la fantasa del diseador o maquetista. Este sistema es indicado, sobre todo, para revistas.

1.- Sistema clsico En la prctica para determinar la caja dentro de cual va la informacin, se suelen seguir varios sistemas, considerados como clsicos, las cajas ms empleadas son las siguientes: a.- El ancho de la caja es igual a los 5/7 de la ancho del papel y la altura de la caja es igual a la anchura del papel.

b.- La altura de la caja es igual a la ancho del papel y el ancho de la caja es determinado por el punto de interseccin que existe entre la diagonal del soporte y la lnea perpendicular que seala la altura de la caja.

c.- Tanto el ancho como el alto de la caja estn determinados con la diagonal del soporte, tomando los 2/3 de la diagonal.

d.- Tanto el ancho como el alto de la caja estn determinados con la diagonal del soporte, tomando los 3/4 de la diagonal.

e.- Esta est determinadas por las diagonales de dos pginas enfrentadas y de doble rectngulo del papel.

2.2.2.

Mrgenes:

El margen es el espacio en blanco que comprenda la mitad longitudinal de la plana impresa o manuscrita. El margen puede tratarse con cualquier ancho o longitud, segn se pretenda aumentar o disminuir la zona de trabajo.

1. Sistema clsico: la determinacin de los mrgenes o los espacios en blanco, se basa a las siguientes reglas: a. Esquema obtenido sobre un rectngulo de papel de tamao normalizado (2). Los mrgenes de corte y de lomo en la proporcin 2:5; los de cabeza y pie en la proporcin 3:5. Al realizar este margen la caja est creada.

b.- Esquema de Rosarivo: Divisin de la anchura y de la altura de la pgina en 9 partes. La proporcin de mrgenes es 1:2.

c.- Esquema de Van de Graaf: El rectngulo del texto y los mrgenes se obtienen geomtricamente. El resultado final es semejante al esquema de Rosarivo.

d.- Esquema de Frassinelli: Los mrgenes se distribuyen en la proporcin 1:2.

e.- Adems de las proporciones citadas, se emplean tambin: Loma-corte 1/3 y cabeza-pie 2/3.
f.- Margen tradicional para libros: el pie tenga doble altura que la cabeza y el margen exterior tiene doble anchura que del margen interior y este ultimo tiene las partes de anchura que la cabeza. Cabeza X Pie 2X Loma X Corte 2 ( X)

2.2.2. Sistema libre

Para determinar de forma libre los blancos y la caja donde ir la informacin en una pgina, se podra tomar en cuenta el siguiente esquema.

a.- Se puede establecer libremente los mrgenes segn el propio gusto esttico: se corta una hoja de papel en blanco al tamao del rectngulo del papel y otra de color al tamao del rectngulo de la caja. Se coloca la hoja de color encima de la blanca desplazndola sobre ella, variando de esta manera los mrgenes. Y se escoge la distribucin que parezca mejor.

 b.- El formato ms simple y ms fcil tiene mrgenes iguales en todos sus bordes.

c.- Esta lujosa frmula, con amplios mrgenes en sus dos lados, dignifica y da preeminencia al texto.

d.- Esta disposicin tiene un amplio margen interior, en lo que podramos llamar el lomo del libro, para poder leer cmodamente sin estropear la encuadernacin.

e.- El amplio margen exterior, llamado "margen escolar, permite al lector poner notas al margen.

f.- Estas son pginas especulares. Si se coloca un espejo a lo largo de la divisoria central entre las dos pginas, se ver que la retcula de mano izquierda es una imagen especular de la mano derecha.

g.- Estas son retculas repetidas. La imagen aparece exactamente en las mismas divisiones proporcionales en cada pgina.

h.- Se ha incrementado el espacio en la cabeza, con el resultado de que la informacin puede disponerse de forma ms ligera y desahogada.

i.- Se ha incrementado el espado al pie de la pgina, con el resultado de poderlo utilizar para temas de importancia menor, como numeracin de pginas, que la vista tiende a pasar por alto.

 La variedad de opciones grficas crea sensaciones de lujo, tensin, formalidad e informalidad, y proporciona al tema expuesto nfasis diferentes.

2.3.1.1. Componentes de una retcula:

La simplicidad se vuelve cada vez ms difcil de lograr a medida que aumenta el nmero de elementos que pueden colocarse en una pgina. Este problema se resuelve mediante el acoplamiento de elementos que guardan relacin entre s.

Una forma de poner orden en las pginas a pesar del gran nmero de elementos exhibidos es el mtodo de reticular en el cual la pgina se divide primero en segmentos bsicos iguales como podran mitades, tercios o cuartos. Cada segmento se divide posteriormente en cuadrados iguales.

 El sistema reticular requiere de una cuidadosa planeacin preliminar y de una exactitud extrema en el clculo del original y en el recorte de las fotografas, puesto que si los elementos sobrepasan cualquiera de las divisiones reticulares se perder el orden.
Para establecer la estructura de una pgina se realiza la retcula y esta consta de los siguientes elementos:

 Caja Mrgenes (superior, inferior, laterales) Columnas Filas Mdulos Medianil o espacio entre columnas
Estos elementos se adaptan a los diferentes formatos, y a las diferentes aplicaciones que se les pueda dar.

2.3.1.2. Clasificacin de la retcula:

Las retculas se pueden clasificar dependiendo de los elementos que los contengan:

a.- Nmero de columnas:

Retcula de una columna: Es innegable de que el rea de diseo puede dividir en tantas columnas como quiera. Sin embargo, no olvide que las columnas se utilizan sobre todo para el texto y que por lo tanto, siempre debe tener en cuenta la funcionalidad de la anchura de las mismas.

De esta manera se vislumbra la importancia que tiene el diseo de una gama de retculas, en forma de composicin esquemtica, antes de empezar el proyecto de diseo propiamente dicho.

 Retculas de 3 y 6 columnas: Tradicionalmente se considera que la retcula de 3 columnas es una opcin acertada para los folletos. Esta retcula le proporciona anchas y legibles columnas de texto, y la flexibilidad adicional de poder subdivididas y convertirlas en 6. esta opcin es an mas eficaz cuando se emplea para obtener una doble pgina , pues permite optar entre 6 y 12 columnas. Este tipo de distribucin puede explotarse en una variada gama de diferentes situaciones. Se debe tomar en cuenta algo muy importante, que la disposicin de 6 columnas no puede ser la mas idnea para el texto de un trabajo de diseo, pues los caracteres de cada columna debera ser demasiado pequeos para ser distribuidos de una forma satisfactoria y legible.

 Este mtodo de divisin del espacio de diseo puede usarse con gran eficacia cuando predomina el tema grfico sobre el texto. En ocasiones la alternancia ente 3 columnas con pginas adyacentes puede crear un interesante equilibrio visual.

 Retculas de 2 y 4 columnas: Esta es una frmula tradicional que permite una considerable flexibilidad, pues la retcula de 2 columnas puede mantenerse a s misma para cualquier tamao del espacio de diseo o subdividirse para crear columnas. La flexibilidad reside en que, cuando se divide el rea de diseo en 4 columnas, es fcil dejar una de ellas sin utilizar para los elementos de diseo, con lo que quedar un amplio margen para contrapesar el texto.

 No hay que olvidar que aunque la retcula est subdividida en medidas guales, no se precisa llenar por completo la pgina. Siempre es deseable dejar un espacio alrededor del rea compositiva y, cuando le sea posible, debe buscar la oportunidad de incluir el espacio libre como un factor ms de diseo.

 Retculas de 5 o 7 columnas: Por otra parte las retculas de una nmero impar de columnas, como 5 o 7 o incluso una doble pgina con un nmero impar de columnas encarado con un nmero par de ellas, daran un estilo diferente al concepto global.

A:

Para poder diagramar una pgina debemos conocer cuales son los elementos que podemos aplicar en ella, los ms empleados son:

1. GRFICOS.- Estos se dividen en dos clases: las ilustraciones y las fotografas. Cada uno de ellos se pueden presentar en forma de ventana o grfico regular, que es aquel grfico que tiene lmites regulares, y tambin se presentan como grfico tipo silueta o irregular, que no tienen limites regulares sino sus limites son los bordes del objeto.

2. TEXTO.- Dentro de una composicin se lo considera como un elemento muy importante, por lo cual se analizar las caractersticas ms importantes que influyen en el mismo: Kerning, interletrado, tracking e interlineado: Kerning: consiste en eliminar espacios entre las letras para mejorar el aspecto visual de un tipo. Interletrado: aade espacios entre las letras. Tracking: corresponde al ancho del cuerpo del texto que permite abrirlo o pegarlo. Interletrato: es la distancia que existe entre las lneas del bloque de texto.

La Sangra: los bloques de texto pueden sangrarse para que algunas o todas las lneas comienzan ms adelanta del margen establecido. Existen algunos casos de sangras: Sangra de primera lnea: consiste en sangrar la primera lnea del prrafo y de los subsiguientes con respecto al margen izquierdo. Sangra negativa: es una sangra derecha o izquierda que afecta no solo a una, sino a varias lneas del texto, se la utiliza para sangrar una sita larga. Sangra Francesa: es similar a la negativa, pero la primera lnea del texto no est sangrada. Sangra de un punto: la sangra de un punto se establece a partir de un punto determinado de acuerdo con los requisitos del diseo.

 La alineacin: hace referencia a la posicin de los tipos dentro de un texto, tanto en el plano vertical como en el horizontal.
Contorneo y recorrido: se utiliza principalmente en revistas o pginas publicitarias o promocinales consiste en adaptar el texto al formato de las imgenes o los electos grficos que aparecen en un diseo, se utilizan para crear elementos decorativos a partir de bloque de texto.

- Clases de texto: se puede clasificar los tipos de textos que se colocan en una pgina, en los siguientes:
Texto principal (ttulos): es el que tiene la mayor jerarqua como texto, dentro de una pgina. Texto secundario (subttulos): posee la segunda jerarqua, generalmente en una pgina se encuentran ms de uno. Texto terciario (texto general): lo conforma el prrafo de texto, es el grupo que ms cantidad de texto aporta ala pgina. Texto complementario: los conforma el pie de pgina, los encabezados, pies de fotos o de manera general los textos que informan sobre detalles que no son de primera importancia dentro de la pgina.

3. MANCHA DE COLOR.- Son reas de color diferente a la del fondo de la pgina, sus lmites estn definidos por las filas, columnas, o ejes de simetra, para de esa manera crear reas proporcionadas a la composicin. Puede estar presente ms de una mancha de color, su funcin esta de destacar o enmarcar cierta informacin que se considere importante.

4. REAS DE DESCANSO VISUAL.- Estas estn determinadas por las retculas, y son aquellas que no tienen ningn tipo de informacin, ni grficos, ni texto, son reas vacas, que ayuda a crear un equilibrio dentro de la pgina para no saturarla y crear efectos de jerarquizacin de informacin.

5. FILETES.- Son lneas que tambin forman parte de la composicin de una pgina, y son:
Filetes de conexin: conectan la informacin, como: la lectura de una imagen con su texto o bloques de texto que se encuentran separados pero poseen contenidos necesariamente ligados. Filetes de jerarquizacin: son aquellos que sirven para sobresalir un elemento grfico de un grupo, pueden ser: palabra, bloque de texto o imagen. Filetes de separacin: sirven para separar informacin, ya sea imgenes de texto o diferentes temas, que necesitan estar ledos individuamente.

6. FONDO.- El fondo es la textura, color o imagen que se le aplica al soporte de la pgina, el fondo puede o no estar dentro de los lmites de la retcula, pudiendo estos ser determinados por el borde de la hoja.
7. EL COLOR.- En el diseo grfico, el color tiene cuatro funciones principales: Atrae la atencin Mantiene la atencin Transmite la informacin Hace que la informacin se recuerde
Por lo tanto es un elemento fundamental dentro del diseo de una pgina.

2.5. TPOS DE PGINAS

Clasificacin de acuerdo a la organizacin de los elementos compositivos: Al aplicar la retcula y dentro de ella combinar los elementos anteriormente citados, se generan diferentes tipos de pginas.

 1.- SOLO TEXTO: Es aquella pgina cuyas retculas contienen 100% de texto, no solo de una familia tipogrfica, pueden aplicarse varas, tambin pueden crearse efectos con reas de descanso visual, manchas de color, pero nada de grficos. 2.-VENTANA: Maneja aproximadamente un 70 % de grfico y un 30 % de texto, se pueden aplicar manchas de color, reas de descanso visual, y su caracterstica fundamenta. Es la de tener un solo grfico y este debe ser regular o limitado. 3.-MULTIPANEL: La proporcin anterior se mantiene, 30 % texto, 70 % grfico, manchas de color y descanso visual aplicables, pero la particularidad de esta es que estn presentes por lo menos dos grficos y son regulares tambin.

 4.- REBUS: Este tipo de pgina presenta un equilibrio entre lo que es texto e imgenes, ya que contiene un 50 % de cada uno, los grficos son regulareis, de tal manera que es mas fcil calcular el espacio que ocupan dentro de la retcula e igualarlo con el rea que ocupara el texto. 5.- SILUETA: Esta pgina hace referencia a la imagen que se utiliza, ya que es una sola imagen tipo silueta o ilimitada, que ocupa aproximadamente el 80% y el 20 % destinado al texto que generalmente es primario. 6.- MONDRIA: Esta pgina esta compuesta por un 70 % de imgenes y un 30 % aproximadamente de texto, se caracteriza por tener mnimo 2 imgenes pero su particularidad es que de todas ellas solamente una ser la principal, sea por su tamao, por su forma o por su color, pero esa es la caracterstica de esta pgina que destaque solo una de todas las imgenes.

 7.- CIRCUS: Esta pgina contiene un gran nmero de imgenes, las que ocupan el 80 % aproximadamente, estas son tipo silueta y el texto que contiene es mnimo, generalmente es pie de foto (precios, indican lugares o autores, etc.), ya que estas pginas se aplican en catlogos, muestrarios, folletos .de venta de productos. 8.- FRAME: esta es una de las pginas ms difciles de lograr, ya que mediante sus imgenes que son irreales, se pretende reforzar una frase o slogan que generalmente constituye una publicidad o propaganda. Cabe mencionar que este es un esquema tentativo de los tipos de aplicaciones que se le puede dar a las retculas combinando los elementos que van dentro de ella, pero no es una limitacin para el diseador, pero su combinacin tambin es aplicable y vlida dentro de un proceso creativo.

2.4.2. Clasificacin de acuerdo al estilo.

Los bloques elementales que virtualmente forman una composicin son los mismos cuatro elementos antes mencionados: titulares, texto, ilustraciones y, de primordial importancia el espacio. Esto puede resultar sorprendente si se considera la enorme variedad de diseos disponibles. A pesar de que el color es importante, no constituye un elemento fundamental (la mayor parte de las composiciones donde se usa color deberan funcionar tambin si se utilizaran tan solo tonalidades de negro), es por ello que es importante establecer el estilo antes de la elaboracin de una pgina. Los estilos ms comunes son los siguientes:

 1.-CONVENCIONAL- Compacto y texto denso, con el titulo en la parte superior y una foto en la inferior.

2.- CLSICO.- Sencillo, formato a dos columnas con el ttulo en el centro y una fotografa insertada en el texto.
3.-MODERNO.- Medidas anchas, gran interlineado, titular con espaciado muy amplio y filetes gruesos.

4.-TCNICO.- Composicin angular con corondel (filete entre columnas) y gran cantidad de espacio en blanco. Claro y fuerte.

 5.-AGRESIVO.- Titular subrayado de gran tamao, texto en negrita con pequeos titulares. 6.-JUVENIL- Divertido en cuanto a los grficos y el texto, titular con letras de diferentes cuerpos y combinacin de fondo blanco o negro con impresin negra o blanca respectivamente (en una 'propuesta de color, el blanco y el negro sern reemplazados por colores contrastantes). 7.- INFANTIL- Composicin activa con una gran letra capitular al inicio del titular, corondel con filete discontinuo y texto en letra grande. 8.-NATURAL- Elegante, con texto y titular amplio y espacioso, y uso de grficos ovalados. 9.-PRESTIGIOSO.- Letra capitular, simplicidad e idea acertada del uso del espacio es la clave para una composicin elegante.