Introducción al Diseño

1

Bienvenidos al Curso de Fundamentos de Diseño

2

¿Qué es el diseño?

3

El objetivo del diseño

Principios del Diseño

4

Comunicación efectiva en el diseño

5

¿Qué es el contraste?

6

¿Qué es el concepto?

7

Diseño universal

8

Qué es diseño atemporal

9

El boceto

10

¿Qué son los elementos visuales?

11

¿Qué es la alineación en diseño?

12

¿Qué es la síntesis gráfica?

Composición

13

La composición y su función

14

Unidad visual y principios de la Gestalt

15

Balance o equilibrio visual

16

Dirección Visual

17

Tipos del balance visual

18

Aplicación de elementos de composición

19

Movimiento

20

Estructuras naturales

21

Patrones de lectura

22

¿Qué es el ritmo?

23

Ejercicios de composición

Jerarquía

24

¿Qué es la Jerarquía?

25

Herramientas de jerarquización

26

Espacio en blanco en el diseño

Formatos

27

¿Qué es el formato?

28

Retículas y guías

Imagen Digital

29

Análogo vs. Digital

30

Pixel y resoluciones

31

Mapas de Bits y Vectores

Color

32

Qué es círculo cromático: usa la rueda de color

33

Sistemas de color

34

Tipos de paletas de colores: ¿qué son y cuál elegir?

35

Color en interfaces

36

Psicología del color

37

3 Errores comunes en el uso del color

Tipografía

38

Tipografía en el diseño

39

Selección tipográfica

40

Manejo y edición de textos

41

Cómo crear composición con texto

42

Identificar problemas en composición de texto

Proyectos de Fundamentos de Diseño

43

Proyecto: Portada de disco

44

Diseño de la portada de disco

45

Conclusiones del proyecto: Portada de disco

46

Proyecto: Poster de película

47

Diseño del poster de película

48

Conclusiones del proyecto: Poster de película

Rutas Profesionales en Diseño

49

Cómo ser un Diseñador de Producto

50

Cómo ser Diseñador de Marca

51

Afina tu composición visual

No tienes acceso a esta clase

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

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

18 Días
20 Hrs
16 Min
18 Seg

Dirección Visual

16/52
Recursos

¿Qué es la dirección visual?

Dentro de la dirección visual logramos que los elementos gráficos nos hagan dar un recorrido por la imagen hasta ubicarnos en cierto plano visual. Con ello logramos asignar significado a muchas cosas.

Dirección por forma: el más básico.
Dirección por ubicación relativa: como están organizados los elementos con relación a ellos mismos. Ej: constelaciones.
Dirección por significado: por nuestra cultura asignamos significados a las cosas. Ej: señales, ojos mirando hacia una dirección (usado mucho en publicidad), etc.

Contribución creada por: alexandrapc y Giuseppe Ramírez.

Aportes 158

Preguntas 6

Ordenar por:

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

Peso visual: Mírame a mi.
Dirección visual: Mira hacia allá.

==> Continuación de aportes de la clase anterior
.

  • Dirección Visual: La dirección visual es la indicación que dan los elementos de hacia donde mirar. No es un elemento que diga “Mira hacia aquí!” es más bien “Mira hacia allá”.
    .
    Aunque caigamos naturalmente en el elemento que tenga más peso, este mismo nos apunta a ver algo más.
    .
    Formas de generar dirección visual:
    .
  • Por forma: Los ángulos de la forma de mayor peso apuntan hacia alguna dirección.
    .
  • Por su ubicación relativa: La forma en la que están organizados los elementos con respecto a ellos mismos guían hacia alguna dirección. Esto es posible debido a la continuidad, que es la tendencia de nuestro cerebro de conectar puntos y agrupar cosas.
    .
  • Por significado: Por nuestra cultura solemos asignar significados a muchas cosas, por lo que no importa el color, el peso o las formas , si logramos encontrar un significado en el elemento este nos da una señal muy fuerte. Y puede usarse para mandar la atención hacia algún lado.
    .
    Algunos ejemplos es alguna flecha que apunte hacia algún lado o incluso unos ojos mirando hacia algún sitio. Todas estas señales, sutiles o no, guían nuestra visión y es inevitable para nosotros seguirlas.

Dirección visual

Balance o equilibrio visual

- ¿Cuál es el segundo concepto de la composición?
o El balance visual

- ¿Qué es el balance visual?
o Es la percepción que tenemos del mundo. Esta percepción comúnmente se ve en un eje vertical y en un eje horizontal

