INSTITUTO UNIVERSITARIO DE TECNOLOGIA INDUSTRIAL RODOLFO LOERO ARISMENDI I.U.T.I.R.L.

A EXTENSION CIUDAD GUAYANA SEDE PUERTO ORDAZ DISEO GRAFICO CUARTO SEMESTRE - NOCTURNO

Estructurar un Diseo de Diagramacin

Bachiller: Aronico Vanessa C.I. 20.807.667

Puerto Ordaz, Noviembre 2012

La retcula La retcula (Grid en ingls), es una herramienta muy til que nos puede asegurar mayor equilibrio en nuestra composicin al momento de disear. Es una estructura en dos dimensiones hecha de lneas verticales y horizontales utilizada para estructurar el contenido, sirve como una armazn para organizar textos, imgenes o videos de una forma racional y fcil de visualizar. Tradicionalmente la retcula se limita-ba a determinar los mrgenes de la pgina, y con ello, las proporciones del bloque de texto, adems de sealar la ubicacin de los folios y las cabeceras. Con el paso del tiem-po, los sistemas reticulares se fue-ron sofisticando para dar cabida, de una forma clara, ordenada y atractiva, a nuevos elementos compositivos como varias columnas, ilustraciones, fotografas, grficos, espacios en blanco, leyendas, titulares, etc. Hay diversas formas de establecer la dimensin y ubicacin de la mancha tipogrfica. Una vez establecido el formato podemos enfrentar dos pginas y trazar diagonales desde sus esquinas para colocar encima una mancha tipogrfica cuyos vrtices se asienten sobre estas diagonales. As obtendremos una mancha de tex-to pro-porcional al formato, estructurada por un sistema reticular simtrico. Llamaremos sistema reticular simtrico a la divisin que deje los mismos mrgenes (superior, inferior, interior y exterior) en ca-da una de las pginas, y sistema reticular asimtrico al que deja distintos mrgenes (superiores, inferiores, interiores o exteriores). Tanto si la retcula es simtrica o asimtrica hay que tener en cuenta el tipo de encuadernacin del libro, el gramaje del papel y el nmero de pginas para dejar el margen interior suficiente, y el texto nunca llegue a perderse. A mayor gramaje del papel y mayor nmero de pginas, mayor ser la prdida del margen interior por la encuadernacin, sobre todo a medida que avanzamos hacia la mitad del libro.

Formatos y retculas Entendemos por formato la forma geomtrica que adopta un libro o impreso. Las formas o formatos ms caractersticos son el rectngulo (vertical y apaisado) y el cuadrado. Tambin existen formatos circulares, hexagonales... o con determinadas siluetas. En cualquier caso, la eleccin de un formato u otro depender de la intencin comunicativa y de factores prc-ticos, estticos e, incluso, econmicos.

El tamao del formato est determina-do por la relacin entre la anchura y la altura. Y en ese orden se suele expresar: anchura por altura. La proporcin del formato y la distribucin de los elementos que la componen determinarn el equilibrio y armona del diseo. Los esfuerzos por conseguir dividir el espacio en proporciones estticas idea-les se conocen desde los tiempos de la antigua Ro-ma, donde el arquitecto Vitrubio crea la regla urea tambin conocida como regla de la divina proporcin o proporcin 8:13. Un rectngulo ureo se consigue di-vidien-do un cuadrado por la mitad y utilizando una de sus diagonales co-mo radio para determinar la ampliacin que necesita uno de sus lados pa-ra convertirse en un rectngulo ureo. Esta proporcin 8:13 tambin se suele expresar como 1:1,618, lo que significa que por cada cm del lado menor debe haber 1,618 cm de lado mayor. Por tan-to, si slo tenemos un lado, y queremos que este sea el mayor del rectngulo dividiremos su longitud entre 1,618 pa-ra hallar el menor; y si queremos que sea el menor multiplicaremos su longitud por 1,618 para hallar el mayor. La regla urea implica que la proporcin entre el lado mayor y el menor sea la mis-ma que entre el lado mayor y el todo. En el siglo XIII el matemtico italiano Leonardo de Pisa describe la sucesin de Fibonacci en la que cada nmero es la suma de los dos anteriores en la sucesin (0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144...). Gracias a la sucesin de Fibonacci podemos aumentar o disminuir un formato sin que sus lados de-jen de guardar relacin. La sucesin de Fibonacci est estrechamente relacionada con la seccin urea (8:13). Al construir bloques cuya longitud de lado sean nmeros de Fibonacci se obtiene un dibujo que se asemeja al rectngulo ureo. Otro enfoque para establecer el formato de una pgina consiste en utilizar una simple divisin de un determinado tamao de papel. El formato mtrico DIN o ISO es excepcional en cuanto a que se trata del nico rectngulo que cuando se divide en dos crea un formato con las mismas proporciones de longitud y anchura. Los papeles de tamao A se basan en este formato; por tanto, cada tamao es la mitad del que le precede: un A0 dividido por la mitad forma un A1 A cualquier rectngulo ureo se le puede restar por su lado menor o bien aadir por su lado mayor un cuadrado.

Actualmente hay dos estndares de tamaos de papel: las series ISO o DIN (utilizadas en Europa), y las series sajonas (utilizadas en Gran Bretaa y EE.UU.).

