Introducción a la Comunicación Visual By Yasmery Gómez

Matrícula: 2024-1721
Profesora: Yasmery Gómez
Introducción a la
Comunicación
Visual
Hecho por Gabriel Gutiérrez

Los
Elementos
del Diseño
Gabriel Gutiérrez
Mayo 19 de 2025

El diseño no es solo
decoración, requiere
de un objetivo. Sus
componentes buscan
comunicar un
mensaje al público,
por lo que es esencial
encontrar la mejor
manera de
estructurarlos para
que se relacionen
con su entorno.
Elementos
del Diseño
La esencia del diseño
está sujeta a las
percepciones
individuales, algunas
de estas pueden ser o
parecer bastante
estrictas o muy
simplificadas,
mientras que otras
pueden ser más
flexibles y
complejas.
Los elementos del diseño están
estrechamente vinculados
entre sí, por lo que no es fácil
separarlos. Sin embargo, al
analizarlos de manera aislada,
podrían parecer algo
abstractos.
Podemos distinguir entre
cuatro grupos de
elementos:
Elementos
conceptuales
Elementos visuales
Elementos de la
relación
Elementos prácticos

Elementos
Conceptuales

Elementos
Visuales

Elementos de la
Relación
Éstos se refieren a la ubicación de las formas.
Estos elementos pueden ser percibidos
dependiendo de su posición y la dirección,
mientras otros pueden ser sentidos, , ya sea un
ejemplo de esto el espacio y la misma gravedad.
Dirección: la dirección de
una forma siempre
dependerá de cómo
visualizamos la misma.
Posición: podemos visualizar
la posición de una forma
tomando en cuenta el
cuadrado en donde se
encuentra la misma.
Espacio: por más pequeña
que parezca una forma esta
ocupa un espacio. Puede o
no estar ocupado, así como
puede ser liso o todo lo
contrario. Esta última refleja
la profundidad.
Gravedad: la gravedad es
psicológica. . Se le otorga
peso o livianidad, , así como
estabilidad a formas tanto en
grupos o estando por sí
solas.

Elementos
Prácticos
Los elementos prácticos
subyacen el contenido y el
alcance de un diseño.
Representación. . Cuando una
forma ha sido derivada de la
naturaleza, o del mundo hecho
por el ser humano, es
representativa. . La
representación puede ser
realista, estilizada o
semiabstracta.
Significado. . El significado se
hace presente cuando el diseño
transporta un mensaje.
Función. . La función se hace
presente cuando un diseño debe
servir un determinado
propósito.

El marco de referencia en un diseño define los límites
donde interactúan los elementos visuales. Puede ser físico o
implícito, y es parte esencial de la composición, guiando la
estructura del diseño dentro de un espacio delimitado,
generalmente rectangular.
El plano de la imagen es la superficie plana donde se crea el
diseño, como el papel u otro material. Aunque las formas se
imprimen directamente en este plano, pueden parecer sobre,
debajo o inclinadas respecto a él, debido a ilusiones espaciales.
Todos los elementos visuales conforman lo que llamamos "forma",
que es el enfoque principal en el estudio del lenguaje visual. La
forma no solo se refiere a lo que se percibe visualmente, sino
también a sus características como tamaño, color y textura, que
la definen de manera completa.
La manera en que una forma se organiza o se combina con
otras está regida por un principio que llamamos
"estructura". Esta estructura, que incluye las relaciones
entre los elementos, y es fundamental para el análisis
visual.

