Fundamentos del diseño

1

Conviértete en profesional del diseño

2

Características del diseño

3

Fundamentos de diseño

4

Cómo generar ideas

5

Herramientas para generar ideas

6

Proyectos de Diseño Gráfico: cómo construir el tuyo

Quiz: Fundamentos del diseño

Composición visual

7

Composición visual en diseño

8

¿Cuáles son las Leyes de la Gestalt?

9

Leyes de la Gestalt: Continuidad, Figura-Fondo y Simetría

10

Jerarquía, contraste y espacio en blanco

11

Tips de composición visual

Quiz: Composición visual

Digitalización del diseño

12

Diseño gráfico digital

13

Introducción a Photoshop

14

Introducción a Illustrator

15

Resolución en el diseño gráfico

16

Vectores y mapa de bits

17

Principales formatos en el diseño gráfico

18

Proyecto: Crea tu pieza gráfica en Illustrator

19

Proyecto: Finaliza tu pieza gráfica y usa Photoshop

20

Diseño con Perspectiva y Profundidad

Quiz: Digitalización del diseño

Color digital

21

Principios del color

22

CMYK, RGB y Pantone

23

Composición del color

24

Crea paletas de colores

25

Herramientas para crear paletas de colores

26

Proyecto: ilustración 3D básica

Quiz: Color digital

Tipografía

27

Tipografía en el diseño gráfico

28

Justificación y espaciados

29

Guía para seleccionar Tipografías en Diseño

30

Fuentes Tipográficas gratis con dafont.com

31

Proyecto: Foto y tipografía

32

Proyecto: Dirección de arte de la pieza gráfica

Quiz: Tipografía

Futuro del diseño gráfico

33

Tendencias y estilos gráficos del 202X

34

Diseño 3D y animación

35

IA: Inteligencia Artificial

36

Proyecto: Desarrollo gráfico con inteligencia Artificial

37

Proyecto: Inteligencia Artificial como herramienta de ideación

Quiz: Futuro del diseño gráfico

Proyecto final: diseña el look and feel de tu pieza

38

Proyecto: Pieza gráfica de diseño y composición visual

39

Proyecto: Diseño final

40

Proyecto: Retoques finales

41

¡Comparte tu landing proyecto, entrega y recibe feedback de la comunidad!

42

Publica tu proyecto gráfico

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Fundamentos de Diseño Gráfico

Curso de Fundamentos de Diseño Gráfico

Sebastián Zuluaga Valencia

Sebastián Zuluaga Valencia

Composición visual en diseño

7/43
Recursos

Aportes 45

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Composición visual en diseño

  • La composición visual es la capacidad del ojo humano para entender lo que ve.

Elementos de la composición visual:

Equilibrio

  • El balance que me transmite tranquilidad en la imagen.

Alineación

  • Se refiere a las formas geométricas que conforman el lienzo del diseño.

Disposición

  • La ubicación del elemento principal del diseño.

Al principio este tema me costaba mucho, pero con un poco de educación visual y querer aprender a identificarlos, se puede mejorar mucho

La composición visual es la organización y disposición de elementos visuales en una imagen o diseño. Tiene como objetivo crear una armonía visual y transmitir de manera efectiva un mensaje o una historia. Aquí se trabajan conceptos como equilibrio, alineación, contraste y jerarquía.

Equilibrio:

El equilibrio en la composición se refiere a cómo los elementos visuales se distribuyen en el espacio. Hay dos tipos principales de equilibrio:

  1. Equilibrio Simétrico: Los elementos se distribuyen de manera uniforme alrededor de un eje central. Esto crea una sensación de orden y tranquilidad.
  2. Equilibrio Asimétrico: Los elementos se distribuyen de manera no uniforme pero aún logran un balance visual a través de su tamaño, color, forma y posición relativa.

Alineación:

La alineación se refiere a la colocación precisa de elementos en una composición. Lograr una alineación coherente y consistente ayuda a crear una sensación de orden y organización en el diseño. La alineación puede ser vertical, horizontal o centrada.

Disposición:

La disposición se relaciona con la forma en que los elementos se colocan y organizan en relación entre sí dentro de la composición. Esto implica cómo se agrupan, se separan y se relacionan visualmente los elementos para guiar la atención del espectador y contar una historia visual.

Jerarquía Visual:

A menudo, en la composición, se establece una jerarquía visual para destacar elementos más importantes y guiar la mirada del espectador. Esto se logra mediante el uso de diferencias en tamaño, color, contraste y posición.