Diagrama de Villard Este diagrama consiste en trazar diagonales a travs de un formato para lograr proporciones. El arquitecto Villard de Honnecourt (1225-1250) desarrollo un mtodo de divisin geomtrica del espacio. Difiere con la sucesin de Fibonacci en que cualquier formato de pgina se puede subdividir. Cuando se usa un formato de seccin aurea, este enfoque divide la altura y la anchura de la pgina por 9, creando 81 unidades con las mismas proporciones con las mismas proporciones de formato y caja de texto. Los mrgenes se determinan mediante la altura y la anchura de la unidad. Esta divisin con novenos resulta igualmente eficaz con el formato apaisado. Villard no prest especial atencin a su diagrama, pero desarroll un sistema conocido como Figura de Villard para dividir una recta en partes lgicas y armoniosas mediante el mtodo de subdividirla en tercios, cuartos, quintos, etc. hasta el infinito. Uso del diagrama de Villard: 1. Despus de haber elegido el formato, en este caso el formato tiene medidas de 10 de alto por 6.5 de base, y puestas en modo de doble plana. 2. Desde el punto en que las dos diagonales se cruzan, dibujar una lnea vertical hasta el extremo alto de la pgina. Desde el nuevo punto originado, trazar una lnea hasta la interseccin de las dos diagonales en la pgina de la izquierda. 3. Esta lnea, establece una interseccin en la diagonal de la pgina derecha, que resulta ser a una distancia funcional del lomo, que equivale a una novena parte de la pgina. Se dibuja luego un rectngulo que pegue con todas las intersecciones que equivale al rea de texto.

1 Diagrama de Villard

El sistema reticular del cuadratn Este sistema se basa en una divisin estructurada y matemtica en la que se tiene un cuadrado con medidas de 4mm x 4mm, 5mm x 5mm, etc. Los cuadratines se constituyen en 12 unidades dentro de una pgina. Entre ms pequeo es el cuadrado, mayor es la posibilidad de albergar mas columnas en el plano. En sntesis, este mtodo se trata de hacer 12 columnas de pequeos cuadrados, y de all se puede obtener las columnas que se deseen junto con sus distancias entre columna y columna. Construccin de retcula de cuadratn 1. Decidir el formato, el tamao aproximado y el nmero de columnas que se desean emplear, tamao de tipografa y estilo que se va a emplear. En el ejemplo se utilizan cuadratines de 10mm de ancho, cada cuadrado tiene esa medida y tienen un espacio entre s de 4 mm. En esta cantidad salen 4 columnas, pues son 12 cuadrados. Cada columna es constituida por 3 cuadratines. 2. Se establecen los mrgenes aadiendo cuadratines extras, pueden ser mrgenes de un cuadratn como se ve en el ejemplo, o ms. 3. Se observan el nmero de columnas tomando los cuadratines como base. Esta es una excelente opcin para delimitar columnas y sus respectivas distancias, proporcionales al formato de eleccin.

2 Reticula de Cuadratin: Se observan el nmero de columnas tomando los cuadratines como base. Esta es una excelente opcin para delimitar columnas y sus respectivas distancias, proporcionales al formato de eleccin.

Retculas mltiples en formato nico Este mtodo de reticulacin vincula mltiples posibilidades de diagramacin, a base de una estructura que contiene dentro de s piezas mltiples que se pueden adaptar segn sea conveniente. Dicho mtodo fue creado por Karl Gerstner, un diseador suizo que trabajaba en la revista Capital y que dise un sistema reticular basado en un rea de texto cuadrada dentro de un formato rectangular apaisado. En cada pgina el rea de texto puede subdividirse en dos, tres, cuatro, cinco y seis divisiones horizontales verticales.

3 Retculas mltiples en formato nico: 1. Retcula milimetrada con cuadro de 4 mm. Se trazan a partir de ella cuadrados de mltiples tamaos. (Cuadros milimetrados) 2. 1 campo de 58 unidades.

4 Retculas mltiples en formato nico: 4 campos de 28 + 2 + 28 =58 unidades. 2. 9 campos de 18+ 2 + 18 +2 +18 = 58 unidades. 3. 16 campos de 13 +2 +13+ 2 +13 +2 +13= 58 unidades 4. 25 campos de 10+ 2 +10 +2 +10+ 2 +10+ 2 +10=58unidades 5. 36 campos de 8+ 2+ 8 + 8 +2 + 8+ 2 + 8 = 58 unidades.

Campos de la retcula Las retculas se subdividen a su vez en superficies bidimensionales tridimensionales, en campos ms pequeos en forma de una reja. o

Con la retcula, el campo visual dentro de la caja tipogrfica puede subdividirse en campos o espacios ms reducidos a modo de reja. Los campos o espacios pueden tener las mismas dimensiones o no. La altura de los campos corresponde a un nmero determinado de lneas de texto; su ancho estar determinado segn el cuerpo de la tipografa. Las dimensiones de altura y ancho se indican con una misma medida tipogrfica. Los campos se separan uno de otro por un espacio intermedio, con el objeto de que las imgenes no se toquen y que se conserve la legibilidad. La distancia vertical entre los campos es de una, dos o ms lneas; la distancia horizontal est en funcin del tamao de los tipos de letra y de las ilustraciones.