- ¿Cuáles son los componentes del balance visual?
o Peso visual
o Dirección visual

- ¿Qué es el peso visual?
o Es la forma en la que podemos hacer que la persona que esta viendo se enfoque en un elemento en concreto

- ¿Cómo podemos identificar el peso visual?
o Tamaño
o Color
o Fondo y figura
o Textura
o Rotación

Dirección visual

- ¿Qué es la dirección visual?
o Forma en la que podemos hacer que los elementos nos dirijan hacia algún plano visual.

- ¿Cómo podemos identificar la dirección visual?
o Forma
o Ubicación relativa
o Significado

Dirección visual y peso visual en un poster:

  • Mi interpretación es que el peso visual esta en la chica que sostiene el casco de Iron man ya que esta en el centro y a mi parecer es la esta puesta en un mayor tamaño.
  • Por otro lado la dirección visual hace que veamos hacia donde la chica del poster ve, hacia el casco (dirección visual por significado) nos guía hasta ver el titulo de a película.

Es increible entender cómo juegan con tu mente los mejores Diseñadores.

El balance visual esta dado por dos componentes:

  • Peso visual: depende de las características de los elementos (tamaño, forma, color, dirección), haciendo que se destaque de otros elementos de su entorno y por lo tanto nuestra nuestra mirada se dirige a ese elemento en particular con esas características determinadas.

  • Dirección visual: orienta nuestra mirada hacia otros elementos. Existen tres tipos de dirección visual

  1. Por forma: por ejemplo un triangulo, su punta nos dirige la mirada.

  2. Ubicación relativa al ubicar elementos de una forma particular generamos direcciones.

  3. Dirección por significado por ejemplo unos ojos mirando hacia la derecha hacen que miremos hacia la derecha

Dirección visual es como las formas guian la lectura de la imagen.


Estudio de la dirección visual

**Balance o equilibrio visual: **percepción psicológica natural
Componentes; peso; formas, textura
El peso visual nos llama la atención.
Dirección visual: los elementos guían el ojo hacia un lugar para insinuar importancia

  • las formas y organización
  • ubicación relativa
  • dirección por significado

Es un complemento del equilibrio visual, es la manera en que utilizamos las formas de nuestra composición para generar una guía de recorrido en nuestro diseño, existen dos principales tipos de dirección visual:

  • La ubicación relativa: Es cuando las figura o componentes de nuestra composición generan ángulos creando una forma de seguimiento en nuestro diseño.
  • La dirección por significado: Es aquel que usamos cuando creamos con nuestros componentes formas que tienen un significado en nuestro día a día, como una flecha o una mirada hacia algún lado.

0:50 Que bueno es tener clases en linea, llevo rato riéndome de mis tonterías, y así sigo aprendiendo. Es uno de los privilegios, que puedo tener, el no morir de vergüenza en una sala de clases por ser espontaneo.

Me gustaría por ejemplo, hacer un video cartoon, de estos episodios, y seria mm, entretenimiento de calidad.
(lo siento, tome mucho refresco…)

Tipos de dirección visual:

  • Forma
  • Ubicación relativa
  • Significado

Como diseñadores tenemos el super poder de lograr que el cliente/usuario direccione su interés hacia donde le sea guiado. La jerarquización de los elementos visuales es importantísima en este sentido.
¡Excelente clase!

Me quito el sombrero! Se van aclarando muchas dudas que me surgían en esa percepción de diseños

En el minuto 3:40 dicen que veremos dos componentes mas que son imposibles de evitar, luego de ello solo dice: " la ultima forma de de generar dirección visual, es la dirección por significado". Que paso son la otra forma??

Awww esta clase me recordó al Tangram que usaba cuando estaba pequeño 🥺

Se los recomiendo para dejar volar su imaginación :3

La dirección visual es la ruta que debe seguir el ojo humano en un diseño independientemente si es por forma,color,significado etc.

  1. Dirección visual
  • Por forma
  • Ubicación relativa

Por ello vemos constelaciones. Organización de elementos en relación a ellos mismos que nos dan la visión a algo.

  • Dirección por significado

Le asignamos significado a muchas cosas por la cultura y como vivimos.

yo vi estos temas de composición y las leyes de gestalt en los primeros semestres de mi carrera en diseño industrial pero en este curso los explican mucho mejor, me parece un acierto que los ejemplifiquen con diseño de interfaz, anuncios publicitarios, apps, logos, etc. nos dan una mejor idea de sus usos