Wucius Wong
Wucius Wong es un
diseñador gráfico, teórico y
artista visual chino destacado
por sus contribuciones al
diseño y la enseñanza del
arte en Hong Kong. Nacido
en 1936 en Guangzhou,
China, y luego trasladado a
Hong Kong, es reconocido
por combinar elementos del
arte tradicional chino con
principios occidentales del
diseño moderno, creando un
enfoque innovador y único.
Es conocido por sus escritos y
enseñanzas sobre teoría del diseño,
especialmente a través de su libro
"Fundamentos del diseño visual", el
cual se ha convertido en un texto
clave para el aprendizaje del diseño
gráfico. En este libro, explora
elementos esenciales como la forma,
la estructura, y la relación entre las
figuras y el espacio.
Como artista, Wucius ha
desarrollado una obra que
mezcla la caligrafía y la
pintura de paisaje
tradicionales chinas con
conceptos geométricos y
abstractos. Su estilo es
una fusión de lo oriental y
lo occidental, y ha sido
considerado un innovador
en su campo por su
habilidad para integrar lo
contemporáneo con lo
clásico.
Datos Curiosos
Interés en la geometría: Wong tiene una
fascinación particular por la geometría y las
formas abstractas. En su arte, a menudo emplea
formas geométricas precisas, como círculos y
rectángulos, que contrastan con los paisajes
orgánicos que representa.
Artista viajero: A lo largo de su vida, Wong ha
viajado extensamente por el mundo, lo que le ha
permitido integrar una amplia gama de influencias
culturales en su trabajo. Además de su tiempo en
Hong Kong y Estados Unidos, sus viajes a Europa
y Asia han enriquecido su perspectiva artística.

Teoría de
Gestalt
La teoría de Gestalt explica tanto la percepción mediante
un numero de distintas leyes, pero también se enfoca a la
psicoterapia. Lo primero es conocido como Psicología de
Gestalt, por Max Wertheimer, mientras que lo segundo es
conocido como Psicoterapia Gestalt, por Fritz Perls.
Así, la psicología de Gestalt establece que la percepción
ocurre a modo de registro de manera parcial sobre los
fenómenos que ocurren a nuestro alrededor. Una forma más
sencilla seria decir que, no somos capaces de registrar toda
la información de forma idéntica a la que ocurre; mas bien,
solo conservamos la información que nos parece relevante.
Esto es la respuesta al por qué percibimos las cosas de una
manera algo distorsionada o con más información de la que
debería, en un intento de obtener una imagen visual de algún
objeto.

Teoría de
Gestalt
Leyes y Principios
Ley de proximidad: El
cerebro agrupa como un
conjunto aquella serie de
elementos que se
encuentren a menor
distancia.
Ley de continuidad: El
cerebro tiende a ignorar los
cambios que interrumpen
una imagen y prioriza los
estimulos que permitan
apreciar la imagen de
forma continua
Ley de figura y fondo: El
cerebro localiza contornos,
separa objetos y establece
distinciones entre ellos.
Ley de la semejanza o
igualdad: El cerebro
tiende a unir o agrupar los
elementos más parecidos
entre si.
Ley de la dirección
común:
El cerebro identifica como
un grupo aquellos
elementos que dan la
impresión de moverse o
confluir hacia un mismo
punto.
Ley de tendencia al
cierre:
El cerebro tiende a
completar imaginariamente
las líneas faltantes o
interrumpidas del contorno
de las figuras.
Ley de pregnancia o
simetría: El cerebro tiende
a organizar y percibir los
elementos de la forma más
simple y correcta posible,
bajo criterios de simetría,
regularidad y estabilidad.

Teoría de
Gestalt

LaTeoría
de
Gestalt
a b r i e l g u t i é r r e z
G a b r i e l g u t i é r r e z
G
2 0 2 4 - 1 7 2 1
2 0 2 4 - 1 7 2 1

El
la
Punto
Línea y
como forma.

Matrícula: 2024-1721
Profesora: Yasmery Gómez
Hecho por Gabriel Gutierrez
SEÑA
LETI
CA

10 Señaleticas
01

02

03

04

05

06

07

08

09

10

11

esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
esumen
12

Formas Positivas y
Negativas
¿ Q U É S O N ?
1. Forma Positiva: Se percibe como
ocupante de un espacio. Por ejemplo,
una figura negra en un fondo blanco.
2. Forma Negativa: Se entiende como
un espacio en blanco rodeado de un
espacio ocupado, como una figura
blanca sobre un fondo negro.
La relación entre figura y fondo puede ser
ambigua, especialmente en diseños
complejos donde las formas se cruzan, lo
que complica la identificación de lo
positivo y lo negativo.
13