Les recomiendo el libro Composición visual: Análisis de variables en la composición de imágenes, de Alejandro López Cardona. Lo pueden encontrar en Scribd, es muy corto y explica muy bien este tema.
ejemplo de equilibrio ![](https://static.platzi.com/media/user_upload/Principios-del-diseno-grafico-equilibrio-53a5d019-625d-430c-8c26-a7473af1e5b0.jpg)
**Joan Miró** (1946) "Velada snob en casa de la Princesa" ![](https://static.platzi.com/media/user_upload/mir%C3%B3-81e18459-7063-4f4d-ad94-20f4146f03cd.jpg)
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-06-19%20215614-db57198f-5cfc-40b8-bf78-486f2d9d3187.jpg)El leòn me indica que hay una disposiciòn a la derecha encontrándome con el rostro de la gitana dormida con una disposición a la izquierda descendiendo por las líneas del vestido, incluso la forma del bandolón (guitarra pequeña) me indica la disposición por la pendiente descendiendo al pavimento de tierra.
**COMPOSICIÓN VISUAL EN DISEÑO:** la composición visual es la capacidad que tenemos los humanos para encuadrar y entender los elementos dispuestos en una imagen. Para entender que es la composición visual, resulta necesario entender los siguientes conceptos: 1. **Equilibrio:** representa balance y se encuentra representado visualmente en espacios, en que tanto espacio o que tanto campo de visión ocupa un objeto en el campo derecho respecto al campo izquierdo  2. **Alineación:** la alineación es el equilibrio que le da el ojo automáticamente a una imagen. Existen distintos tipos de alineación, entre ellos se encuentran: * *Alineación vertical:* es cuando la colocación de los elementos superior, central e inferior se alinean en el mismo plano horizontal. * *Alineación horizontal:* la alineación horizontal es la alineación de los bordes izquierdo, central y derecho de los componentes: * *Alineación de componentes:* alinear los componentes de una interfaz consiste en equilibrar aspectos como el alto y ancho de cada uno de estos para lograr una alineación de los mismo * *Alineación central:* la alineación central es típicamente una buena práctica de emplear si la intención es concentrar el enfoque del usuario hacia una ubicación específica y lejos de otros elementos de la interfaz 1. **Disposición:** la disposición se relaciona con la forma en que los elementos se colocan y organizan en relación entre sí dentro de la composición. Esto implica cómo se agrupan, se separan y se relacionan visualmente los elementos para guiar la atención del espectador y contar una historia visual (Tomado de Daniel Andres Dobles Franquiz)
***ELEMENTOS DE LA COMPOSICION VISUAL*** 1. EQUILIBRIO * El equilibrio representa balance * Es la distribución visual de elementos en el espacio de trabajo * Para buscar un equilibrio se puede hacer uso de cuadriculas para saber con los espacios que se cuenta * Que la imagen no genere tensión al percibirla * No es necesario la simetría para poder encontrar equilibrio en un diseño Se puede equilibrar un diseño siendo asimétrico * Ejm : UN DISEÑO SIEMTRICO : es cuando un elemento es igual al que tiene al lado * Ejm : UN DISEÑO ASIMETRICO : Se pueden tener objetos de diferentes colores , tamaños, texturas y se logra equilibrio segun su distribucion en el espacio de trabajo * La clave para un diseño equilibrado es saber distribuir bien los elementos que se tienen para diseñar
Resumen: Composición visual en el diseño Es capacidad para encuadrar los elementos que están dispuestos en la imagen. Equilibro, este puesto en espacios, todo este pegado al piso, balance en cualquier imagen Alineación: Entender muy bien, simétrica a la malla. Disposición: Hay una disposición, esta ayudando ver hacia otro lado, depende donde tengamos espacios. Distribución de elementos muy buena ayuda en la imagen. Orden también ayuda mucho. Espacio en negativo ayuda en mucho.
Aprecio e infiero en el equilibrio como base de la composición; Equilibrio: Apoya y refuerza la estabilidad en la compensación de estímulos que se generan en el espectador y más desprendiéndonos de la vertiente principal del diseño; argumentar un problema y una solución. Herramienta fundamental para combatir una percepción de falta argumental; al posicionar las piezas de un concepto con un balance que se pueda apoyar por ejemplo en la ley de la mirada; el espacio sobrante podría tergiversarse; el equilibrio consigue el establecimiento contundente. Balance: Correlacionado a la transmisión del mensaje; debe transmitir neutralidad. Alineación: Como eje central tiene a la segmentación; simultáneamente hace uso de la segregación para destacar la semilla de una idea. Disposición: Desmenuzando de forma personal la definición de Oxford Languages se exprime potencial jugando con ángulos, creando escenarios, brindando contextos y transmitiendo emociones. Concepto personal que desaprendí: De manera general nos guiamos mayormente por colores y formas; el protagonismo de la dirección en los ojos (Ley de la mirada) y del espacio restante juegan en una posición adelantada dentro del juego de la atención. Imágenes que considero manejan la misma cantidad de información al seccionar y manejan ley de la mirada El dormitorio de Arlés (1889) (Van Gogh) Anciano en pena (en la puerta de la eternidad) (1890) (Van Gogh) Difiero disposición y composición por las denominaciones que se ajustan al contenido de una pieza. Ajustaría términos como las leyes de la fotografía o la colorimetría a la composición y términos como el encuadre a la composición.
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%20%28450%29-71b4acf3-19e2-462f-921e-1dbfbbc3dbb1.jpg)
Sé que no va con el tema, pero es irónico que hablen de composición y que la resolución del vídeo al ver en navegador de escritorio es una composición rara.
https://www.behance.net/hillarygonzales
Les comparto un link para complementar todo lo visto <https://blog.adobe.com/es/publish/2023/01/16/aprende-sobre-composicion-visual-y-aplicala-en-tus-proyectos-graficos>
***ELEMENTOS DE LA COMPOSICION VISUAL*** 1. EQUILIBRIO ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%20%28449%29-f10eb000-128b-468b-9341-84269d2d9a21.jpg)