Dirección visual
Guiar por medio de formas o distintos elementos a un punto en especifico, algunos tipos de dirección visual son; por forma, ubicación relativa o por su significado.

📌| En resumen:


Con la dirección visual logramos que los elementos nos hagan dar un recorrido por la imagen hasta ubicarnos en cierto plano visual.
.
Tipos de direcciones visuales:

  • Dirección por forma:
  • Dirección por ubicación relativa:
  • Dirección por significado:

Muy importante como el diseño puede guiar al espectador a ver lo que queremos que vea, con la finalidad de que haga algo!!

Me encanta la manera como explicas. Muy buenas clases ❤️

Gracias por esta clase, muy interesante!!

Te amo Platzi❤️

TIPOS DE DIRECCIÓN VISUAL:

◥ Forma: Nos señalan donde ver según su forma.
■ Ubicación relativa: como se organizan los elementos en relación a ellos mismos y nos hace dirigir hacia un punto.
⊙ Significado: por nuestra cultura asignamos significados a las cosas. Ej: señales, ojos -en fotos- mirando hacia una dirección para desviar nuestra atención allí.

Con esto podemos insinuar que algo es más importante que otra cosa con color, forma, oscuridad, rotación y así dirigimos la atención de la persona a una zona específica.

Muy interesante como juega la dirección visual con la vista humana buena explicación practica 👍.

corto pero buen contenido!

Tengo entendido que además de tener la posibilidad de dar una dirección visual a los diseños, de por sí el cerebro tiene una “pre-configuración” que tiende a ver siempre hacia algunos puntos de acuerdo a la forma, y por eso en publicidad los logos en vallas, revistas o volantes están normalmente hacia la derecha en la esquina superior… porque es a dónde el ojo en teoría mira primero. Es así? o hace parte de un lenguaje corporativo que por composición ya nos ha llevado a entenderlo así?

Este es otro manera de aplicar dirección visual.

El segundo componente de balance visual es la dirección, el cuál no debe comunicar hacia donde el observador debe llevar la mirada. Con este componente se puede identificar por forma, ubicación relativa y dirección por significado.

Balance visual= percepción natural qué busca la armonía de las figuras
Peso visual =Centra la atención a un elemento, por su forma, color, textura
Dirección visual =Guía el ojo, encontrando sentido en los objetos según su ubicación

la direccion por significado es por todo lo q ya conocemos y sabemos q nos dice en si

La dirección visual me recuerda mucho a lo que hacemos cuando vemos ciertas formas en las nubes.

Asombroso como se pueden jugar con pocas formas, y transmitir un mensaje diferente con solo rotar su posición.

Dirección visual: Guía el ojo a mirar a un lugar ya sea por la forma un triángulo que señala un cosa, la ubicación relativa una flecha o una dirección con varios elementos, por significado ya sea por la cultura o por otra cosa, relacionamos las formas con otras cosas. Y con estas opciones se puede lograr que el observador dirija su mirada al lugar que el diseñador quiera.

Ubicación Relativa: se basa en la capacidad que tiene el cerebro para conectar puntos, entonces, este organiza los elementos, haya un patrón que convierte en el camino hasta llegar a un punto que tenga significado.

Recordando que usa el principio de continuidad, el cerebro sigue la lectura que sea más fácil, y por eso mismo, conecta los puntos que le ayuden a organizar y entender, y ubicar algo conocido. Odiamos la incertidumbre.

La Dirección Visual los elementos guía nuestro ojo a que miremos algo.

  • Dirección por forma / Cuando un elemento por ejemplo un triangulo se encuentra en una posición que nos apunta a una dirección.

  • Dirección por ubicación relativa / los elementos se encuentran organizados de tal forma que guía nuestros ojos a mirar un punto

  • Dirección por significado / Por nuestra cultura y como crecemos asignamos significado a muchas cosas por ejemplo: Una flecha que apunta a la derecha y unos ojos que miran hacia la derecha, eso nos lleva a mirar hacia la derecha. En la publicidad vemos modelos viendo hacia algún lugar que nos sugiere ver algo, ya sea un producto o un botón de compra. No solo nos indica mirar hacia un punto si no también hacia una dirección.

La dirección visual, es que miremos algo mas y nos vamos apoyar en las figuras y en los ángulos para lograr este efecto. Y la continuidad vidual., en conjunto con nuestra necesidad de unir puntos.
También por la educación estamos buscando asignar un significado
Done miren los ojos, tendemos a dirigir la mirada.
Muchas gracias

