SECCION

Katherine Mishelle Gmez Betancourt 201214212

Jonathan Elias Fernndez 201213833
Josu Daniel Ortiz Ruiz 201213930
Katrin Steffi Klein Flores 201220386
Vivian Gabriela Felipe Lpez 201214171
INDICE

PRESENTACION 01

PRINCIPIOS Y
02 FUNDAMENTOS DE
DIAGRAMACION

SIMETRIA 03

04 ASIMETRIA

PROPORCION 05

06 ARMONIA

CONTRASTE 07

08 PUNTO FOCAL

REFERENCIAS
09
BIBLIOGRAFICAS
 PRESENTACION

Para que un documento sea presenta-

ble, es necesario que contenga una buena
diagramacin, 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 diseo para crearlo. Como parte
del curso de tipografa se nos asign la tarea
de investigar las herramientas de diagrama-
cin: simetra, asimetra, proporcin, armona,
contraste y punto focal, y aplicarlo al dise-
o de la presente revista. A continuacin se
encontrar una breve descripcin 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 me-
diante criterios de jerarqui-
zacin, es decir la importan-
cia de los mismos, buscando
la fcil lectura del mensaje
bajo una apariencia est-
tica y agradable, logrado
con la aplicacin adecua-
da de tipografas y colores.
Es importante decir que el
concepto de diseo y diagra-
macin, involucran el proble-
ma de la composicin. La di-
ferencia entre uno y otro es el
papel que cumple cada uno
en la edicin de la publica-
cin. El diseador establece
las pautas de la diagrama-
Andrade, A. Diagramacin Revista CO-
cin, es decir la tipografa, COA. (2009). Recuperado el 22 de mayo de
tamao, estilo, prrafos. El 2012 de http://alejandroandrade81.wordpress.
color de los textos, las im- com/2009/02/25/diagramacion-revista-cocoa/
genes que se van a colocar;
el diagramador las aplica a
la edicin, es decir resuelve
la organizacin de las pgi-
nas con las normas ya esta-
blecidas por el diseador.

Arana, S. Tcnicas Grfi-

cas II Revista- Fundamentos ge-
nerales. (2010). Recuperado el 22
de mayo de 2012 de http://acade-
micamentehablando.blogspot.com/

02
 SIMETRIA

a l equili-
e -
c o nduc d i s posi
nos o la lgo de un
a
s im etra c o m
La
n t e n derse artes de a . El equi- Hay alg
le e s p n t e la t e s on sim unas fi
io . Sue if e r e nte s p o n die r m a y t guras q
b r la s d c o r re la fo e d e s ricas c ue sola
d e a y a o , c il d im etra; o o n respec men-
cin r d e n a d
e l t a m e s f
so s v a r ia t r a s lo t o a
o n etra en ca n.
s y otra so
s a trav n a travs de
un eje
forma e logra co r. La sim t il iz a c lu s i
s olo u c i n, todo s do
librio a d del c lectura. Se a informa tri- tienen s los e de infinitas. En s o
id h q je s con-
intens f a c ilita la tiene muc in es sim re- t e n ie
ue esta
r ig u
de los
e le m
r y c s ndo un ales y p entos
logra el mensaje diagrama las parte o En el equilib
r
roporc
io
e a n a io n
dond e un onde de un si- de ejemplo en la c
ompos
ales
d ic e qu e corresp a travs d e o b servar
de la
revista, ic i n.
Se s jes
c u ando raccionarla amadas e a las fi- tra entre que se pue
-
ca
t e s de f is o r ia s, ll d iv ide
la n o s. las p
g in a
existe
s im
n
sulta rectas div de simet r a p s de e-
ia s e je ll a m adas la rev
is t a
va r a es .
e t r a . Cad nas part
m en u
guras

Jimnez, L. Rectngulo aureo. (2010). Recuperado el 22 Ayudinga.com Cmo se puede representar una fi-
de mayo de 2012 de http://diseno1anajimenez.blogspot. gura geomtrica? (2011). Recuperado el 22 de mayo
com/2010_04_01_archive.html 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 simetra

de un determinado espacio. Es sinni-
mo de desequilibrio. Es la falta de co-
rrespondencia entre las partes de un
todo. En este tipo de estructura los obje-
tos del diseo parecen estar colocados
al azar, pero guardan relacin entre s.
En la imagen de la pgina de revista, se
puede observar asimetra entre una p-
gina y otra, ya que la estructura es dife-
Colaboradores de Wikipedia. Asimetra. (2012).
rente. Pareciera que las imgenes de la Recuperado el 22 de mayo de 2012 de http://
parte inferior fueron colocadas al azar. es.wikipedia.org/wiki/Asimetr%C3%ADa

Artedit. Maquetacin y Diagramacin (2011). Re-

cuperado el 22 de mayo de 2012 de http://www.edi-
ciona.com/maquetacion_revista-dirpi-12886.htm

04
 PROPORCION
