Fundamentos del Diseño y Manual de Imagen

Fundamentos
del Diseño

Agenda de la sesión.

• Saludo

• Rompehielos

• Revisión de Guía y Evidencia sesión Anterior

• Fundamentos del Diseño

• Manual de Imagen

¿Qué son los

fundamentos del

diseño?

Los fundamentos del diseño son los

principios básicos que guían la

creación de obras visuales efectivas
y estéticamente agradables. Estos

principios son universales y

aplicables a diversas formas de

diseño, ya sea diseño gráfico,
diseño de productos, diseño de

interiores, entre otros.

Multiple Choice

¿Qué son los fundamentos del Diseño?

• Son los elementos principales para entender el KPOP

• Es algo fantástico que llena de color mi vida

• Son los principios básicos que nos sirven de guía para el desarrollo de la comunicación visual

• Es un concepto universal tiende a darnos elementos de juicio sobre que diseñar

Algunos de los
fundamentos del
diseño más comunes
incluyen:

1.Composición

2.Espacio

3.Color

4.Tipografía

5.Forma y Estructura

6.Textura

7.Movimiento

Multiple Choice

¿Cuántos fundamentos estamos nombrando en esta presentación?

• 2

• 5

• 53

• 7

1. Composición

• Es la disposición y organización de elementos dentro
de un espacio visual. Incluye consideraciones como el
equilibrio, la armonía, el contraste y la jerarquía.

Equilibrio

• El equilibrio es la distribución visual de
peso en una composición para lograr
armonía y estabilidad.
• Puede ser simétrico (igual peso en
ambos lados) o asimétrico (equilibrio
logrado a través de la distribución desigual
de elementos).
• Un equilibrio adecuado evita que la
composición se sienta pesada en un lado y
ayuda a guiar la mirada del espectador de
manera equitativa.

Multiple Select

Seleccione cual de las siguientes imágenes corresponde a alguno de los principios que acabamos de ver

Alineación

•La alineación se refiere a la disposición

ordenada y coherente de los elementos visuales
en relación con un eje o referencia común.
•Una alineación precisa ayuda a crear una

estructura visual clara y organizada, facilitando la
lectura y la comprensión de la composición.

•Se pueden usar líneas guía, cuadrículas y

herramientas de alineación en software de diseño
para lograr una alineación precisa.

Fill in the Blank

Es uno de los principios que ayuda a crear una estructura visual clara y organizada...

Contraste

• El contraste implica la diferencia notable entre
elementos visuales en términos de color, forma,
tamaño, textura, etc.
• Ayuda a resaltar elementos importantes, crear énfasis
y generar interés visual en una composición.
• Un buen uso del contraste puede mejorar la
legibilidad, la claridad y la jerarquía visual en el diseño
gráfico.

Fill in the Blank

Sube una imagen que represente el contraste

Repetición

• La repetición se refiere al uso de
patrones visuales, elementos o
estilos de manera consistente a lo
largo de una composición.
• Ayuda a unificar la composición,
crear cohesión y establecer una
identidad visual sólida.
• La repetición también puede
utilizarse para guiar al espectador
a través de la composición y
reforzar mensajes clave.

Aire

• El espacio negativo, también conocido
como espacio en blanco, es el área vacía
alrededor o entre los elementos visuales
en una composición.
• Es fundamental para proporcionar
respiración visual, mejorar la legibilidad y
resaltar elementos importantes.
• El uso inteligente del espacio negativo
puede crear un equilibrio visual
agradable y aumentar el impacto de la
composición.

Poll

Qué Grupo canta la canción que acabas de escuchar (la más querida por los diseñadores novatos)

• El cuarteto de nos

• Mana

Fill in the Blank

Ingrese en la casilla cual es movimiento del diseño que trata sobre lo importante del espacio y el aire.

Flujo Visual y
Jerarquía Visual

•El flujo visual se refiere al movimiento natural del ojo a través de una

composición, influenciado por la disposición y jerarquía de los elementos.

•Una buena composición guía al espectador a través del diseño de manera

intuitiva, dirigiendo la atención hacia los elementos más importantes y
facilitando la comprensión del mensaje.

•El flujo visual puede ser controlado mediante la disposición cuidadosa de

elementos, el uso de líneas direccionales y la jerarquización visual.

•La jerarquía visual es el orden de importancia relativa de los elementos en

una composición, estableciendo qué elementos son más prominentes y cuáles
son secundarios.

•Se logra mediante el uso de contraste, tamaño, color, posición y otros

principios de diseño para enfatizar ciertos elementos sobre otros.

•Una jerarquía visual clara guía al espectador a través de la composición de

manera efectiva, destacando la información más relevante y facilitando la
comprensión del mensaje.

Word Cloud

Escribe que entendiste por jerarquía visual.

2. La teoría de la
Gestalt

•que se originó en Alemania a principios del

siglo XX, se centra en cómo percibimos los
patrones y organizamos la información visual. Los
psicólogos de la Gestalt argumentaron que el
cerebro humano prefiere ver estructuras y
patrones completos, en lugar de conjuntos de
partes individuales. Esta tendencia innata a
organizar las percepciones visuales en un todo
coherente se resume en el famoso dicho de la
Gestalt: "El todo es más que la suma de sus
partes". A continuación, se detallan algunos de
los principios fundamentales de la Gestalt que
son especialmente relevantes en el diseño gráfico
y visual

1.Proximidad:

Los objetos que están cerca uno del otro tienden a
ser percibidos como un grupo. Este principio se
utiliza para agrupar elementos visualmente, lo que
ayuda a organizar la información y guiar la atención
del espectador.

2.Similitud:

Los elementos que comparten características visuales
(como color, forma, tamaño o textura) son vistos
como parte de un conjunto o patrón. La similitud
puede ser utilizada para crear coherencia y relación
entre diferentes partes de un diseño.

3.Continuidad:

Hay una preferencia por percibir líneas o patrones
continuos, incluso cuando están interrumpidos. La
continuidad guía el ojo a través de un camino fluido
dentro de una composición, lo que puede ser
utilizado para dirigir la atención del espectador de
manera efectiva.

4.Cierre:

El cerebro tiende a completar figuras incompletas
para formar objetos completos. Este principio puede
ser utilizado para crear diseños que tengan
elementos abiertos o incompletos, pero que aún
sean percibidos como unidades completas.

5.Figura/Fondo:

Este principio describe nuestra capacidad para
distinguir entre un objeto (la figura) y su entorno
inmediato (el fondo). La manipulación efectiva de la
figura y el fondo puede ayudar a resaltar elementos
importantes en un diseño y mejorar la legibilidad.

6.Simplicidad (o Prägnanz):

La mente prefiere interpretar formas simples y
regulares. Este principio sugiere que los diseños más
efectivos son aquellos que son simples, claros y
ordenados, ya que es más probable que sean
interpretados de la manera deseada por el
espectador.

7.Destino Común:

Elementos que se mueven en la misma dirección son
percibidos como parte de un grupo. Aunque este
principio se aplica más comúnmente en percepciones
de movimiento, puede extrapolarse al diseño gráfico
en la forma de elementos estáticos que sugieren una
dirección o flujo.

Open Ended

Define uno de los principios de la Gestalt delo que te acuerdes.

3. Color

• El color es uno de los elementos
más poderosos del diseño y se utiliza
para comunicar, evocar emociones y
atraer la atención.
• Tiene tres atributos principales:
matiz (tono), saturación (pureza) y
brillo (intensidad).
• La selección de colores y su
combinación pueden influir en la
legibilidad, la coherencia y el
impacto visual de una composición.

CMYK
(cian , magenta ,
Amarillo , negro)

•Definición: CMYK es un modelo de color

sustractivo utilizado en la impresión a color. Este
modelo utiliza la mezcla de tintas de cian, magenta,
amarillo y negro para crear la percepción de un
amplio rango de colores en el material impreso. En
contraste con RGB, CMYK quita o absorbe luz para
crear colores a partir de la luz blanca del espectro.

•Uso: Se utiliza en la impresión de color para todo

tipo de materiales, como libros, revistas, folletos,
carteles y cualquier otro material gráfico. La "K" en
CMYK representa el "Key" (clave), que generalmente
es tinta negra. El negro se añade porque la
combinación de cian, magenta y amarillo no produce
un negro puro y profundo.

RGB
(red,green,Blue)

• El color es uno de los elementos
más poderosos del diseño y se utiliza
para comunicar, evocar emociones y
atraer la atención.
• Tiene tres atributos principales:
matiz (tono), saturación (pureza) y
brillo (intensidad).
• La selección de colores y su
combinación pueden influir en la
legibilidad, la coherencia y el impacto
visual de una composición.

Pantone

• El sistema de colores Pantone es
un estándar de la industria utilizado
en el diseño gráfico, la moda, la
impresión y la fabricación para
garantizar la uniformidad del color
en diversas plataformas y
materiales. Desarrollado por
Pantone Inc., este sistema se basa
en una serie de códigos únicos que
identifican colores específicos, lo
que permite una comunicación
precisa del color entre diseñadores,
fabricantes y clientes.

"She is like a rainbow"

El camino del arcoiris

Multiple Choice

El color PANTONE es un sistema de mezcla de colores basado en la combinación de pigmentos.

• Falso

• Verdadero

Multiple Choice

El modelo de color RGB se refiere a la combinación de rojo, verde y blanco

• Falso

• Verdadero

Multiple Choice

El modelo de color RGB se refiere a la combinación de rojo, verde y blanco

• Falso

• Verdadero

Multiple Choice

CMYK se refiere a los colores cian, magenta, amarillo y negro

• Falso

• Verdadero

Multiple Choice

¿Cuál de los siguientes colores es un color neutro?

• a) Rojo

• b) Azul

• c) Blanco

• d) Amarillo

Multiple Choice

En el modelo RGB, el color blanco se obtiene mezclando los tres canales con el valor máximo

• Falso

• Verdadero

Multiple Choice

1. La temperatura de color se refiere a la sensación de calidez o frescura que un color transmite.

• Falso

• Verdadero

Multiple Choice

Cuál de los siguientes es un color secundario en la teoría del color

• a) Rojo

• b) Amarillo

• c) Verde

• d) Azul

Multiple Choice

Los colores primarios son aquellos que se obtienen mezclando dos colores primarios

• Falso

• Verdadero

Multiple Choice

¿Cuál es el propósito principal del modelo de color CMYK?

• a) Impresión en papel

• b) Diseño web

• c) Edición de fotografías

• d) Animación digital

Multiple Choice

1. Los colores complementarios son aquellos que se encuentran opuestos en la rueda de color.

• Falso

• Verdadero

Multiple Choice

¿Qué propiedad del color se refiere a la claridad o oscuridad de un color?

• a) Saturación

• b) Brillo

• c) Matiz

• d) Temperatura

Multiple Choice

1. Los colores análogos son aquellos que se encuentran uno al lado del otro en la rueda de color y crean armonías suaves y relajantes.

• Falso

• Verdadero

Open Ended

¿Qué diferencia hay entre manual de imagen y manual de identidad corporativa?

CONCEPTOS
DE DISEÑO

LO QUE ME
EXPLICO LA
PROFE

LO QUE ME
FALTA