El documento presenta definiciones y explicaciones de varios conceptos fundamentales relacionados con el diseño gráfico como figura-fondo, positivo-negativo, trama, gradiente, agrupamiento, tensión, movimiento, dirección, equilibrio, simetría y ritmo. Incluye ejemplos ilustrativos de cada concepto y referencias consultadas.

1. Universidad Autónoma de México
Facultad de Estudios Superiores Cuautitlán
Diseño y Comunicación Visual
Hernández Domínguez Rebeca Alejandra
Unidad 3, Tema 3 y 4, Actividad de
Aprendizaje 4.

2. Figura - fondo
En una imagen, la figura es la que
se ve en primer plano y el fondo
es lo que la rodea en la parte de
atrás. Sin embargo, en algunas
imágenes no podemos diferenciar
entre figura y fondo, estas
composiciones son llamadas
reversibles.
Figura- fondo reversible.

3. Positivo- negativo
Wong, dice que la figura positiva
es la que, en una imagen en
blanco y negro, está de color
negro sobre un fondo blanco,
pues el negro se considera como
un espacio ocupado.
La figura negativa es lo contrario,
una imagen blanco sobre un
fondo negro, pues el blanco se
considera como un vacío.

4. Trama
La palabra trama tiene su origen
en un vocablo latino que hace
referencia al grupo de hilos que,
combinados y enlazados entre sí,
consigue darle forma a una tela.
La palabra también designa al
tipo de seda que, por sus
características, resulta útil para
entramar.

5. Gradiente
Aunque la palabra "gradiente" se
usa a menudo en fotografía y
diseño gráfico, se trata de un
concepto de la física.
En magnitudes cuyo valor es
distinto en los diversos puntos de
una región del espacio,
proporción en la que varía la
magnitud en función de la
distancia, a lo largo de la línea en
que esta variación es máxima. Un
gradiente es siempre una función
vectorial.
Gradiente se usa como sinónimo
de "degradado": la transición
suave y sin saltos de un color a
otro. Por ejemplo, de rojo a verde,
de blanco a negro, de azul a
morado, ...

6. Agrupamiento
Se refiere al comportamiento de las
partes con relación al todo según los
principios de proximidad y
semejanza.
Según estos factores, las unidades
próximas entre sí, se agrupan en
conjuntos mayores que las
contienen, espontáneamente.
Este factor cede ante el de similitud
o semejanza ya que entre ambos
factores simultáneos predomina el
de semejanza. Ambos factores
responden al principio de
simplicidad, agrupando las
unidades de la manera más simple
posible, por similitud de ubicación
(proximidad) o de forma, tamaño,
color, etc. (semejanza).
Las diversas formas de
agrupamiento pueden establecerse
por Proximidad, Semejanza,
Continuidad y Simetría.

7. Tensión
Se puede definir como una
“fuerza” que atrae la vista del
espectador hacia cierto “lugar” de
una imagen. Lo que hay es
siempre una desviación fuerte, de
un estado de menor tensión en
dirección de un aumento de ésta.
Otra definición es cuando se
tiende a dejar el reposo
(equilibrio).

8. Movimiento
Es el desplazamiento observable
de un objeto en un espacio dado y
durante un tiempo dado.
En una composición pura no
existe movimiento como tal, sino
que está inmerso gracias a ciertos
elementos, conseguido mediante
diversas técnicas que crean un
efecto de ilusión óptica o
mediante la representación de
elementos que en el ámbito real si
poseen ese movimiento.
A la hora de analizar una imagen,
hay que tener en cuenta varios
conceptos. Algunos de ellos están
relacionados directamente con el
movimiento, como son el
dinamismo, el tiempo y cambio y
el equilibrio.

9. Dirección
Es la orientación de las formas de
acuerdo a nuestros ejes de
posición. El individuo percibe la
dirección en relación a su posición
sobre los ejes horizontales y
verticales. Cuando decimos,
derecho, inclinado, acostado, etc.
estamos apreciando la dirección.
Generalmente la manejamos con
ángulos de rotación. Las
diferentes gradaciones de
dirección en los objetos de una
composición harán perceptible
diferentes tensiones y
movimientos de las formas.

10. Equilibrio
En una composición se puede
conseguir el equilibrio a través del
uso de líneas y formas. Todos los
pesos deberán estar compensados
para obtener el equilibrio ideal.
Clasificamos el equilibrio en dos
tipos: simétrico y asimétrico.
El equilibro simétrico se produce
cuando al dividir una
composición en dos partes
iguales, existe igualdad de peso
en ambos lados. No se encuentran
elementos que sobresalgan más
que el resto en importancia y
peso.
La creación de un diseño
simétrico nos transmite una
sensación de orden.
En esta imagen
el equilibrio es
simétrico,
porque,
aunque las
formas no son
iguales, si se
compensan en
cuento a su
peso, por el
tamaño que
tienen.