Alguien mas se dio cuenta de los circulos en el polo del profe vacaverde? jaja buena direccion visual

La dirección visual es la dirección percibida por las fuerzas visuales. Mírala como la dirección que esperarías que un elemento tome si se moviese.

Tiene una función similar al peso visual en que trata de que notes ciertas partes de una composición. Ya sea que el peso visual grite «¡Mírame», la dirección visual te dice «¡Mira hacia allá!».

Al igual que con el peso visual, puedes modificar las características de un elemento para sugerir diferentes direcciones, aunque existen menos características en comparación con el peso visual.

Forma de un elemento
La forma de un elemento puede crear un eje y este eje puede sugerir una dirección. El eje principal es, por lo general, visto como un camino paralelo a la dirección visual de un elemento.

Ubicación de los elementos
El peso visual es una fuerza que puede aparecer para atraer o repeler un elemento cercano. Esta fuerza se moverá en dirección que conecte ambos elementos.

Tema del elemento
Una flecha, un dedo apuntado o una mirada sugiere ver hacia cierta dirección.

Movimiento
Un elemento puede, literalmente, moverse a través de tu diseño, y su movimiento tendrá una dirección.

Esqueleto estructural
Cada composición tiene un esqueleto estructural, con fuerzas que correrán naturalmente a través de diferentes ejes. Tal vez eso necesite un poco más de explicación.

Dirección Visual

  1. Dirección visual, lo que logra es guiar al ojo a que vea algo más, el ejemplo que vemos es el de un triangulo que con sus ángulos nos guía a ver algo más. Los elementos empiezan a guiarnos a hacer un recorrido por la imagen.

Ubicación relativa, esta es otra forma de dirección visual. No debemos cerrarnos solo al ejemplo anterior también podemos ver esta dirección visual en como están organizados los elementos en relación a ellos mismos.

Dirección por significado, por nuestra cultura y como crecemos estamos asignándole significado a cosas, mientras pueda leer las formas es inevitable que no tratemos de darle un significado a lo que vemos.

En la publicidad y el marketing vemos mucho el que los modelos miran hacia ciertas direcciones y esto esta planeado para guiar nuestra mirada hacia lo que quieren que veamos (producto, acción especifica, etc.)

Todos estos son métodos en los cuales podemos guiar la visión y podemos insinuar que algo es más importante que otra cosa, con color, forma, rotación.

Interesante. Me doy cuenta de como he aplicado muchos de estos conceptos en la creación de páginas web o flyers utilizando algunos de estos principios; sin embargo, no conocía sus términos teóricos. Asombroso!! 😀

¿Cuáles son las direcciones visuales de escena?
Las direcciones visuales de escena son las internas de la composición, es decir, las creadas por los propios elementos visuales que marcan gráficamente vectores de dirección: objetos puntiformes, brazos o dedos extendidos…

La dirección visual: Se refiere a la forma en que los elementos visuales en una composición guían al ojo del espectador a través del diseño. A continuación te brindo algunas sugerencias de cómo aplicar la dirección visual en cada una de estas áreas:

En la industria automotriz:

-Líneas de flujo: utiliza líneas que fluyen a lo largo del diseño del automóvil para guiar la mirada del espectador y crear una sensación de movimiento y velocidad.

-Agrupación de elementos: agrupa elementos visuales relacionados, como las luces traseras o los espejos retrovisores, para crear una sensación de unidad y guiar el ojo del espectador a través del diseño.

direccion visual nos invita a mirar en cierta direccion.

Las formas marcan la dirección del objetivo que queremos remarcar, al cual queremos llevar la atención. Es importante dar balance a una composición y tratar de dar dirección a un punto de interés como en la fotografía.

Se puede dar una dirección visual hacia un determinado mensaje u objeto el cual queremos que nuestro espectador logre visualizar de manera guiada. Me parece un tema muy interesante.

La mirada me lleva al cuadrado azul. Tengo la hipótesis de que es por los círculos azules, porque a un lado inicia azul y al otro termina azul.

Dirección visual: Mírame ami, mira allá. Buscamos patrones. La mirada, se guía.

yo leí inmediatamente que era un carro, bueno la parte donde van las llantas de un wolswaguen.

los elementos son la guía

es muy clara la explicación

Dirección Visual