Distribución del Color
La distribución del color influye en cómo se perciben las formas. Con
un esquema simple de blanco y negro, se pueden obtener diferentes
configuraciones:
H O U S E R U L E S
Blanco sobre blanco: La forma desaparece.
Blanco sobre negro: Se percibe como negativa.
Negro sobre blanco: Se identifica como positiva.
Negro sobre negro: La forma también desaparece.
A medida que el
diseño se complica,
como con círculos que
se cruzan, aumentan
las posibilidades de
distribución de color.
En este caso, se
pueden generar
dieciséis variantes
distintas en lugar de
cuatro, mostrando la
riqueza de la
interacción entre
forma y color.
14

Interrelación de Formas
Las formas pueden interactuar de ocho maneras principales, cada una con
efectos visuales y espaciales diferentes:
1.Distanciamiento: Las formas están separadas, creando una percepción de
distancia.
2.Toque: Las formas se tocan, eliminando el espacio entre ellas.
3.Superposición: Una forma cubre parcialmente a la otra, estableciendo una
jerarquía visual.
4.Penetración: Ambas formas son transparentes y sus contornos son visibles, sin
una clara relación de arriba y abajo.
5.Unión: Las formas se combinan en una nueva figura, perdiendo parte de su
contorno.
6.Sustracción: Una forma invisible cubre parcialmente una visible, haciendo que la
parte cubierta desaparezca.
7.Intersección: Solo se ve la parte donde ambas formas se cruzan, creando una
nueva forma más pequeña.
8.Coincidencia: Las formas se superponen perfectamente, convirtiéndose en una
sola, solo si son idénticas.
15

INTER INTER
RELA RELA
CIÓN CIÓN
DE
FOR
MAS
Hecho por Gabriel Gútierrez

Interrelación de
Formas
La interrelación de formas se refiere a cómo
diferentes formas o elementos visuales
interactúan y se conectan entre sí dentro de un
diseño o composición.
Estas relaciones pueden ser armónicas,
contrastantes o complementarias, y pueden
ayudar a dirigir la atención, crear equilibrio, y
transmitir significado en el diseño gráfico, la
arquitectura o el arte.
Las interrelaciones de formas también pueden
involucrar la repetición, la simetría, el ritmo y
otros principios que estructuran visualmente
una obra.
01

Ejemplos
Distanciamiento
Ambas formas quedan separadas entre sí,
aunque pueden estar muy cercanas
Toque
Si acercamos las formas, comienzan a tocarse,
así que el espacio que existía entre ella queda
anulado.
Superposición
Una forma se cruza sobre la otra y parece
estar por encima, cubriendo una porción de la
que queda debajo.
Penetración
No existe una relación obvia de arriba y debajo
entre las formas, los contornos siguen siendo
enteramente visibles.
Unión
No existe una relación obvia de arriba y debajo
entre las formas, pero ambas formas quedan
reunidas y se convierten en una forma nueva y
mayor.
Sustracción
Se la considera como la superposición de una
forma negativa sobre una positiva.
Intersección
En este caso solo es visible la porción en que
ambas formas se cruzan entre sí.
Coincidencia
Si acercamos las formas, los dos formas se
convierten en una.
02

esumen
Repetición
esumen
Repetición
esumen
Repetición
esumen
Repetición
esumen
esumen
Repetición
Repetición
esumen
Repetición
esumen
Repetición
esumen
Repetición
esumen
Repetición

Tipos de
Repetición
La repetición debe ser considerada respecto a cada
uno de los elementos visuales y de relación.
Repetición de tamaño: La repetición de tamaño solo
es posible cuando las figuras son también repetidas o
muy similares.
Repetición de figura: La figura es siempre el
elemento más importante. Las figuras que se repiten
pueden tener diferentes medidas, colores, etc.
Repetición de color: Esto supone que todas las
formas tienen el mismo color, pero que sus figuras y
tamaños pueden variar
04

Tipos de
Repetición
Repetición de textura: Todas las formas pueden ser
de la misma textura, pero pueden ser de diferentes
conformaciones, medidas o colores
Repetición de dirección: Esto solo es posible
cuando las formas muestran un sentido definido de
dirección, sin la menor ambigüedad.
Repetición de posición: Esto se refiere a cómo se
disponen las formas, de acuerdo con una estructura.
Repetición de espacio: Todas las formas pueden
ocupar su espacio de una misma manera. En otras
palabras, pueden ser todas positivas, o todas
negativas.
05

