Katherine Mishelle Gómez Betancourt 201214212Jonathan Elias Fernández 201213833Josué Daniel Ortiz Ruiz 201213930Katrin Steffi Klein Flores 201220386Vivian Gabriela Felipe López 201214171

SECCION

B

06

INDICE

PRESENTACION

PRINCIPIOS YFUNDAMENTOS DE DIAGRAMACION

SIMETRIA

ASIMETRIA

PROPORCION

ARMONIA

PUNTO FOCAL

REFERENCIAS BIBLIOGRAFICAS

01

02

03

04

CONTRASTE 07

08

05

09

PRESENTACION

Para que un documento sea presenta-ble, es necesario que contenga una buena diagramación, es decir, los elementos den-tro de la pieza tienen que estar colocados de manera agradable y de acuerdo a las normas. Para hacer esto debemos de saber con exactitud todos los elementos que utiliza-remos y el diseño para crearlo. Como parte del curso de tipografía se nos asignó la tarea de investigar las herramientas de diagrama-ción: simetría, asimetría, proporción, armonía, contraste y punto focal, y aplicarlo al dise-ño de la presente revista. A continuación se encontrará una breve descripción de cada uno, con ejemplos para comprenderlo mejor.

01

PRINCIPIOS YFUNDAMENTOS DE DIAGRAMACION

Diagramar es distribuir y organizar los elementos del mensaje, texto e imagen, en el espacio del papel me-diante criterios de jerarqui-zación, es decir la importan-cia de los mismos, buscando la fácil lectura del mensaje bajo una apariencia esté-tica y agradable, logrado con la aplicación adecua-da de tipografías y colores.Es importante decir que el concepto de diseño y diagra-mación, involucran el proble-ma de la composición. La di-ferencia entre uno y otro es el papel que cumple cada uno en la edición de la publica-ción. El diseñador establece las pautas de la diagrama-ción, es decir la tipografía, tamaño, estilo, párrafos. El color de los textos, las imá-genes que se van a colocar; el diagramador las aplica a la edición, es decir resuelve la organización de las pági-nas con las normas ya esta-blecidas por el diseñador.

Andrade, A. Diagramación Revista CO-COA. (2009). Recuperado el 22 de mayo de 2012 de http://alejandroandrade81.wordpress.com/2009/02/25/diagramacion-revista-cocoa/

Arana, S. Técnicas Gráfi-cas II –Revista- Fundamentos ge-nerales. (2010). Recuperado el 22 de mayo de 2012 de http://acade-micamentehablando.blogspot.com/

02

SIMETRIA

La simetría nos conduce al equili-

brio. Suele entenderse como la d i s p o s i -

ción de las diferentes partes de algo de una

forma ordenada y correspondiente. El equi-

librio se logra con el tamaño, la forma y la

intensidad del color. La simetría es fácil de

lograr y facilita la lectura. Se utiliza en casos

donde el mensaje tiene mucha información.

Se dice que una diagramación es simétri-

ca cuando se corresponden las partes re-

sultantes de fraccionarla a través de una o

varias rectas divisorias, llamadas ejes de si-

metría. Cada eje de simetría divide a las fi-

guras en unas partes llamadas planos.

Hay algunas figuras que solamen-

te son simétricas con respecto a un eje

de simetría; otras lo son a través de dos o

varias y otras a través de infinitas. En con-

clusión, todos los ejes de los elementos

tienen que estar iguales y proporcionales

teniendo un equilibrio en la composición.

En el ejemplo de la revista, se pue-

de observar que existe sime-

tría entre las páginas de la revista.

Jiménez, L. Rectángulo aureo. (2010). Recuperado el 22 de mayo de 2012 de http://diseno1anajimenez.blogspot.com/2010_04_01_archive.html

Ayudinga.com ¿Cómo se puede representar una fi-gura geométrica? (2011). Recuperado el 22 de mayo de 2012 de http://ayudinga.com/discussion/1563/co-mo-se-puede-representar-una-figura-geometricas/p1

03

ASIMETRIA

Se refiere a la falta de simetría de un determinado espacio. Es sinóni-mo de desequilibrio. Es la falta de co-rrespondencia entre las partes de un todo. En este tipo de estructura los obje-tos del diseño parecen estar colocados al azar, pero guardan relación entre sí.En la imagen de la página de revista, se puede observar asimetría entre una pá-gina y otra, ya que la estructura es dife-rente. Pareciera que las imágenes de la parte inferior fueron colocadas al azar.

Artedit. Maquetación y Diagramación (2011). Re-cuperado el 22 de mayo de 2012 de http://www.edi-ciona.com/maquetacion_revista-dirpi-12886.htm

Colaboradores de Wikipedia. Asimetría. (2012). Recuperado el 22 de mayo de 2012 de http://e s . w i k i p e d i a . o r g / w i k i / A s i m e t r % C 3 % A D a

04

PROPORCION Es el peso visual que cada elemento va a tener dentro de la composición. La propor-ción es lo que le da belleza al diseño, es la relación en que se encuentran las diversas partes de un todo. Se entiende por proporción a la relación que se da entre magnitudes medibles. La forma más directa de marcar proporciones de mediante el tamaño de los objetos. Las gráficas más grandes, altos y anchos tienen una carga visual mayor en compara-ción con otros más pequeños, cortos o finos, creando zonas d e atracción visual. Tam-bién podemos definir la proporción mediante el color, en el que podemos colocar co-lores puros y saturados los cuales tienen mayor peso visual que los neutros. Otra técnica es el uso de agrupaciones de elementos y una correcta agrupación, siempre y cuando no abusemos del uso de bloques ya que perdería la importancia de cada uno. Otras reglas de la proporción son que las formas regulares tienen mayor peso que las irregu-lares y las formas alargadas alargan el campo de visión, creando zonas dominantes.

