Diseño

Contexto contemporáneo del diseño.

Profesor: Ing. Arq. Felipe Hernández.
Equipo 2: Visionarios del diseño.
Teresa Sánchez Vázquez.
Luis Ángel Guzmán Lona.
Emilio Campos Nava. Universidad Insurgentes
Lizeth Yamile García Martínez. Año:2024
Diego Oswaldo Rivera Sahagún.
Mía Daniela Mora Cortés.

DISEÑO

INTERPRETACIÓN DEL ELEMENTOS VISUALES MARCO DE REFERENCIA

LENGUAJE VISUAL
Los elementos visuales a diferencia de los Es un apartado de todo proyecto de
El lenguaje visual es aquel que utiliza formas, investigación en el que se detallan los
conceptuales sí son visibles y a esto deben su
figuras y elementos visuales diferentes a la conceptos clave y las características
nombre, por ello tienen ancho, largo, un color
palabra escrita con el propósito de comunicar un fundamentales del contexto en el que se
y una textura según sean los materiales
mensaje. inserta la investigación.
utilizados para su representación. Se dividen
Según la finalidad que se pretenda al transmitir el El marco de referencia puede estar compuesto
a su vez en 4 elementos los cuáles son:
mensaje podemos distinguir entre tres clases por:
1. Forma.
diferentes. 1. Marco de antecedentes.
2. Medida.
1. Lenguaje visual objetivo. 2. Marco conceptual.
3. Color.
2. Lenguaje publicitario. 3. Marco teórico.
4. Textura.
3. Lenguaje artístico. 4. Marco demográfico.
5. Marco geográfico.
6. Marco histórico.
7. Marco legal.
8. Marco contextual.

Sánchez D. (2020): ¿Diseñas? Hablemos de los elementos del Equipo editorial Etecé. (6 de febrero del 2023). Marco de
Equipo editorial Etecé. (6 de febrero del 2023): Lenguaje visual. diseño. (2 de febrero del 2024). EDteam referencia. (2 de febrero del 2024): Concepto.de.Disponible
(2 de febrero del 2024). Concepto.de.Disponible https://ed.team/blog/disenas-hablemos-de-los-elementos-del-diseno https://concepto.de/marco-de-referencia/
https://concepto.de/lenguaje-visual/

ELEMENTOS DE
PLANO
ELEMENTOS DEL DISEÑO RELACIÓN
Este grupo de elementos está relacionado El plano es, justo con el punto y la línea, un
El diseño está compuesto por diferentes elementos con la ubicación y la interrelación de las elemento expresivo del lenguaje visual y se
que, junto con la creatividad del diseñador, generan formas dentro de una composición. La utiliza para dibujar formas.
un resultado gráfico útil y estético. dirección y la posición pueden ser Existen distintos tipos de planos según su
Se distinguen cuatro grupos de elementos los percibidas mientras que el espacio y la posición los cuáles son:
cuáles son: gravedad son sentidas. Se dividen a su vez 1. Plano horizontal.
1. Elementos conceptuales. en 4 elementos los cuáles son: 2. Plano frontal.
2. Elementos visuales. 1. Dirección 3. Plano de canto.
2. Posición. 4. Plano genérico.
3. Elementos de relación.
3. Espacio. 5. Plano paralelo a la LT.
4. Elementos prácticos.
4. Gravedad. 6. Plano que pasa por LT.
7. Plano de perfil.

GCFAprendeLibre. (22 de febrero del 2019): Fundamentos del diseño.

Sánchez D. (2020): ¿Diseñas? Hablemos de los elementos del
(2 de febrero del 2024). GCFAprendeLibre Arq. Haromi Pinillos. (21 de diciembre 2021). Clase 7: Tipos
diseño. (2 de febrero del 2024). EDteam
https://edu.gcfglobal.org/es/conceptos-basicos-de-diseno- de planos y sus posiciones particulares
https://ed.team/blog/disenas-hablemos-de-los-elementos-del-diseno
grafico/fundamentos-del-diseno/1/ https://youtu.be/msoXd48u0GU?si=u5LbCaZG9jEfs1Yt