Es el peso visual que cada elemento va a tener dentro de la composicin. La propor-
cin es lo que le da belleza al diseo, es la relacin en que se encuentran las diversas partes
de un todo. Se entiende por proporcin a la relacin que se da entre magnitudes medibles.
La forma ms directa de marcar proporciones de mediante el tamao de los objetos.
Las grficas ms grandes, altos y anchos tienen una carga visual mayor en compara-
cin con otros ms pequeos, cortos o finos, creando zonas d e atraccin visual. Tam-
bin podemos definir la proporcin mediante el color, en el que podemos colocar co-
lores puros y saturados los cuales tienen mayor peso visual que los neutros. Otra tcnica
es el uso de agrupaciones de elementos y una correcta agrupacin, siempre y cuando
no abusemos del uso de bloques ya que perdera la importancia de cada uno. Otras
reglas de la proporcin son que las formas regulares tienen mayor peso que las irregu-
lares y las formas alargadas alargan el campo de visin, creando zonas dominantes.

En la imagen, se puede ver que se utilizaron las herramientas de diagramacin de

ritmo y proporcin. La proporcin se puede observar en la primera pgina en relacin al
texto y la imagen en cuanto al posicionamiento de los elementos, la imagen es de mayor
tamao y de colores saturados, por lo que le da una mayor atraccin visual. El ritmo se
presenta en la segunda pgina, donde existe una repeticin secuencial en los elementos.

Moreno, L. Proporcin.
(2004). Recuperado el 22 de mayo
de 2012 de http://www.desarro-
lloweb.com/articulos/1362.php

Maggiemallory. Elementos del Diseo aplicado al Diseo Editorial. (2010). [ilustra-

cin]. Recuperado el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/

05
 ARMONIA

El trmino armo-
na se refiere a la conve-
niente proporcin y co-
rrespondencia de unas
cosas con otras, con-
notando generalmente
belleza; por ejemplo el
texto y los diseos grfi-
cos deben de tener algo
de relacin para dar-
le armona a la pieza.
En el ejemplo de las pgi-
nas de revista, se puede
observar que se aplica la
armona, el movimiento Maggiemallory. Elementos del Diseo aplicado al Dise-
y la simetra. La armona o Editorial. (2010). [ilustracin]. Recuperado el 22 de
se puede observar en la mayo de 2012 de http://maggiemallory.wordpress.com/

gama cromtica 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-
metra est aplicada en
la segunda hoja donde la
mariposa y el teto crean
un equilibrios visual.

Florencia. Armona. 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 pequeo. 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 atencin.

Contraste medio que guarda el equilibrio del diseo.
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 estn relacionados con claridad-oscuridad, es decir, claroscuro, manteniendo su
peso en el conjunto del diseo.

Maggiemallory. Elementos del Diseo aplicado al Diseo Wiggin. Armona y contraste de colores. (2010). Recuperado el 22
Editorial. (2010). [ilustracin]. Recuperado el 22 de mayo de mayo de 2012 de http://www.caborian.com/20100315/lab22-
de 2012 de http://maggiemallory.wordpress.com armonia-y-contraste-de-colores-saturacion-de-color/

07
 PUNTO FOCAL
Yara, D. Diagramacin: 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. [Ilustracin].
(2012).
En la actualidad los di-
seos tienen que competir en
un mundo lleno de imgenes.
Es indispensable que la ima-
gen de nuestro diseo sobre-
salga y llame la atencin gra-
cias al punto focal. Nuestros
diseos 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 dems; colocar una
imagen pequea entre varias
desproporcionadamente gran-
des el punto focal ser la ima-
gen pequea; colocar una lnea
diagonal entre una composicin
de lneas verticales entonces se
rompe el ritmo al existir esta ano-
mala, el punto focal ser la dia-
gonal dentro de la composicin.
Con el color tambin se puede
lograr un punto focal al cam-
biar la intensidad del mismo.
En la imagen de la pgina de re-
vista, se puede observar que el
punto focal, el elemento que lla-
ma ms la atencin, es el mue-
co Woody, ya que se encuentra
al principio de todos los elemen-
tos y es el de mayor tamao.
08
REFERENCIAS
BIBLIOGRAFICAS

Andrade, A. (2009). Wordpress.com. Diagramacin Revis-

ta COCOA. Recuperado el 22 de mayo de 2012 de http://alejandroan-
drade81.wordpress.com/2009/02/25/diagramacion-revista-cocoa/

Dardn, Alexander. (2005). La prensa escrita como vehcu-

lo publicitario. [Versin electrnica]. Recuperado el 22 de mayo
de 2012 de http://biblioteca.usac.edu.gt/tesis/16/16_0357.pdf

Jimenez, Luca. (2010). Blogspot.com. Rectngulo 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 Diseo aplicado al Diseo Editorial. [Ilustracin]. Recupera-
do el 22 de mayo de 2012 de http://maggiemallory.wordpress.com/

Moreno, Luciano. (2004). Debemos tener en cuenta la definicin a utili-
zar, los elementos grficos y las proporciones. [Versin electrnica]. Recupera-
do el 22 de mayo de 2012 de http://www.desarrolloweb.com/articulos/1362.php

09