7/30/2019 Diagram Ac i on a Based e Reticula s

1/46

DiagramacinA base de retculas

7/30/2019 Diagram Ac i on a Based e Reticula s

2/46

Qu son las retculas?

Son guas para la alineacin y ladistribucin de los elementos en un

formato. Organiza todos los elementos y los

jerarquiza.

Crea un orden intangible que puede sercomprendido y repetido por otras

personas.

7/30/2019 Diagram Ac i on a Based e Reticula s

3/46

7/30/2019 Diagram Ac i on a Based e Reticula s

4/46

Determinacin de la retcula

segn la publicacinLa retcula viene determinada por el tipo de

publicacin y el formato principalmente,

como ejemplo decir que la retcula basede un peridico es distinta que la de un

libro, ya que en un peridico debemos de

incluir distintos artculos e imgenes en

una sola pgina por lo que necesitamosuna estructura mayor en nuestra retcula

base.

7/30/2019 Diagram Ac i on a Based e Reticula s

5/46

Determinacin de la retcula

segn la publicacin

En las revistas, en

ocasiones debemos derealizar distintas retculas

para un solo producto, ya

que existen distintas

secciones que necesitandistintas estructuras de

pgina por su creacin en

el diseo.

7/30/2019 Diagram Ac i on a Based e Reticula s

6/46

Determinacin de la retcula

segn la publicacin

En peridicos, la retcula no sueletener cambios en funcin de

secciones, excepto en seccionesespeciales como pueden ser los

clasificados o las carteleras

donde necesitamos una mayor

distribucin para contener mayorversatilidad e informacin

7/30/2019 Diagram Ac i on a Based e Reticula s

7/46

Los elementos que

conforman la retcula basems importantes son:

El corondel ciegoEl corondel es el espacio en forma de calle que divide una

columna de otra para distanciar un bloque de texto de

otro.

La determinacin de su nmero depende de las columnas

y siempre ser uno menos, con respecto a su achura.Es directamente proporcional a la anchura de las

columnas, es decir, cuanto ms anchas sean sus

columnas ms anchura tendr sus corondeles.

7/30/2019 Diagram Ac i on a Based e Reticula s

8/46

El corondel ciegoEl corondel es el espacio en forma de calle que divide una

columna de otra para distanciar un bloque de texto de

otro.

La determinacin de su nmero depende de las columnas

y siempre ser uno menos, con respecto a su achura.Es directamente proporcional a la anchura de las

columnas, es decir, cuanto ms anchas sean sus

columnas ms anchura tendr sus corondeles.

7/30/2019 Diagram Ac i on a Based e Reticula s

9/46

Espacios para elementos fijos Se determinan en la retcula mediante un marcado para

los elementos repetitivos como pueden ser las

foliaciones de pgina etc. de esta manera, se produce

un ahorro de tiempo en la imposicin de estoselementos. Normalmente aunque forman parte de la

retcula estn fuera de la caja de pgina.

7/30/2019 Diagram Ac i on a Based e Reticula s

10/46

Determinacin de la retcula

segn la publicacin

En los libros, normalmente, se utiliza tambin la

misma retcula que suele ser sencilla, aunquedebemos saber que existen pginas interiores

llamadas preliminales y finales que estn fuerade la retcula general.

7/30/2019 Diagram Ac i on a Based e Reticula s

11/46

Determinacin de la retcula

segn la publicacin

Rejilla baseEs el marcado mediante lneas donde tienen que

pasar el texto ms utilizado. El espaciado entre

una lnea y la siguiente nos viene especificadopor el interlineado.

7/30/2019 Diagram Ac i on a Based e Reticula s

12/46

7/30/2019 Diagram Ac i on a Based e Reticula s

13/46

Fases de desarrollo

Fase 1:Valorar las caractersticas informativas y los requisitos de

produccin del contenido: Naturaleza de la informacin, cantidad

de imgenes, ubicacin de titulares, etc. eligiendo la retcula quese ajuste mejor a las necesidades especficas del proyecto.

Fase 2:Crear la retcula y maquetear (diagramar).

La retcula no debe limitarme

En algunos casos la retcula puede romperse

Una retcula bien creada puede tener infinidad de posibilidades.

7/30/2019 Diagram Ac i on a Based e Reticula s

14/46

Cmo construir una retcula

Definir el formato de la pgina. Definir los mrgenes del documento. Establecer la cantidad y tamao de las columnas(de acuerdo al tipo de documento). Establecer el espacio entre columnas. Establecer la ubicacin de los marcadores.

Si se trabajar con mltiples tipos de informacinsera conveniente establecer un sistema modular.

