Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (12)
Similaire à Diagramación y composición act 2.1
Similaire à Diagramación y composición act 2.1 (20)
Dernier
Dernier (20)
Diagramación y composición act 2.1
- 2. Diagramación • Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje fácil lectura bajo una apariencia estética agradable, aplicación adecuada de tipografías y colores. • Los fundamentos de la diagramación son: la tipografía, el color y la composición. • Cuando queremos organizar una página necesitamos saber: • Qué es lo que vamos a organizar y, Cómo lo vamos a organizar, lo que vamos a organizar son los textos y las imágenes (T+I) los cuales son los componentes básicos de los mensajes impresos, la forma cómo lo vamos a hacer es manejando los criterios de tipografía, color y composición. MARCELO GAVELA 2
- 4. Diagramación Diagramación: Organización de elementos jerarquizados, basados en un sistema estético de carácter funcional. En un mensaje visual participan tres códigos: Código Iconográfico Código Lexográfico (ver Tipografías, Aspectos formales de la tipografía) Código Cromático (ver Código Cromático) Al momento de diseñar es necesario tener definida las intenciones del diseño y el material (información) que se va utilizar para dar el mensaje. Definidos estos, comienza el proceso de organización, ser capaz de identificar y clasificar la información. Clasificar la información por su función: – Llamado de atención /Golpe visual – Acentuaciones – Cuerpo de la información y desarrollo – Información referencial. MARCELO GAVELA 4
- 5. Diagramación • Esto me permite distribuir el espacio visual de trabajo para organizar las relaciones y códigos que participaran de este mensaje. • El siguiente paso es la funcionalidad de este mensaje con su soporte, uso y manipulación del mismo por el receptor. • Al definir un espacio, es indudable que defino una forma particular de uso o si se quiere, el uso determina el soporte, por lo tanto, al momento de organizar este espacio visual, tengo que tomar en cuenta la forma de uso que tendrá, para poder proyectar la información adecuada en el espacio preciso. • Para lograr esta proyección, reviso materiales, soportes, soluciones dadas anteriormente y recreo una secuencia “lógica” que me permitirá anticipar la acción y es así que diseño mi caja que contendrá espacios, medias y módulos = Caja de Diagramación/Layout, que será mi marco de referencia para establecer en ella las relaciones de los elementos dispuesto como también las relaciones de esa información y su usuario. • Composición • Entendiendo que los desafío de la composición son: • Facilitar la lectura • Función estética MARCELO GAVELA 5
- 6. Diagramación • Direccionalidad: la horizontal y la vertical son las direcciones predefinidas en nuestra relación con el entorno (sea cual sea), en ese afán de entender y organizar ese entorno en busca del equilibrio. • Tensiones: todo espacio visual es capaz de ejercer fuerzas sobre los elementos que en él se disponen, a propósito de nuestra forma de entender y asociar a los elementos por distancias, firma, tamaño, textura, color… los elementos se atraen o por el contrario se repelen. • Jerarquías y peso visual: organizar la linealidad o saltos en la lectura de un mensaje visual requiere del control de las relaciones visuales que se establecen al interior por tamaño, disposición espacial, color, textura y formas Dentro de los ejemplos clásicos tenemos los recorridos verticales descendentes, los horizontales y aquellos que juegan en variantes del recorrido siguiendo algún patrón lógico. • Repetición y ritmo: los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación nos permiten visualizar el ritmo • El primer paso en el diseño de objetos o procesos es la representación mediante diagramas de su estructura, funcionamiento y comportamiento. • La diagramación a la cual nos referimos consiste en la representación de los contenidos que tendrá un producto digital. MARCELO GAVELA 6
- 7. • La diagramación se puede dividir en dos tipos: PLANOS Y MAQUETAS • PLANOS: Tiene como objetivo representar las principales áreas de organización y rotulado, y están enfocados a los aspectos estructurales y de funcionamiento del producto. Generalmente se representan con textos, cajas y flechas. • General a lo concreto • MAQUETAS: La maquetación es la composición de una página, es la forma de ocupar el espacio de un plano. • La idea es conseguir un equilibrio estético entre los elementos del diseño (texto, titulares e imágenes) • Existen dos características muy importantes sobre el área en la cual se desarrollará el trabajo, en este caso el papel. • La primera el tamaño y la segunda la orientación la cual puede ser vertical o horizontal y el tamaño puede variar en diversas medidas. • Diagramación es la composición armónica de textos e imágenes dentro de un formato establecido. • Una buena diagramación implica que el impreso sea óptimo en calidad de lectura. MARCELO GAVELA 7
- 9. La Composición • En composición hablamos del diseño de la estructura de la página que obedece a una serie de reglas, necesarias para que el producto gráfico tenga estérica y función, que sea legible, claro y estandarizado. • Algunos de los elementos a tomar en cuenta para una diagramación son: • Formato: tamaño final de la publicación. Se relacione con el tamaño del papel. • Márgenes: definen la caja de diagramación que es donde van los textos y las imágenes. • Columnas: establecen la modulación vertical. Pueden establecerse por número, combinarse y no tienen que ser del mismo ancho. • Jerarquización: es organización de datos, ya sea en orden ascendente o descendente. • Además de los textos, los titulares, las fotos o ilustraciones, las viñetas, encabezados y los espacios para la publicidad. • La retícula es una plantilla de diseño, y esta es una herramienta de diseño que nos permite equilibrar todos los elementos de la composición que se está apunto de crear. • Está compuesta por una estructura en dos dimensiones la cual está hecha de líneas verticales y horizontales que tienen como fin formar cuadrados, rectángulos o círculos. MARCELO GAVELA 9
- 10. La Composición • Con esta armazón podemos ordenar todos los elementos racionalmente. Entonces más que solo líneas, son bloques de construcción es la cuadrícula en la que se estructurará o montará el diseño. • También se le conoce como página maestra o caja gráfica. • Los trabajos de maquetación deben llevar una guía, para esto se utiliza una retícula compositiva, la cual tiene la finalidad de conseguir un orden y estética, la retícula compositiva se puede definir como una plantilla. • Una retícula base, se encuentra compuesta por las siguientes partes, dependiendo de la composición que se esté diseñando: • La orientación del papel. - • El número de columnas y el tamaño de estas. - • La separación existente entre ellas (el medianil). - • El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc.- • El uso de las imágenes como fondo en todas las páginas (marcas de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc. MARCELO GAVELA 10
- 11. La Composición https://cfurrianca.files.wordpress.com/2006/11/tensiones.jpg?w=710 es un oficio del Diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas. Estrictamente, el acto de diagramar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el Diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados. pre-prensa (preparación para impresión), prensa (impresión) y post- prensa (acabados). MARCELO GAVELA 11
- 12. La Composición http://4.bp.blogspot.com/_fgzaH_zgtf8/SgdjIBMKglI/AAAAAAAAA3Y/T_xTaSixPvY/s400/peri1.jpg Hoy en día existen programas que hacen mucho más sencilla la diagramación, QuarkXPress y Adobe InDesign que permiten crear páginas maestras y añadir marcos que simulan el espacio a emplear haciendo mucho más sencillo el maquetamiento. Ellos pueden decidir - junto con los editores - cuales artículos se quedarán en cuales páginas, y en qué posición en la página. De acuerdo con el proyecto gráfico, pueden determinar las tipografías (typefaces) para páginas especiales. En grandes diarios, todavía, el proyecto gráfico ya prevee las tipologías para uso de la composición en la línea gráfica. http://www.monografias.com/trabajos28/pe riodismo/periodismo2.shtml http://www.fotonostra.com/grafico/ Make Money Online : http://ow.ly/KNICZ MARCELO GAVELA 12
- 16. Composición libre o violenta http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la- composicin-grfica-17-638.jpg?cb=1394375774MARCELO GAVELA 16