Otro componente del balance visual es la Dirección Visual.
Dentro de la dirección visual logramos que los elementos nos hagan dar un recorrido por la imagen hasta ubicarnos en cierto plano visual que nosotros queramos. Con ello logramos asignar significado a muchas cosas.
Podemos apoyarnos en los elementos de composición visual para sugerir una dirección visual. También podemos sugerir formas a partir de otras que aparentemente no tienen conexión. Algunos elementos de la dirección visual son:

  1. Dirección por forma: el más básico. Un cuadrado más grande que otro te dará una dirección visual o un triangulo tiene un ángulo que te hace ver hacia una dirección.
  2. Dirección por ubicación relativa: como están organizados los elementos en relación con ellos mismos. Ej: constelaciones. El humano suele hacer conexiones de puntos y buscar formas conocidos para uno mismo.
  3. Dirección por significado: por nuestra cultura asignamos significados a las cosas. Ej: señales, ojos mirando hacia una dirección (usado mucho en publicidad), etc.

Excelente, que bien explicado

REPASO.

la direccion visual nos ayuda a poder centrar la atencion en un espacio en concretodentro del dise;o

Los **pesos ** visuales dicen: Mírame a mi
Los elementos que dan sensasión de **dirección **dicen: Mira hacia allá

Con la dirección visual los elementos nos guían o nos llevan por un recorrido intencional dentro de la imagen.

Hola ¿Con la cuenta de Platzi, tienes acceso a la tarifa de estudiante que ofrece Adobe?

La dirección visual se utiliza mucho en publicidades, ahora me estoy percatando de mas detalles que antes no veía

Se puede dar una dirección visual hacia un determinado mensaje u objeto el cual queremos que nuestro espectador logre visualizar de manera guiada.

estupendo como la dirección visual juega un papel muy importante

subjetiva esta manera de ver el peso y la dirección visual

Dirección visual: el recorrido que sigue la vista al observar un diseño visual. Ello, a partir del orden, color, tamaño, dirección de las figuras que lo componen.

Interesante

Guiar la atención por medio de elementos hacia un espacio en específico

Dirección visual.
Los elementos de un composición puede crear una dirección visual para guiar hacia donde deben de ver las personas, estas direcciones visuales se forman por la posición y forma de los elementos.
También existe señales visuales por significado, que son elementos que en nuestro cerebro tienen un significado y por ende automáticamente dirigen nuestra mirada hacia un lugar, como una flecha por ejemplo

Nos induce a llevar la mirada a la direccion especifica.

Buena clase!

La imaginacion nos lleva a navegar la composicion hasta encontrar el punto de atencion

Interesante, tomaré esto en cuenta cuando vea alguna publicidad.

Clarísimo. Gracias

Excelente!

El desviar la mirada con formas es muy facil y mas si son universales, estos trucos sirven mas que todo para hacer notar algo se manera diferente o mas sutil.
A

    ª

Existen 3 tipos de Diracción visual:

1.Por forma
2.Por ubicación relativa
3.Por significado

Dirección visual: Mira hacia allá, y mirar en cierta dirección

Excelente clase.

Se utilizan las formas para expresar, ya sea dirección, conexión o una ubicación

Dirección Visual



Es es patron donde los elementos se alinean para dirigir la mirada a donde apuntan. Bien sea atraves de los tamaños, formas, patrones, colores, lineas, etc

La dirección visual:
Esta viene determinada por varios factores y una de ellas es la atracción.

Por su ubicación, su intensidad y dirección.-
En la 1era figura, el caballo y el jinete (atracción) se observa que lo esta jalando o retrocediendo. En la 2da figura se observa como los dos caballo estan avanzando.

Fig. 01

Fig. 02

SALUDOS

La secuencia de formas no siempre sugieren una dirección visual, creo que esto depende de la composición y el lenguaje que se utilice en el diseño.

Super!!

Dirección visual es una forma de llevar a un espectador a mirar primero un determinado lugar de una composición mediante la ubicación estratégica de sus elementos, el peso de su forma o color

Buena información

Excelente !

Mira primera vista fue ver a Arnold S. quien dirigida su mirada a la chica y la chica al Iron Man.

Me esta gustando mucho la sección de la composición esta muy interesante.

Guiar el ojo a que vea algo que queremos.

podrian hacer el nombre del queda el curso un poco mas chico!

El nombre del pasa de un lado a otro…termina mareando

muy interesante los conceptos y fundamentos

No entiendo bien en q consite direccion visual

Nos guía la mirada hacia un punto en específico. que generalmente lo hacemos de forma natural y así, ubicarnos en el plano visual