El encuentro de los
Cuatro Círculos
Las posibilidades son claramente ilimitadas, pero
podemos examinar algunas de las formas más comunes
de disposición.
Disposición lineal: Los círculos son alineados como si
fueran guiados por una línea conceptual que pasara
por los centros de todos los circulos.
Disposición cuadrada o rectangular: En este caso
los cuatro circulos ocupan cuatro puntos que, entre sí,
pueden formar un cuadrado o un rectángulo.
Disposición en rombo: Aquí los cuatro circulos
ocupan cuatro puntos que, unidos entre sí, pueden
formar un rombo.
06

El encuentro de los
Cuatro Círculos
Disposición triangular: Aquí los cuatro circulos son
dispuestos para que tres de ellos ocupen los tres
extremos de un triángulo, con el cuatro en el centro.
Disposición circular: La disposición circular puede
ser muy singular agregando más círculos, en este caso
se emula la forma de un arco
Repetición y reflexión: La reflexión es un caso
especial de la repetición. Por reflexión entendemos
que una forma es espejada, resultando una nueva
forma que se parece mucho a la original, pero una va
hacia la izquierda, la otra hacia la derecha y las dos
nunca pueden coincidir.
07

Primer Parcial

Matrícula: 2024-1721
Profesora: Yasmery Gómez
ESTRUCTURA
HECHO POR GABRIEL GUTI ERREZ

Estructura
La estructura impone un orden y predetermina las relaciones internas de las
formas en un diseño. Podemos haber creado un diseño sin haber pensado
conscientemente en la estructura, pero la estructura está siempre presente
cuando hay una organización. La estructura puede ser formal, semiformal o
informal. Puede ser activa o inactiva. También puede ser visible o invisible.
ESTRUCTURA FORMAL: Una estructura formal se compone de líneas
estructurales que aparecen construidas de manera rígida, matemática. Las líneas
estructurales habrán de guiar la formación completa del diseño. El espacio queda
dividido en una cantidad de subdivisiones, igual o ritmicamente, y las formas
quedan organizadas con una fuerte sensación de regularidad. Los diversos tipos
de la estructura formal son la repetición, la gradación y la radiación.
ESTRUCTURA SEMIFORMAL: Una estructura semiformal es habitualmente
bastante regular, pero existe la ligera irregularidad. Puede componerse no de líneas
estructurales que determinan la disposición de los módulos.
ESTRUCTURA INFORMAL: Una estructura informal no tiene normalmente Líneas
estructurales. La organización es generalmente libre o indefinida.
ESTRUCTURA INACTIVA: Todos los tipos de estructura pueden ser activos o
inactivos. Una estructura inactiva se compone de líneas estructurales que son
puramente conceptuales. Tales líneas estructurales son construidas en un diseño
para guiar la ubicación de formas o de módulos, pero nunca interfieren con sus
figuras ni dividen el espacio en zonas distintas, donde puedan ser introducidas las
variaciones de color.
01

Estructura
Activa
Una estructura activa se compone de líneas estructurales que asimismo
conceptuales. Sin embargo, las líneas estructurales activas pueden dividir el
espacio en subdivisiones individuales, que interactúan de varias maneras con los
módulos que contienen:
a) Las subdivisiones estructurales aportan una completa independencia espacial
para los módulos. Cada módulo existe aislado, como si tuviera su propia y
pequeña referencia a un marco. Puede tener un fondo de color diferente al de
sus módulos vecinos.
b) Dentro de la subdivisión estructural, cada módulo puede ser trasladado para
asumir posiciones excéntricas. Puede incluso deslizarse más allá de la zona
definida por la subdivisión estructural. Cuando esto ocurre, puede cortarse la
porción del módulo que quede fuera de los límites.
c) Cuando el módulo penetra en el dominio de una subdivisión estructural
adyacente, puede considerarse esta situación como el encuentro de dos formas
(el módulo y su adyacente subdivisión estructural) y puede procederse como se
desee a la penetración, la unión, la sustracción o la intersección.
d) El espacio aislado por un módulo en una subdivisión estructural puede ser
reunido con cualquier módulo o subdivisión estructural vecina.
02