ELEMENTOS
ELEMENTOS PRÁCTICOS LA IMAGEN
CONCEPTUALES
Esta clase de elementos no son visibles, sin Esta clase de elementos van más allá del Es un tipo de medio que, con pocos
embargo, gracias a su concepto sabemos que contenido de un diseño gráfico puesto elementos, trata de representar un concepto.
están presentes en cada diseño. Se dividen en 4 que son conceptos abstractos. Se dividen Son el gancho que atrae al espectador. Te
elementos los cuáles son: a su vez en 4 elementos los cuáles son: pueden ayudar a conectar con la audiencia y
1. Punto. 1. Representación. dar una buena impresión antes de que lean
2. Línea. 2. Significado. una sola palabra.
3. Plano. 3. Función.
4. Volumen.

Sánchez D. (2020): ¿Diseñas? Hablemos de los elementos del Esposito C. (28 de julio del 2020): El papel de la imagen en un
Sánchez D. (2020): ¿Diseñas? Hablemos de los elementos del proyecto gráfico. (2 de febrero del 2024). Blog. By pixartprinting
diseño. (2 de febrero del 2024). EDteam
diseño. (2 de febrero del 2024). EDteam https://www.pixartprinting.es/blog/imagen-proyecto-grafico/
https://ed.team/blog/disenas-hablemos-de-los-elementos-del-diseno
https://ed.team/blog/disenas-hablemos-de-los-elementos-del-diseno
Diseño
Contexto contemporáneo del diseño.
Profesor: Ing. Arq. Felipe Hernández.
Equipo 2: Visionarios del diseño.
Teresa Sánchez Vázquez.
Luis Ángel Guzmán Lona.
Emilio Campos Nava. Universidad Insurgentes
Lizeth Yamile García Martínez. Año:2024
Diego Oswaldo Rivera Sahagún.
Mía Daniela Mora Cortés.

FORMA

ABIERTAS Y CERRADAS INTERRELACIÓN DE

TIPOS DE FORMAS
Se distinguen tres grupos, los cuáles son:
1. Formas geométricas: están formadas por
patrones regulares, y son fácilmente reconocibles.
2. Formas orgánicas: en su mayoría son
irregulares, con formas libres y asimétricas.
3. Formas abstractas: son formas reconocibles,
pero no son reales.
1. Formas abiertas: son aquellas formas representadas
que rompen su contorno, lo dejan inacabado o
permiten que su silueta se desdibuje mezclando sus
colores con los de otras formas limítrofes.
2. Formas cerradas: son representaciones que
simplifican el aspecto visual, resultando más estáticas
y ordenadas.
FORMAS
7. Penetración: existe relación de penetración
entre formas cuando se crea un vacío en el
espacio común entre ellas.
8. Transparencia: es una relación de
transparencia entre formas, ambas formas
comparten un espacio en común, pero se aprecia
el contorno de ambas.

Serrano A. (28 de enero del 2019): El significado de las formas EPVA. (2023): Representación de formas y expresividad. (13 de EPVA. (2023): Relaciones entre formas. (13 de febrero del
en el diseño. (13 de febrero del 2024). SILO CREATIVO febrero del 2024). EPVA 2024). EPVA
https://www.silocreativo.com/significado-formas-diseno/ https://educacionplasticayvisual.com/forma/representacion-de- https://educacionplasticayvisual.com/forma/relaciones-entre-
formas-y-expresividad/ formas/

LA FORMA COMO PUNTO, INTERRELACIÓN DE FORMA BIDIMENSIONAL Y

