SECCION
B
Katherine Mishelle G贸mez Betancourt Jonathan Elias Fern谩ndez Josu茅 Daniel Ortiz Ruiz Katrin Steffi Klein Flores Vivian Gabriela Felipe L贸pez
201214212 201213833 201213930 201220386 201214171
INDICE PRESENTACION
01
PRINCIPIOS Y FUNDAMENTOS DE DIAGRAMACION
02
SIMETRIA
03 04
PROPORCION 06
ASIMETRIA 05
ARMONIA CONTRASTE
08
PUNTO FOCAL
REFERENCIAS 09 BIBLIOGRAFICAS
07
PRESENTACION
Para que un documento sea presentable, es necesario que contenga una buena diagramación, es decir, los elementos dentro 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 utilizaremos y el diseño para crearlo. Como parte del curso de tipografía se nos asignó la tarea de investigar las herramientas de diagramació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 Y FUNDAMENTOS DE DIAGRAMACION Diagramar es distribuir y organizar los elementos del mensaje, texto e imagen, en el espacio del papel mediante criterios de jerarquización, es decir la importancia de los mismos, buscando la fácil lectura del mensaje bajo una apariencia estética y agradable, logrado con la aplicación adecuada de tipografías y colores. Es importante decir que el concepto de diseño y diagramación, involucran el problema de la composición. La diferencia entre uno y otro es el papel que cumple cada uno en la edición de la publicación. El diseñador establece las pautas de la diagramació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áginas con las normas ya establecidas por el diseñador.
Andrade, A. Diagramación Revista COCOA. (2009). Recuperado el 22 de mayo de 2012 de http://alejandroandrade81.wordpress. com/2009/02/25/diagramacion-revista-cocoa/
Arana, S. Técnicas Gráficas II –Revista- Fundamentos generales. (2010). Recuperado el 22 de mayo de 2012 de http://academicamentehablando.blogspot.com/
02
SIMETRIA equilil a e posi nduc s o i c d a nos o la lgo de un m etría o im c s Hay alg La derse artes de a . El equin e t n unas fi e e t t p e n s le s la on sim guras q die y nte Sue n e a r o . é e p m io t s if r r ricas c ue sola b re fo r d s d o e e la la c s o im d , n mene y o etría; o il d respec ñ c a a á d f m a t s ción a r t n a t o e v e s a l s a lo d r e ia r un eje so so o s y otra n etría s a trav n a través de en ca n. forma e logra co r. La sim a c lu iz il s t ió é u ió do s s n, todo c olo s los e de infinitas. En s o librio del c lectura. Se a informa étritienen d a je h conid s q de los ue esta ilita la tiene muc ión es sim reintens c t e r e a le ig n f ie m u ales y p ndo un entos c s r y roporc equilib logra el mensaje diagrama las parte En el o io r io a n n a e ales en la c ejemplo e un onde de un si- de dond ompos de la e qu e corresp a través ic e o ic ió d b d n. revista, servar s jes Se se pue que ando raccionarla amadas e a las fi- tría entre u c existe las pá ca ide s, ll de f s. iv ia r s o d g o e n in s t is im a la n ía r s de ep sulta rectas div de simet la rev adas m s is a je ll t a ia e r . a va es . Cad nas part ía r t e m en u guras
Jiménez, L. Rectángulo aureo. (2010). Recuperado el 22 de mayo de 2012 de http://diseno1anajimenez.blogspot. com/2010_04_01_archive.html
03
Ayudinga.com ¿Cómo se puede representar una figura geométrica? (2011). Recuperado el 22 de mayo de 2012 de http://ayudinga.com/discussion/1563/como-se-puede-representar-una-figura-geometricas/p1
ASIMETRIA
Se refiere a la falta de simetría de un determinado espacio. Es sinónimo de desequilibrio. Es la falta de correspondencia entre las partes de un todo. En este tipo de estructura los objetos 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 diferente. Pareciera que las imágenes de la parte inferior fueron colocadas al azar.
Colaboradores de Wikipedia. Asimetría. (2012). Recuperado el 22 de mayo de 2012 de http:// es.wikipedia.org/wiki/Asimetr%C3%ADa
Artedit. Maquetación y Diagramación (2011). Recuperado el 22 de mayo de 2012 de http://www.ediciona.com/maquetacion_revista-dirpi-12886.htm
04
PROPORCION Es el peso visual que cada elemento va a tener dentro de la composición. La proporció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 comparación con otros más pequeños, cortos o finos, creando zonas d e atracción visual. También podemos definir la proporción mediante el color, en el que podemos colocar colores 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 irregulares 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.
Moreno, L. Proporción. (2004). Recuperado el 22 de mayo de 2012 de http://www.desarrolloweb.com/articulos/1362.php
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/
05
ARMONIA
El término armonía se refiere a la conveniente proporción y correspondencia de unas cosas con otras, connotando generalmente belleza; por ejemplo el texto y los diseños gráficos deben de tener algo de relación para darle armonía a la pieza. En el ejemplo de las páginas 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 balance entre el texto y la imagen. El movimiento va dirigido de la primera hoja en el lado inferior izquierdo hacia el lado superior derecho. La simetrí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 tonalidades 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 color, 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
07
Wiggin. Armonía y contraste de colores. (2010). Recuperado el 22 de mayo de 2012 de http://www.caborian.com/20100315/lab22armonia-y-contraste-de-colores-saturacion-de-color/
PUNTO FOCAL
Yara, D. Diagramación: Historia de juguetes. (2010). Recuperado el 22 de mayo de 2012 de http://danielyara.wordpress.com/category/diagramacion/page/3/
En la actualidad los diseños tienen que competir en un mundo lleno de imágenes. Es indispensable que la imagen de nuestro diseño sobresalga y llame la atención gracias al punto focal. Nuestros diseños tienen que tener solo un punto focal ya que al tener varios nada es importante. Una forma de tener un punto focal es de colocar una imagen rompiendo el ritmo de la estructura o colocando un contraste. Por ejemplo, colocar una imagen realista dentro de varias abstractas, el punto focal será la imagen realista que sobresale entre las demás; colocar una imagen pequeña entre varias desproporcionadamente grandes el punto focal será la imagen pequeña; colocar una línea diagonal entre una composición de líneas verticales entonces se rompe el ritmo al existir esta anomalía, el punto focal será la diagonal dentro de la composición. Con el color también se puede lograr un punto focal al cambiar la intensidad del mismo. En la imagen de la página de revista, se puede observar que el punto focal, el elemento que llama más la atención, es el muñeco Woody, ya que se encuentra al principio de todos los elementos y es el de mayor tamaño.
Klein, K. Punto focal. [Ilustración]. (2012).
08
REFERENCIAS BIBLIOGRAFICAS
Andrade, A. (2009). Wordpress.com. Diagramación Revista COCOA. Recuperado el 22 de mayo de 2012 de http://alejandroandrade81.wordpress.com/2009/02/25/diagramacion-revista-cocoa/ Dardón, Alexander. lo publicitario. [Versión de 2012 de
(2005). La prensa escrita como vehícuelectrónica]. Recuperado el 22 de mayo 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. Elementos del Diseño aplicado al Diseño Editorial. [Ilustración]. Recuperado el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/ Moreno, Luciano. (2004). Debemos tener en cuenta la definición a utilizar, los elementos gráficos y las proporciones. [Versión electrónica]. Recuperado el 22 de mayo de 2012 de http://www.desarrolloweb.com/articulos/1362.php
09