Visible e
Invisible
ESTRUCTURA INVISIBLE: En la mayoría de los casos, las estructuras son
invisibles, sean formales, semi formales, informales, activas o inactivas. En las
estructuras invisibles, las lineas estructurales son conceptuales, incluso si
cercenan un fragmento de un módulo. Tales líneas son activas, pero no son líneas
visibles, de un grosor mensurable.
ESTRUCTURA VISIBLE: Aveces un diseñador puede preferir una estructura
visible. Esto significa que las líneas estructurales existen como líneas reales y
visibles, de un grosor deseado. Tales líneas deben ser tratadas como una clase
especial de módulo, ya que poseen todos los elementos visibles y pueden
interactuar con los módulos y con el espacio contenido por cada una de las
subdivisiones estructurales.
Las líneas estructurales visibles pueden ser positivas o negativas. Si son
negativas, quedan unidas con el espacio negativo o con módulos negativos, y
pueden atravesar un espacio positivo o módulos positivos. Las líneas
estructurales negativas son consideradas como visibles, ya que tienen un grosor
definido que puede ser visto y medido.
Las líneas estructurales visibles positivas negativas pueden ser combinadas en
un diseño. Por ejemplo, todas las líneas estructurales horizontales pueden ser
positivas, y todas las verticales pueden ser negativas.
Las líneas estructurales visibles e invisibles pueden ser utilizadas conjuntamente.
Esto supone que podemos hacer visibles solamente las verticales o las
horizontales. O pueden usarse alternada sistemáticamente las líneas
estructurales visibles e invisibles.
03

Retícula
LA RETICULA BASICA
La retícula básica es la que se usa con más frecuencia en las estructuras de
repetición. Se compone de líneas verticales y horizontales, parejamente
espaciadas, que se cruzan entre si, lo que resulta en una cantidad de
subdivisiones cuadradas de igual medida. La retícula básica aporta a cada
módulo una misma cantidad de espacio, arriba, abajo, a la izquierda y a la
derecha. Excepto por la dirección generada por los mismos módulos.
VARIACIONES DE LA RETICULA BASICA
Existen muchos otros tipos de estructuras de repetición, habitualmente derivadas
de la reticula básica. Tales variaciones de la reticula básica
pueden ser;
Cambio de proporción. Las subdivisiones cuadradas de la reticula básica
pueden ser sustituidas por rectangulares. El equilibrio de las direcciones
verticales y horizontales queda así transformado, y una dirección consigue un
mayor énfasis.
Cambio de dirección. Todas las líneas verticales u horizontales, o ambas,
pueden ser inclinadas hasta cualquier ángulo. Tal modificación sobre la inicial
estabilidad vertical-horizontal puede provocar una sensación de movimiento.
Deslizamiento. Cada fila de subdivisiones estructurales puede ser deslizada en
una u otra dirección, regular o irregularmente. En este caso, una subdivisión
puede no estar directamente encima o contigua a otra subdivisión en una fila
adyacente.
04

Retícula
Curvatura o quebrantamiento. Todo el conjunto de líneas verticales u
horizontales, o ambas, puede ser curvado o quebrado en forma regular, lo que
deriva a subdivisiones estructurales que continúan siendo de la misma forma y el
mismo tamaño.
Reflexión. Una fila de subdivisiones estructurales, como en los casos b) y d) (y
supuesto que los bordes exteriores de cada fila sean aun rectos y paralelos entre
sí), puede ser reflejada y repetida, en forma alternada o regular.
05

