Diseño y Diagramación

• Estudio de la Dirección visual– Dirección: se presenta desde la

estructura más simple, compacta. – Es la forma como se activa en el

encuadre cualquier unidad gráfica. Por pequeña que esta sea, su posición en el encuadre mueve visualmente la retina.

– Propiedades:

• Equilibrio• Ritmo• Escala.

Diseño y Diagramación

• Equilibrio: Es la referencia visual que tiene un centro de gravedad calculable, es inherente a la estabilidad en la percepción humana.

• Se refiere al constructo horizontal-vertical con que leemos la realidad observada

• La falta de equilibrio produce desorientación visual, complejidad inesperada.– Reposo = contemplación– Tensión= descripción

Diseño y Diagramación

• Ritmo: Es la ruptura de lo estático en un mensaje visual, la sugerencia de vida o dinamismo presente por la línea curva o en diagonal. Puede ser:– Físico: cuando los

personajes adoptan gesticulaciones narrativas.

– Psicológico: cuando la imagen es estática

Diseño y Diagramación

• Escala: compromiso interno de los objetos, cada uno tiene la capacidad de modificarse y definirse mutuamente

• La escala se relaciona al campo visual, medición proporcional real.

• Relaciona el tamaño con el propósito y el significado en la estructuración del mensaje visual.

5

Diseño y Diagramación

• Adecuación del contenido– Busca un marco atractivo,

visualmente fácil de entender

– Combina palabras e imágenes para hacer más claro y atractivo el mensaje

– La noticia visual.– Relaciona ordenadamente

elementos diversos con un carácter unitario.

•Rótulo - nombre del periódico y logotipo

•Cabecera – Logo + datos de registro.

•Mancheta – informa datos acerca del periódico, creditos, etc.

Diseño y Diagramación

Estruc. En “X” Estruc. En “U” Estruc. En “L”

Diseño y Diagramación

• Diseño de una página implica– Planteamiento previo de

• cómo irá cada elemento• Dónde se va a colocar• Qué efecto tendrá en el aspecto general de

la página

– Busca un impacto gráfico – lectura fácil• Tipografía• Fotografía• Espacios en blanco• Foliación (numérica o explicativa), etc

Diseño y Diagramación

Recursos básicos en una páginaParte superior

CabezaFoliaciónVentanas

Filetes listonesFotografía

Títulos Pie de fotografía

Parte inferior

Derecha de página-salida

Izquierda de

página-entrada

Diseño y Diagramación

• El diseño armonioso de una página Centro de Impacto Visual

• Es elección propia del diseñador• Mueve el interés del lector.• Recargamiento hacia la derecha

Valorar el diseño Interno

Concepción de una

Sola imagen.