PLANO, VOLUMEN Y LÍNEA FORMAS TRIDIMENSIONAL
1. La forma como punto
El tamaño de la forma es relativa. Puede parecer grande Las relaciones entre formas pueden ser las siguientes:
1. Forma bidimensional: tiene dos dimensiones,
cuando está en un marco pequeño, o chica cuando está 1. Distanciamiento: dos formas mantienen una relación
es decir, altura y anchura.
de distanciamiento cuando existe una separación
en un marco grande. 2. Forma tridimensional: tiene tres
entre ellas.
2. La forma como plano dimensiones, es decir altura, anchura y
2. Toque: existe relación de toque cuando las formas
Es una superficie bidimensional, todas las formas lisas profundidad.
están en contacto.
que no son reconocidas como puntos o lineas, son planos. 3. Superposición: existe superposición cuando una
3. La forma como volumen forma tapa a otra y de esta solo vemos la parte que no
Es completamente ilusoria y exige una especial situación está tapada.
espacial.
4. La forma como línea
Su ancho es extremadamente estrecho.
Caraballo A. (2023): Formas bidimensional y tridimensionales.
(13 de febrero del 2024). SCRIBD
https://es.scribd.com/document/684217530/FORMAS-
BIDIMENSIONALES-Y-TRIDIMENSIONALES
EPVA. (2023): Relaciones entre formas. (13 de febrero del 2024). EPVA
https://educacionplasticayvisual.com/forma/relaciones-entre-formas/

Portillo J. (21 de agosto del 2021): Punto, línea, plano, volumen.
(13 de febrero del 2024). genially
https://view.genial.ly/61216d5f7b6c8f0d705b10c8/interactive-
content-punto-linea-plano-y-volumen
FORMAS POSITIVAS Y
NEGATIVAS
1. Formas positivas: son las formas que ocupan
espacios concretos y se encuentran rodeadas de
espacios vacíos.
2. Formas negativas: son formas que se perciben
como un espacio vacío y a su alrededor existe
espacio ocupado por otras formas.
FORMA, FIGURA Y
INTERRELACIÓN DE ESPACIO
FORMAS
1. Forma: se refiere a la configuración externa y
la estructura de un objeto. Puede ser orgánica o
4. Unión: dos formas tienen una relación de unión
cuando se funde y los contornos de las dos formas se
geométrica, y puede tener diferentes cualidades.
2. Figura: representación visual de un objeto,
complementan.
5. Intersección: existe relación de intersección entre
persona o idea. Puede ser abstracta o figurativa.
3. Espacio: es el área o volumen que rodea a
dos formas cuando surge una nueva forma fruto de la
una forma o figura. En el arte y el diseño, el
zona común entre ellas. Es decir, ambas formas
espacio puede ser positivo (ocupado por
comparten una superficie del plano y esta genera una
objetos) o negativo (vacío).
nueva forma.
6. Sustracción: la relación de sustracción se produce
cuando una forma no aparece representada, pero resta
el espacio común a la otra creando un vacío.