Variaciones
de la Retícula
Combinación. Las subdivisiones estructurales en una estructura de repetición
pueden ser combinadas para integrar formas mayores quizá más complejas. Las
subdivisiones nuevas y mayores deben ser, desde luego, de iguales forma y
tamaño.
Divisiones ulteriores. Las subdivisiones estructurales en una estructura de
repetición pueden ser nuevamente divididas en formas pequeñas o quizá más
complejas. Las subdivisiones nuevas y más pequeñas deben ser también de igual
forma y tamaño.
La reticula triangular. La inclinación de la dirección de lineas estructurales y su
nueva división en las subdivisiones que asi se forman, permiten obtener un
enrejado triangular. Tres direcciones equilibradas se distinguen habitualmente en
tal enrejado triangular, aunque una o dos de las direcciones pueden parecer más
prominentes.
La retícula hexagonal. Combinando seis unidades espaciales adyacentes de un
enrejado triangular se obtiene un enrejado hexagonal. Puede ser alargado,
comprimido distorsionado.
06

Estructuras de
Múltiple Repetición
Cuando la estructura se compone de más de una clase de subdivisiones
estructurales, que se repiten en forma y tamaño, ya no se trata de una estructura
de repetición, sino de una «estructura de múltiple repetición».
Una estructura de múltiple repetición es todavia una estructura formal. Las
diversas clases (habitualmente dos, pero pueden ser mas) de subdivisiones
estructurales se entretejen en un dibujo regular. Los ejemplos de este tipo de
estructura son los taraceados planos, matemáticos y semi regulares, y las
estructuras que se componen de formas repetidas a intervalos regulares.
07

Tipos de
Estructuras
en Publicidad.
08

Cuadrada
10

Triangular
11

Lineal
12

SIMILITUD
HECHO POR GABRIEL GUTIERREZ

L A S I M I L I T U D
Las formas pueden parecerse y sin
embargo no ser idénticas. Sino son
idénticas, las formas no están en
repetición. Están en similitud. Los
aspectos de similitud pueden
encontrarse fácilmente en la naturaleza.
Similitud de figura
La similitud de figura no significa que las
formas parezcan más o menos las
mismas ante nuestros ojos.
A veces la similitud puede ser reconocida
cuando todas las formas pertenecen a
una clasificación común.
La similitud de figura puede ser creada
por uno de los siguientes medios:
Asociación: Pueden ser agrupadas
juntas de acuerdo a su tipo, su
familia, su significado o su función.
La serie de similitud es aquí
particularmente flexible.
Imperfección: Es cuando una figura
'ideal' es deformada, transformada,
mutilada, cortada o quebrada.
Distorsión Espacial: Es cuando la
forma es rotada, curvada o retorcida
lo que deriva en una gran variedad
de distorsiones espaciales.

Unión o Sustracción: Una
forma puede esta compuesta
por dos formas más pequeñas
que son unidas u obtenidas
sustrayendo una forma menor
de una mayor. Los múltiples
medios por los que se
relacionan las dos formas
componentes producen una
cadena de módulos en
similitud.
Tensión o Comprensión: Una
forma puede ser estirada (Por
una fuerza interior que
empuja los contornos hacia
afuera) o apretada (Por una
fuerza exterior que empuja los
contornos hacia adentro), lo
que deriva en una serie de
módulos en similitud.
Subdivisiones Estructurales
Similares: Las subdivisiones
no son repetitivas sino
similares entre si. Este tipo de
estructura puede ser activa o
inactiva, visible o invisible.
Distribución Visual: Los
módulos quedan distribuidos
dentro del marco del diseño,
visualmente, sin la guía de las
lineas estructurales.

Matrícula: 2024-1721
Profesora: Yasmery Gómez
Gradación
HECHO POR GABRIEL GUTIÉRREZ

IDENTIFICAR TIPOS DE
ESTRUCTURAS
By Gabriel Gutiérrez
2024-1721

Tipos de Estructura
Informal.
Círculo.
Inactiva.
Invisible.
Formal.
Cuadrada.
Inactiva.
Invisible.

Tipos de Estructura
Informal.
Activa.
Visible.
Visible.
Formal.
Activa.
Cuadrada.

Tipos de Estructura
Invisible.
Rombo.
Informal.
Inactiva.
Repetición.
Formal.
Activa.
Lineal.

Tipos de Estructura
Invisible.
Activa.
Informal.
Cuadrado.
Visible.
Inactiva.
Semiformal.
Cuadrada.

PRÁCTICA 10

FINAL