Generalmente en la publicidad cuando se ocupan elementos que tienen algún objetos o mirada hacia algún lado no se los puede poner de espaldas, y ayuda mucho cuando tienen una orientación, sin embargo, también funciona la fotografía compuesta correctamente aunque no estén mirando a ningún elemento que compone la pieza gráfica, sino que miran hacia las personas o tienen alguna emoción en especifico, inclusive se pueden mirar entre ellos, por eso antes de realizar una sesión de fotos para una campaña que tiene piezas gráficas, se hacen bocetos, así se puede ver cómo va a quedar la gráfica antes de ser producida, es demasiado genial entender la composición en el diseño publicitario, porque todo tiene una razón de estar.

Les comparto un link para complementar todo lo visto <https://blog.adobe.com/es/publish/2023/01/16/aprende-sobre-composicion-visual-y-aplicala-en-tus-proyectos-graficos>

Los principios de la composición visual son las reglas que se utilizan para organizar los elementos visuales en un diseño de manera armoniosa y efectiva.

Equilibrio, Proximidad, Ritmo, Escala, Contraste, Unidad

![](https://media.gcflearnfree.org/content/5c7026ad40840616902068ef_02_22_2019/Captura%20de%20pantalla%202019-02-22%20a%20la\(s\)%2014.16.03.png)
Las leyes básicas de composición visual son fundamentales en el diseño gráfico. Incluyen: 1. **Equilibrio**: Distribución de elementos para evitar que un lado de la imagen se sienta más pesado que el otro. 2. **Alineación**: Posicionamiento de elementos para crear orden y estructura visual. 3. **Disposición**: Organización de los objetos en la imagen, teniendo en cuenta la dirección y el enfoque del ojo del espectador (como la ley de la mirada). 4. **Proporción**: Relación de tamaños entre los elementos para crear armonía. Estas leyes ayudan a transmitir el mensaje de manera efectiva y atractiva.
La disposición en diseño visual no se limita solo a la dirección de una imagen, aunque es un aspecto importante. Se refiere a cómo los elementos dentro de una composición se organizan y distribuyen en el espacio, incluyendo la posición de los objetos, su alineación y cómo interactúan visualmente entre sí. Por ejemplo, la "ley de la mirada" menciona que cuando un sujeto en la imagen mira hacia un lado, es recomendable dejar más espacio en esa dirección, generando un equilibrio visual que guía la atención del espectador.
quería preguntar el autor de esta pieza gráfica, gracias![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202025-01-21%20a%20la%28s%29%205.17.34p.m.-c7566b81-8013-467e-bd77-6ab1175944c5.jpg)
Me encanto mucho los temas de Equilibrio,Alineación y Disposición pude encontrar imagenes relacionados a estos temas <https://www.behance.net/gallery/214579005/Fragmentos>
En mi proyecto exploraré la estética Dark Academia, la cual me parece bastante llamativa, intrigante y con elementos que pueden ser muy trabajables.
En el logo de Mastercard, dice que el texto esta alineado a los bordes del logo pero no entiendo el tipo de alineacion que tiene, porque no esta alineando al borde, a 90° y no me coincide la distancia de los extremos del texto de con los del logo.
Gracias
Me agradó que explicara el tema del Balance Asimétrico. Muchas veces visualmente lo noté en otros diseños pero lo he podido replicar con mayor habilidad hasta esta clase.
Añado que hay equilibrio cuando la ubicación o la posición tienen claras las líneas de mayor fuerza, la horizontal y la vertical, en los campos de equilibrio. Toda estructura visual posee un centro de gravedad, hasta las formas más irregualres, bidimensionales o tridimensionales, poseen siempre un punto que hace posible el equilibrio. De la misma manera, en nuestro campo visual también puede localizarse el centro de equilibrio; como en una balanza cuando los platillos están equilibrados en posición estable o de reposo, así sucede con el ojo hasta que éste encuentra el punto de equilibrio en estabilidad psíquica, está tranquilo, y son la memoria y la experiencia las que refuerzan esta estabilidad. El equilibrio no necesariamente es sinónimo de estabilidad, puede ser dinámico y expresarse de diversas formas.
En resumen la composición visual vendría a ser la distribución de elementos de manera equitativa y que se vea de manera estética. Gracias por el aporte!
Buenas tardes voy a utilizar la marca NBA que es deportiva
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-06-19%20215134-ae5b66a2-9107-470a-af1d-ab6eab8c404b.jpg)Las cuatro partes están distribuidas de una forma balanceada con pesos equilibrados por las formas y los colores que compone cada una de las partes de la pintura.
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-06-19%20214813-6fade3ed-d065-45e9-a52a-2ed6ce688531.jpg)La alineaciòn està distribuida de forma horizontal, indicándome un inicio (la pampa de tierra donde reposa la gitana) intermedio (entre el leòn y los cerros del horizonte), final (detrás de los cerros), parte superior (el cielo y la luna) de todo el espacio.
### **Jerarquía Visual** Se refiere a la organización de los elementos de manera que indique su importancia relativa. Los diseñadores utilizan tamaño, color, contraste y posición para guiar la atención del espectador hacia los elementos más importantes primero. ### **Proporción y Escala** **Proporción**: Relación de tamaño entre los elementos dentro de un diseño. **Escala**: Tamaño relativo de un elemento comparado con otro. Ayuda a crear un sentido de profundidad y perspectiva. ### **Contraste** El uso de diferencias marcadas en color, tamaño, forma o textura para resaltar elementos y crear interés visual. ### **Repetición y Ritmo** **Repetición**: Uso recurrente de elementos visuales (formas, colores, texturas) para crear coherencia y unidad. **Ritmo**: Creación de un flujo visual que guía al espectador a través del diseño, similar a un patrón o secuencia. ### **Proximidad** Agrupación de elementos relacionados entre sí para indicar que forman parte de un mismo grupo o categoría. La proximidad ayuda a organizar la información y mejorar la legibilidad. ### **Espacio Negativo (Blanco)** Espacio vacío alrededor y entre los elementos visuales. El espacio negativo ayuda a definir los límites de los elementos y puede crear un diseño más limpio y menos abrumador. ## **Principios de la Composición Visual** **Unidad y Armonía:** Los elementos deben trabajar juntos cohesivamente para crear un diseño unificado. **Movimiento**: Creación de una ruta visual que guíe al espectador a través del diseño, a menudo usando líneas, formas y colores. **Variedad**: Incorporar diferentes elementos y estilos para mantener el interés visual sin comprometer la coherencia del diseño.
![]()**Equilibrio (Balance)**![]() Representa el **balance** en la composición y no hace referencia directa sólo a la simetría ya que ésta es un concepto aparte. Se trata de que tanto campo está ocupando un elemento en la parte derecha, izquierda, arriba o abajo. ### **Alineación** Colocación de los elementos a lo largo de una línea o eje común. La alineación ayuda a crear una estructura ordenada y profesional. ### **Disposición** La disposición se refiere a la organización estratégica de los elementos visuales dentro de una composición. No todos los elementos deben estar centrados para lograr un diseño efectivo; de hecho, en muchas composiciones, es necesario variar la disposición para guiar la atención del espectador y comunicar el mensaje de manera más clara y efectiva.  Una disposición bien planificada puede crear equilibrio, jerarquía y flujo, orientando al espectador a través del diseño y destacando los elementos más importantes.
Muchas gracias, me gustó mucho los ejemplos que diste.
alguien me puede ayudar diciéndome como puedo subir imágenes acá. se les agradece la colaboración
![](<"D:\Desktop\imagen IA basquet.jpg">)
Los elementos principales dispuestos en una imagen: 1. Equilibrio 2. Alineación 3. Disposición
![]()
En este link encontré una explicación muy sencilla con ejemplos sobre algunas reglas de la composición fotográfica: <https://ed.team/blog/reglas-de-composicion-fotografica-que-debes-conocer>
excelente clase
Algo que Sebastián mencionó en esta clase sobre la composición visual, en la obra de Andy Warhol, fueron dos factores universales, los cuales pienso que son muy importantes a la hora de definir nuestros proyectos: **· Variaciones:** agrupación de elementos en base a un conjunto para armonizar un concepto visual. **· Retoque:** remasterización de una idea o pieza ilustre.
```js ```![]()