11. Un equilibrio es asimétrico
cuando al dividir una
composición en dos partes
iguales, no existen las mismas
dimensiones en tamaño, color,
peso etc, pero existe un equilibrio
entre dos elementos.
En el equilibrio asimétrico, al ser
desiguales los pesos a un lado y
otro del eje, el efecto es variado.
La asimetría nos transmite
agitación, tensión, dinamismo,
alegría y vitalidad; en este tipo de
equilibrio una masa grande cerca
del centro se equilibra por otra
pequeña alejada del aquel.
En esta imagen
el equilibrio es
asimétrico, pues
en la parte de
arriba solo hay
un personaje y
en la parte de
abajo hay dos;
sin embargo, los
pesos se
compensan por
el tamaño,
resaltando a la
figura de arriba,
que supongo es
el personaje
principal en ese
tomo o del que
se habla más.

12. Simetría
Es la correspondencia de las
formas a ambos lados de un eje
transversal o alrededor de un
centro. La asimetría genera
vértigo visual y una búsqueda de
equilibrio permanente.
Simetría axial o de espejo.
Denominada también como
simetría de reflexión. Determina
que un plano gráfico tiene
simetría de espejo si el eje que lo
divide muestra que las dos partes
(derecha-izquierda o superior e
inferior) son semejantes.

13. Simetría de
traslación
En esta simetría se muestran las
partes del plano gráfico en forma
idéntica conservando distancias y
dirección constantes sobre uno o
varios ejes.
Móviles de
viento

14. Simetría radial
Equilibrio radial es el que refiere
a un centro de atracción sobre el
cual se componen y compensan
los demás elementos gráficos.

15. Ritmo
Rimo se refiere a la repetición de
uno o mas elementos en la
composición de un diseño, esto
con el fin de obtener cierta
secuencia que pude llegar a ser
predicha , una cualidad del ritmo
es que permite espacios entre
cada elemento que esta
conformándolo llamados
intervalos.

16. Referencias consultadas:
• Dorignac, E. (s.f.) Morfología. Consultado el 25/03/15 de: http://www.ideocentro.com/recursos.php?id=28&estudio_diseno_web_ideocentro=Morfologia
• Wong, W. (2011). Cap. 2, Forma. En Fundamentos del diseño. (p. 47) Barcelona: Gustavo Gili.
• (s. a.). (s. f.). Definición de trama. Consultado el 25/03/15 de: http://definicion.de/trama/
• (s. a.). (s. f.). Definición de gradiente. Consultado el 25/03/15 de: http://www.fotonostra.com/glosario/gradiente.htm
• Miranda, B. (2010). Cohesión y agrupamiento. Consultado el 25/03/15 de: http://brayanmj.blogspot.mx/2010/06/cohesion-y-agrupamiento.html
• González, G. (2008). Fundamentos Básicos Del Diseño II. Consultado el 25/03/15 de: http://es.slideshare.net/triplege/fundamentos-bsicos-del-diseo-ii
• Monge, C. (2010). Tensión. Consultado el 25/03/15 de: http://carlosdisgra.blogspot.mx/2010/05/tension.html
• (s. a.). (s. f.). Equilibrio simétrico. Consultado el 25/03/15 de: http://www.fotonostra.com/grafico/equilibriosimetrico.htm
• (s. a.). (s. f.). Simetrías. Consultado el 25/03/15 de: http://diseniobasicounoudl.blogspot.mx/p/ejercicios.html
• Miranda, B. (2010). Ritmo. Consultado el 25/03/15 de: http://brayanmj.blogspot.mx/2010/06/ritmo.html
• Imágenes de figura-fondo. Consultado el 25/03/15 de: https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#imgdii=_
• Imágenes de positivo negativo diseño. Consultado el 25/03/15 de :
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=positivo+negativo+dise%C3%B1o&imgdii=_
• Imágenes de textiles mexicanos. Consultado el 25/03/15 de: https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=textiles+mexicanos&revid=928414258&imgdii=_

17. • Imágenes de portadas de comics marvel infinity. Consultado el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=portadas+de+comics+marvel+infinity&imgdii=_
• Imágenes de Antonio Gaudi parque Güell. Consultado el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=antonio+gaudi+parque+g%C3%BCell&revid=500317995&imgdii=_
• Imágenes de Avengers vs Thanos. Consultado el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=avengers+vs+thanos&imgdii=_
• Imágenes de portadas manga inuyasha. Consultado el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbm=isch&q=portadas+manga+inuyasha&spell=1&imgdii=_
• Imágenes de cestas mexicanas. Consultado el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbs=isz:l&tbm=isch&q=cestas+mexicanas+&imgdii=_
• Imágenes de casitas para pájaros. Consultados el 25/03/15 de:
https://www.google.com/search?q=figura+fondo&tbm=isch&tbo=u&source=univ&sa=X&ei=u0QTVcOYOoymNvG-
gNAO&ved=0CCAQsAQ&biw=1600&bih=789#tbs=isz:l&tbm=isch&q=casa+para+pajaros&imgdii=_
• Imágenes de móviles de veinto. Consultado el 25/03/15 de:
https://www.google.com/search?q=moviles+para+colgar+afuera&tbm=isch&tbo=u&source=univ&sa=X&ei=l2sTVYjgNJDioATW-
YLQAQ&ved=0CB0QsAQ&biw=1600&bih=789#tbm=isch&q=moviles+de+viento&imgdii=_