Mourad A. (2017): Forma y espacio. (13 de febrero del

EPVA. (2023): Representación de formas y expresividad. (13 de 2024).Steemit
febrero del 2024). EPVA EPVA. (2023): Relaciones entre formas. (13 de febrero del 2024). EPVA https://steemit.com/spanish/@aureliamourad/forma-y-espacio
https://educacionplasticayvisual.com/forma/representacion-de- https://educacionplasticayvisual.com/forma/relaciones-entre-formas/
formas-y-expresividad/
Diseño
Contexto contemporáneo del diseño.
Profesor: Ing. Arq. Felipe Hernández.
Equipo 2: Visionarios del diseño.
Teresa Sánchez Vázquez.
Luis Ángel Guzmán Lona.
Emilio Campos Nava.
Lizeth Yamile García Martínez.
Diego Oswaldo Rivera Sahagún.
Mía Daniela Mora Cortés.
FORMAL
Esta compuesta de lineas estructurales que
parecen rígidas, las cuales guían el diseño.
Existen tres tipos, los cuáles son: repetición,
gradación y radiación.
WordPress. (2 de marzo del 2018): Fundamentos del diseño. (25
de febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
INFORMAL
Se trata de una estructura en la cual no tiene
líneas estructurales, la organización es libre o
indefinida, donde los módulos son colocados
libremente, buscando el equilibrio en la
desigualdad.
Pinzón J. (10 de febrero del 2015): Fundamentos del diseño -
Estructuras. (25 de febrero del 2024). Prezi
https://prezi.com/iy4msukx608a/fundamentos-del-diseno-estructuras/
SEMIFORMAL
Combina elementos de ambas, adaptándose a
ciertos estándares pero permitiendo cierta
flexibilidad.
Pinzón J. (10 de febrero del 2015): Fundamentos del diseño -
Estructuras. (25 de febrero del 2024). Prezi
https://prezi.com/iy4msukx608a/fundamentos-del-diseno-estructuras/
ACTIVA
Lineas estructurales que son conceptuales.
Pero estas pueden dividir el espacio en
subdivisiones visuales.
WordPress. (2 de marzo del 2018): Fundamentos del diseño. (25 de
febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
ESTRUCTURA
INACTIVA
Se compone de líneas estructurales puramente
conceptuales, guían la estructura pero no interfieren
con las figuras ni el espacio.
Los módulos están en subdivisiones o intersecciones
estructurales invisibles.
WordPress. (2 de marzo del 2018): Fundamentos del diseño. (25 de
febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
VISIBLE
Las líneas estructurales, son reales y visibles; deben
ser tratadas como una clase especial del módulo,
pues se puede interactuar con estas. Pueden ser
positivas y negativas.
WordPress. (2 de marzo del 2018): Fundamentos del diseño. (25 de
febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
INVISIBLE
Son vistas en la mayoría de los casos, las líneas
estructurales son conceptuales, mayormente
activas pero no visibles.
Pinzón J. (10 de febrero del 2015): Fundamentos del diseño -
Estructuras. (25 de febrero del 2024). Prezi
https://prezi.com/iy4msukx608a/fundamentos-del-diseno-estructuras/
REPETICIÓN
Es cuando los módulos se colocan con los
mismos espacios y regularmente.
WordPress. (2 de marzo del 2018): Fundamentos del diseño. (25 de
febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
Universidad Insurgentes
Año:2024
RED BÁSICA DE
VARIACIONES
Se refiere a un esquema simple de líneas
horizontales y verticales que se utilizan
como guía para organizar elementos.
Las variaciones de la red básica incluyen:
1. Cuadrícula de columnas: divisiones
verticales.
2. Cuadrícula de módulos: divide el espacio
en una serie de módulos uniformes.
3. Cuadrícula de jerarquía: combina
elementos de las cuadrículas y módulos.
4. Cuadricula modular: utiliza una serie de
módulos de diferentes tamaños y formas.
WordPress. (2 de marzo del 2018): Fundamentos del diseño.
(25 de febrero del 2024). Fundadeldiseño
https://fundadeldiseno.wordpress.com/2018/03/02/estructura/
RETICULA BÁSICA
Es una estructura de diseño que consiste en
líneas horizontales y verticales que dividen
el espacio de diseño en secciones regulares.
Las variaciones de la reticula básica
incluyen:
1.Cambio de Proporción: las subdivisiones
pueden ser sustituidas por rectangulares.
2. Cambio de Dirección: Todas las líneas
verticales u horizontales, pueden ser
inclinadas.
3. Deslizamiento: Cada fila de subdivisiones
estructurales puede ser deslizada.
4. Curvatura o quebrantamiento: Todo el
conjunto de líneas, verticales u horizontales,
en forma regular.
5. Reflexión: Una fila de subdivisiones
estructurales, puede ser reflejada y repetida.
Santos A. (28 de mayo del 2008): Variaciones de Reticulas.
(25 de febrero del 2024). ADESING
https://adelossantos.wordpress.com/2010/04/13/variaciones-
de-retuculas/