Reticulas 100519102339-phpapp02

37
Diagramació n A base de retículas

description

RETICULAS

Transcript of Reticulas 100519102339-phpapp02

Page 1: Reticulas 100519102339-phpapp02

DiagramaciónA base de retículas

Page 2: Reticulas 100519102339-phpapp02

Retícula

• Son guías para la alineación y la distribución de los elementos en un formato.

• Organiza todos los elementos y los jerarquiza.

• Crea un orden intangible que puede ser comprendido y repetido por otras personas.

Page 3: Reticulas 100519102339-phpapp02
Page 4: Reticulas 100519102339-phpapp02

Fases de desarrollo

• Fase 1: Valorar las características informativas y los requisitos de producción del contenido: Naturaleza de la información, cantidad de imágenes, ubicación de titulares, etc. eligiendo la retícula que se ajuste mejor a las necesidades específicas del proyecto.

• Fase 2: Crear la retícula y maquetear (diagramar).

La retícula no debe limitarmeEn algunos casos la retícula puede romperseUna retícula bien creada puede tener infinidad de posibilidades.

Page 5: Reticulas 100519102339-phpapp02

Cómo construir una retícula

• Definir el formato de la página.• Definir los márgenes del documento.• Establecer la cantidad y tamaño de las columnas

(de acuerdo al tipo de documento).• Establecer el espacio entre columnas.• Establecer la ubicación de los marcadores.• Si se trabajará con múltiples tipos de información

sería conveniente establecer un sistema modular.

Page 6: Reticulas 100519102339-phpapp02

• Es la retícula más sencilla.

• Estructura base es un área grande y rectangular que ocupa la mayor parte de la página.

• Acoge textos largos y continuos, como en un libro.

Retícula de Manuscrito

Page 7: Reticulas 100519102339-phpapp02

Estructura Principal- Bloque de texto y márgenes

Estructura Secundaria- Folio explicativo- Los Título de los capítulos- Numeración de las páginas- Notas pie de página (si es necesario)

Retícula de Manuscrito

Page 8: Reticulas 100519102339-phpapp02

Crear interés dentro de la textura gris que forma el texto

- Ajustar márgenes.- Márgenes internos anchos (para que el doblez

no coma el texto).- Márgenes más anchos ayudan al ojo a centrarse

en el texto, calma y estabilidad.- Márgenes delgados aumentan tensión.

Retícula de Manuscrito

Page 9: Reticulas 100519102339-phpapp02

Retícula de Manuscrito

Page 10: Reticulas 100519102339-phpapp02

• Es muy flexible.

• Las columnas pueden depender unas de otras (texto corrido) o pueden ser independientes (pequeños bloques de información).

• Puede colocarse en algunas columnas texto corrido, en otras imágenes y en otras pie de fotos.

Retícula de Columnas

Page 11: Reticulas 100519102339-phpapp02

Retícula de Columnas

• La anchura de las columnas depende del cuerpo de letra del texto.

• Debe ser cómodo de leer.

• Si las columnas son estrechas se partirán las palabras.

• Si la columna es muy ancha será difícil encontrar la siguiente línea.

Page 12: Reticulas 100519102339-phpapp02

Retícula de Columnas

Page 13: Reticulas 100519102339-phpapp02

Retícula de Columnas

Page 14: Reticulas 100519102339-phpapp02
Page 15: Reticulas 100519102339-phpapp02
Page 16: Reticulas 100519102339-phpapp02

• Para proyectos más complejos.

• Es una retícula de columnas con un gran número de líneas de flujo horizontales que subdividen las columnas en fila, creando una matriz de celdas denominadas módulos.

• La agrupación de módulos se denominan zonas espaciales.

Retícula Modular

Page 17: Reticulas 100519102339-phpapp02

• Más módulos más flexibilidad y precisión, pero también puede ser confuso y redundante.

• Adecuada cuando hay mucha información.

Retícula Modular

Page 18: Reticulas 100519102339-phpapp02

Retícula Modular

Page 19: Reticulas 100519102339-phpapp02

Retícula Modular

Page 20: Reticulas 100519102339-phpapp02

Retícula Modular

Page 21: Reticulas 100519102339-phpapp02

Retícula Modular

Page 22: Reticulas 100519102339-phpapp02

Retícula Modular

Page 23: Reticulas 100519102339-phpapp02

Retícula Modular

Page 24: Reticulas 100519102339-phpapp02

Retícula Modular

Page 25: Reticulas 100519102339-phpapp02

• A veces puede necesitarse una retícula “extraña” que no encaja en ninguna categoría.

• Se adapta a la información que se organiza.• Se analiza la interacción óptica entre elementos

situados de manera espontánea y luego se elabora una estructura que los coordine.

• Las páginas web constituyen ejemplos de retículas jerárquicas.

Retícula Jerárquica

Page 26: Reticulas 100519102339-phpapp02

Retícula Jerárquica

Page 27: Reticulas 100519102339-phpapp02

• La retícula funciona si todos los problemas pueden resolverse y se mantiene el interés página tras página.

• No son retículas las que hacen aburrido el diseño sino los diseñadores.

• Cuando se tiene la retícula, es conveniente ordenar todo el contenido del proyecto doble página por doble página.

• Se deben diseñar todas las páginas una tras otra para ver como fluyen.

• Se debe crear una lógica rítmica o secuencial. Cada doble página puede tener una presentación visual propia pero a la vez, funcionar como parte de un todo.

Variación y Violación

Page 28: Reticulas 100519102339-phpapp02
Page 29: Reticulas 100519102339-phpapp02
Page 30: Reticulas 100519102339-phpapp02
Page 31: Reticulas 100519102339-phpapp02
Page 32: Reticulas 100519102339-phpapp02
Page 33: Reticulas 100519102339-phpapp02
Page 34: Reticulas 100519102339-phpapp02

Variación y Violación

Page 35: Reticulas 100519102339-phpapp02

Variación y Violación

Page 36: Reticulas 100519102339-phpapp02

Variación y Violación

Page 37: Reticulas 100519102339-phpapp02

Variación y Violación