En la imagen, se puede ver que se utilizaron las herramientas de diagramación de ritmo y proporción. La proporción se puede observar en la primera página en relación al texto y la imagen en cuanto al posicionamiento de los elementos, la imagen es de mayor tamaño y de colores saturados, por lo que le da una mayor atracción visual. El ritmo se presenta en la segunda página, donde existe una repetición secuencial en los elementos.

Maggiemallory. Elementos del Diseño aplicado al Diseño Editorial. (2010). [ilustra-ción]. Recuperado el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/

Moreno, L. Proporción. (2004). Recuperado el 22 de mayo de 2012 de http://www.desarro-l loweb.com/art icu los/1362.php

05

ARMONIA

El término armo-nía se refiere a la conve-niente proporción y co-rrespondencia de unas cosas con otras, con-notando generalmente belleza; por ejemplo el texto y los diseños gráfi-cos deben de tener algo de relación para dar-le armonía a la pieza. En el ejemplo de las pági-nas de revista, se puede observar que se aplica la armonía, el movimiento y la simetría. La armonía se puede observar en la gama cromática y el ba-lance entre el texto y la imagen. El movimiento va dirigido de la prime-ra hoja en el lado inferior izquierdo hacia el lado superior derecho. La si-metría está aplicada en la segunda hoja donde la mariposa y el teto crean un equilibrios visual.

Maggiemallory. Elementos del Diseño aplicado al Dise-ño Editorial. (2010). [ilustración]. Recuperado el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/

Florencia. Armonía. Recuperado el 22 de mayo de 2012 de http://www.definicionabc.com/general/armonia.php

06

CONTRASTE

Consiste en hacer ver la diferencia que puede haber entre objetos. Por ejemplo un objeto grande contrasta con un objeto pequeño. Si se ve desde el punto del color, son las tonali-dades de estos.Los contrastes se pueden clasificar en

Contraste alto que es utilizado para llamar la atención.Contraste medio que guarda el equilibrio del diseño.Contraste bajo que es discreto y pasa inadvertido.

En la imagen de la revista, se puede observar que se utilizó un contraste de tonos en el co-lor, que estén relacionados con claridad-oscuridad, es decir, claroscuro, manteniendo su peso en el conjunto del diseño.

Maggiemallory. Elementos del Diseño aplicado al Diseño Editorial. (2010). [ilustración]. Recuperado el 22 de mayo de 2012 de http://maggiemallory.wordpress.com

Wiggin. Armonía y contraste de colores. (2010). Recuperado el 22 de mayo de 2012 de http://www.caborian.com/20100315/lab22-armonia-y-contraste-de-colores-saturacion-de-color/

07

PUNTO FOCAL

En la actualidad los di-seños tienen que competir en un mundo lleno de imágenes. Es indispensable que la ima-gen de nuestro diseño sobre-salga y llame la atención gra-cias al punto focal. Nuestros diseños tienen que tener solo un punto focal ya que al te-ner varios nada es importante.Una forma de tener un punto focal es de colocar una ima-gen rompiendo el ritmo de la estructura o colocando un con-traste. Por ejemplo, colocar una imagen realista dentro de varias abstractas, el punto focal será la imagen realista que sobresa-le entre las demás; colocar una imagen pequeña entre varias desproporcionadamente gran-des el punto focal será la ima-gen pequeña; colocar una línea diagonal entre una composición de líneas verticales entonces se rompe el ritmo al existir esta ano-malía, el punto focal será la dia-gonal dentro de la composición. Con el color también se puede lograr un punto focal al cam-biar la intensidad del mismo.En la imagen de la página de re-vista, se puede observar que el punto focal, el elemento que lla-ma más la atención, es el muñe-co Woody, ya que se encuentra al principio de todos los elemen-tos y es el de mayor tamaño.

Yara, D. Diagramación: Historia de juguetes. (2010). Recuperado el 22 de mayo de 2012 de http://daniel-yara.wordpress.com/category/diagramacion/page/3/

Klein, K. Punto focal. [Ilustración]. (2012).

08

REFERENCIAS BIBLIOGRAFICAS

Andrade, A. (2009). Wordpress.com. Diagramación Revis-ta COCOA. Recuperado el 22 de mayo de 2012 de http://alejandroan-d r a d e 8 1 . w o r d p r e s s . c o m / 2 0 0 9 / 0 2 / 2 5 / d i a g r a m a c i o n - r e v i s t a - c o c o a /

Dardón, Alexander. (2005). La prensa escrita como vehícu-lo publicitario. [Versión electrónica]. Recuperado el 22 de mayo de 2012 de http://biblioteca.usac.edu.gt/tesis/16/16_0357.pdf

Jimenez, Lucía. (2010). Blogspot.com. Rectángulo aureo. Recuperado el 22 de mayo de 2012 de http://diseno1anajimenez.blogspot.com/2010_04_01_archive.html

Maggiemallory. (2010). Wordpress.com. Elemen-tos del Diseño aplicado al Diseño Editorial. [Ilustración]. Recupera-do el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/ Moreno, Luciano. (2004). Debemos tener en cuenta la definición a utili-zar, los elementos gráficos y las proporciones. [Versión electrónica]. Recupera-do el 22 de mayo de 2012 de http://www.desarrolloweb.com/articulos/1362.php

09