7/30/2019 Diagram Ac i on a Based e Reticula s

15/46

Conozcamos los tipos deretculas que existen

7/30/2019 Diagram Ac i on a Based e Reticula s

16/46

Es la retcula ms sencilla.Estructura base es un rea grande yrectangularque ocupa la mayor parte

de la pgina.

Acoge textos largos y continuos, comoen un libro.

Retcula de Manuscrito

7/30/2019 Diagram Ac i on a Based e Reticula s

17/46

Estructura Principal

- Bloque de texto y mrgenes

Estructura Secundaria- Folio explicativo- Los Ttulo de los captulos- Numeracin de las pginas- Notas pie de pgina (si es necesario)

7/30/2019 Diagram Ac i on a Based e Reticula s

18/46

Retcula de Manuscrito

7/30/2019 Diagram Ac i on a Based e Reticula s

19/46

Crear inters dentro de la textura grisque forma el texto

- Ajustar mrgenes.- Mrgenes internos anchos (para que el doblez

no coma el texto).

- Mrgenes ms anchos ayudan al ojo a centrarseen el texto, calma y estabilidad.

- Mrgenes delgados aumentan tensin.

7/30/2019 Diagram Ac i on a Based e Reticula s

20/46

Es muy flexible. Las columnas pueden depender unas de

otras (texto corrido) o pueden serindependientes (pequeos bloques de

informacin).

Puede colocarse en algunas columnastexto corrido, en otras imgenes y en otras

pie de fotos.

Retcula de Columnas

7/30/2019 Diagram Ac i on a Based e Reticula s

21/46

La anchura de las columnas depende delcuerpo de letra del texto.

Debe ser cmodo de leer. Si las columnas son estrechas se partirn

las palabras.

Si la columna es muy ancha ser difcilencontrar la siguiente lnea.

7/30/2019 Diagram Ac i on a Based e Reticula s

22/46

Retcula de Columnas

7/30/2019 Diagram Ac i on a Based e Reticula s

23/46

Retcula de Columnas

7/30/2019 Diagram Ac i on a Based e Reticula s

24/46

7/30/2019 Diagram Ac i on a Based e Reticula s

25/46

7/30/2019 Diagram Ac i on a Based e Reticula s

26/46

Para proyectos ms complejos. Es una retcula de columnas con un gran

nmero de lneas de flujo horizontales quesubdividen las columnas en fila, creando

una matriz de celdas denominadas

mdulos.

La agrupacin de mdulos se denominanzonas espaciales.

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

27/46

Ms mdulos ms flexibilidad y precisin,pero tambin puede ser confuso yredundante.

Adecuada cuando hay mucha informacin.

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

28/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

29/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

30/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

31/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

32/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

33/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

34/46

Retcula Modular

7/30/2019 Diagram Ac i on a Based e Reticula s

35/46

La retcula funciona si todos los problemas puedenresolverse y se mantiene el inters pgina tras pgina. No son retculas las que hacen aburrido el diseo sino

los diseadores.

Cuando se tiene la retcula, es conveniente ordenartodo el contenido del proyecto doble pgina por doble

pgina.

Se deben disear todas las pginas una tras otra paraver como fluyen.

Se debe crear una lgica rtmica o secuencial. Cadadoble pgina puede tener una presentacin visual

propia pero a la vez, funcionar como parte de un todo.

Variacin y Violacin

7/30/2019 Diagram Ac i on a Based e Reticula s

36/46

A veces puede necesitarse una retculaextraa que no encaja en ninguna categora.

Se adapta a la informacin que se organiza. Se analiza la interaccin ptica entre elementos

situados de manera espontnea y luego seelabora una estructura que los coordine.

Las pginas web constituyen ejemplos deretculas jerrquicas.

Retcula Jerrquica

7/30/2019 Diagram Ac i on a Based e Reticula s

37/46

Retcula Jerrquica

7/30/2019 Diagram Ac i on a Based e Reticula s

38/46

7/30/2019 Diagram Ac i on a Based e Reticula s

39/46

7/30/2019 Diagram Ac i on a Based e Reticula s

40/46

7/30/2019 Diagram Ac i on a Based e Reticula s

41/46

7/30/2019 Diagram Ac i on a Based e Reticula s

42/46

7/30/2019 Diagram Ac i on a Based e Reticula s

43/46

Variacin y Violacin

7/30/2019 Diagram Ac i on a Based e Reticula s

44/46

Variacin y Violacin

7/30/2019 Diagram Ac i on a Based e Reticula s

45/46

Variacin y Violacin

7/30/2019 Diagram Ac i on a Based e Reticula s

46/46

Variacin y Violacin