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
7 Hrs
18 Min
25 Seg

Estructuras naturales

20/52
Recursos

Aun si no hay elementos visuales con los que se pueda construir una composición, con las estructuras naturales hay una tendencia natural a hacer cierto recorrido visual. Podemos encontrar, por ejemplo:

Elementos visuales

  • Ley de tercios
  • Patrones de lectura

Aportes 168

Preguntas 8

Ordenar por:

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

Algo interesante es que también vemos como Carlos Jiménez y los de el equipo de Platzi ocupan la estructura natural para realizar los vídeos. 😃

Genial, empezaré a utilizar el grid de la cámara para practicar composición con la ley de tercios!

  1. este es otro ejemplo

La ley de tercios consiste en dividir el marco en tres tercios imaginarios horizontales y verticales. Los cuatro puntos o puntos de intersección de estas lineas fijan los puntos adecuados para situar el punto o punto de interés de la foto.

Platzi siempre como gran ejemplo.

ejemplo de la ley de tercios

Mi carrera de la universidad en unas cuantas clases. Increìble!

ESPECTACULAR lo que se logra aplicando la regla de los tercios!!

  1. Se crea una sensación de equilibrio.
  2. La imagen adquiere más interés que una donde simplemente se ubicase el sujeto/objeto en medio, hay una complejidad que hace la imagen especial.
  3. La foto toma una fuera y energía que se percibe fácilmente.
  4. Se gana una sensación de profundidad y la imagen deja de ser plana.
    Que bien aprender cosas nuevas, es como si empiezas a percibir tantas maravillas detrás de lo más simple.

En la mayoría de mis fotografías, intento aplicar la ley de los tercios, algunos día sera algo intrínseco en mi cerebro!!

Ley de tercios

Vaya, hace tiempo que había olvidado esta ley

EN esta foto yo me guié mucho por los tercios, y en fotografía es una herramienta que es suprémamente útil, les recomiendo el curso de fundamentos de fotografía y el curso de fotografía con tu teléfono los cuales les dan una idea mas profunda de esto y otros tipos de composición de fotografía que van muy bien con este curso. 😃

siento paz a ver estos videos, es a mi sola o a alguien mas le pasa…

En el diseño hay que insinuar… qué bella reflexión

Insinuar en nuestros diseños nos dará mas oportunidad para transmitir sensaciones :0

Interesante!

me transporta a una estructurara natural perfecta.

No entiendo porque los estudiantes escriben aqui lo mismo que vieron en el video… bien pueden repetir el video.

Yo realmente primero me fijo en el centro y luego en todo lo demás

Es más fácil para el ojo humano identificar figuras o formas en tercios que sean familiares a lo que conocemos, o sea tienen una composición natural
. ejemplo:

Fotografía de Henri Cartier-Bresson

Estructuras naturales
1. Tercios: Nuestro ojos buscar puntos de manera natural por ende sale esta ley que divide la imagen en un 3x3. Las líneas nos mueven la visión por los lados verticales y horizontales y los cruces de estas líneas que son los momentos de más tensión.

En términos de percepción nada es 100% preciso, por ende se puede usar esta ley de una forma no tan precisa. Cuando insinuamos una tensión el ojo automáticamente ira ahí por eso no debemos buscar posicionar en el tercio perfecto.

Si cuentas con iPhone, puedes aplicar la grilla (ley de tercios) en la cámara para tomar buenas fotos así:

  • Ve a **configuracion ** (ajustes)
  • Busca la opción Cámara
  • Activa la switch de Cuadrícula
    -¡Enjoy!

Lo uso mucho para tomar mejores fotos, y los cambios son realmente buenos.

Me da mucho gusto ver estos videos, estudié diseño hace 10 años y la mayoria de estas cosas las hago naturalmente y es genial recordar y ponerle nombre a todo.

La ley de tercios se puede crear en Instagram, al hacer 9 publicaciones.

En las artes visuales y el área cinematográfica como la pintura, fotografía y diseño, la regla de los tercios es una forma de composición para ordenar objetos dentro de la imagen. Esta regla divide una imagen en nueve partes diferentes , utilizando dos líneas imaginarias paralelas y equiespaciadas de forma horizontal y dos más de las mismas características de forma vertical, y recomienda utilizar los puntos de intersección de estas líneas para distribuir los objetos de la escena. La regla de los tercios se usa con frecuencia en todo tipo de escenas como retratos, paisajes o bodegones.

Gracias a los tercios puedo comenzar a capturar buenas fotos e implementar está estructura natural. Me pareció realmente interesante esto.

En el ejemplo de la pelicula Diana se usa la Ley de la mirada y lo que busca es dar protagonismo o enfasis hacia la direccion donde esta mirando el sujeto.

Para los compañeros que vienen por el diseño de interfaces o de Marketing colocar CTA’s orientándose por la ley de los tercios es más que una buena idea 😄

![](

Regla de Tercios
¿cómo se relaciona con el diseño web?
Esta regla nos permite ubicar elementos de mayor interés en puntos estratégicos. En el diseño web existen elementos que deseamos que se destaquen más que el resto, es por eso que la regla de los tercios resulta ser útil cuando se aplica al diseño web.

Comprendiendo la utilidad de la cuadrícula
Es conocido que la mayoría de personas ven un sitio web siguiendo un patrón en forma de Z o F. Con esta información, los usuarios ven las páginas de arriba hacia abajo, por lo cual, la esquina superior izquierda es el área de mayor atención y este suele ser jgeneralmente el lugar donde se coloca el logo de la empresa en una página web.
Los puntos que se intersectan (puntos de tensiòn) en la cuadrícula no tienen que ser necesariamente usados para colocar enlaces o cualquier otro elemento que consideremos importante, sino que podemos usarlos como marcadores que indican que parte del diseño es importante.
Además la regla de los tercios en el diseño web sirve como apoyo para mejorar la experiencia de usuario.
Una forma de aprovechar la regla de los tercios es realizar capturas de pantalla de sitios web que nos parezcan buenos y ver en qué medida cumplen con esta regla.

Viendo el poster de Avengers Endgame,

Thanos y Ironman están en la parte superior izquierda (un poquito más arriba del punto de tensión pero como dijo el profesor, no es algo que se tenga que cumplir y ser completamente preciso), por lo que una gran parte de los lectores verían a thanos/ironman y luego por las líneas dibujadas, de ellos irían al capitán.

Aunque el capitán está ubicado en el cuadro del centro y entre dos puntos de tensión, y cerca de ahí está el título y una nube roja para llamar la atención, así que también los lectores podrían ver al capi primero, y por la vista de los vengadores (menos thor y ocolle okoye) verían a thanos.

Me gusta mucho que todo tenga una explicación, el diseño humano es perfecto! todo cobra sentido

Normalmente el punto de atención o el sujeto principal se coloca en cualquiera de los cuatro puntos y si existiese un segundo punto de atención, éste se ubicaría al lado opuesto diagonalmente, es decir, el punto opuesto.

Estructuras naturales
.
Así no existan elementos visuales con los que podamos construir una composición existe una tendencia natural de hacer un recorrido visual sobre lo que estamos viendo.
.

  • Ley de tercios: Cuando estamos ante una página en blanco los seres humanos estamos “programados” para mirar a ciertas direcciones en busca de información. En occidente tendemos a ir primero a la parte superior izquierda, por lo que se convierte en el punto de atención mayor.
    .
    Una vez ahí después solemos dividir nuestra atención en diferentes cuadrantes a los cuales se les conoce como tercios.
    .
    Esta división por tercios solemos verla mucho como líneas guías en cámaras digitales, porque es una recomendación general dentro de la fotografía ubicar las cosas respecto a estos tercios.
    .

    .
    “En términos de percepción nada es 100% preciso”
    .
  • Patrones de lectura: Siguiente clase =>

Tercios, el punto de atencion mayor esta en la esquina superior derecha,

en la grid poner lo que queremos que vean en las intersecciones
nada es 100% preciso

Carlos dice que el póster de la chica está hecho de tal manera que leamos primero el nombre de la actriz, porque está en el punto de mayor concentración visual, luego a la chica y por último el nombre de la película. Sin embargo, mi lectura no fue así, el primer lugar al que dirigí mi mirada fue la chica, luego el nombre de la película y el nombre de la actriz fue lo último que miré, esto claramente de manera inconsciente, no hice esa lectura por un motivo específico, solamente fue lo que mis ojos hicieron.

Luego empecé a analizar los elementos y me di cuenta de que puede que haya una explicación para la lectura que hice y es que la chica, es el elemento más pesado de toda la imagen sin duda, por lo que tiene sentido que haya sido lo primero que mirara si aplicamos los conceptos que hemos visto anteriormente sobre pesadez visual además del claro contraste de colores.

Luego me percaté de que la superficie donde está sentada la actriz funciona en sentido de flecha, de cierta manera pretende dirigir la mirada del espectador hacia la derecha, por lo que es lógico que lo segundo que mirara fuese el nombre de la película, si tenemos en cuenta lo que hemos visto respecto a dirección visual.

Por último, me di cuenta de que también se juega con el tercio inferior tal como veíamos en el ejemplo del árbol, pues el tercio inferior es donde está la chica y el nombre de la película, marcando esa “línea” de separación para dar protagonismo al mar en los otros dos tercios superiores, por lo que por naturaleza al no haber un elemento visual en esos dos tercios y al estar de cierta manera “vacío” al igual que la imagen en blanco del principio, fue cuando realmente de manera inconsciente mis ojos decidieron ir al punto de más concentración, el tercio superior izquierdo. Por lo que, en conclusión, considero que la lectura que sugiere Carlos es errónea al menos en mi caso, para mí no aplicó. Me parece extraño que diga que lo primero en lo que seguramente nos fijemos sea el nombre de la actriz, cuando me parece poco probable teniendo en cuenta la pesadez del elemento inferior. De hecho, se podría decir que el nombre de la actriz es lo menos pesado de la imagen, por lo que no me extraña que sea lo último que yo haya visto. Pero hablo por mí, no estoy seguro si es que realicé la lectura de otra forma, que no es la que hace la mayoría o si Carlos se equivocó. Sea lo que sea, ambas lecturas me parecen válidas. Me gustaría saber si hay personas que hicieron la lectura como lo indicó Carlos, así me podrían orientar en caso de que no haya entendido algo.

Hay una tendencia natural de ir a ciertos puntos.

Hola! en este post de instagram se resume la ley de los tercios. https://www.instagram.com/p/CH_ZDxwAu3d/?utm_source=ig_web_copy_link

Ley de Tercios
Patrones de lectura

Navegando en un banco de imágenes, encontré estas

estructuras naturales hay una tendencia natural a hacer un recorrido visual. tendemos a dirigirnos a las esquinas.

La ley de los tercios es un excelente punto de aprendizaje para la composición. Ayuda a conocer mejor la parte del enfoque y, con los puntos de fuga, el balance visual y el ritmo, la estructura comunicativa que se necesita entender para generar un buen concepto visual.

Siempre me preguntaba para que servía eso en las cámaras, ahora al fin lo entiendo.

Fascinante !

Increible como esta compuesta las estructuras

interesante

Me está gustando mucho, esto de educar al ojo 👁

siempre pensé que los tercio debía encajar perfectamente, pero ahora veo todo con mas claridad

les comparto una pequeña síntesis del tema

📌| En resumen:


La regla de los tercios es una guía de composición que coloca al sujeto en el tercio izquierdo o derecho de una imagen, donde las líneas chocan y crean 4 puntos.

Para dominar la ley de tercios se usa mucho la fotografía, simplemente tiene que hacer algo, practicar, practicar y practicar. Hay un dicho que dice “tus primeras 1000 fotografías serán feas” toma tu tiempo.

Ejemplo de tercios

Estructuras naturales.


Aún si no hay elementos visuales con los que se pueda construir una composición, con las estructuras naturales hay una tendencia natural a hacer cierto recorrido visual. Podemos encontrar, por ejemplo:

  • Ley de Tercios
  • Patrones de lectura

Cada segundo que paso en platzi me doy cuenta que fue la decisión correcta. Estos datos de estructura natural son verdaderamente sorprendente. Nos van ayudar a ubicar nuestra figura o textos de una manera correcta.

Algunos ejemplos populares que fueron más alla de la composición

😮

este curso esta cool!!! aprendi mucho

Los tercios generan lecturas de las imágenes, y no siempre deben ser exactamente precisos.

Muy interesante esta clase acerca de las estructuras naturales y como los tercios forman esa composición y ayudan a lectura de la imagen 😃 .

super interesante, me gusta mucho como el diseño aborda la mente humana y como la ha estudiado a través del tiempo para lograr una comunicación efectiva y eficiente.

Las estructuras naturales, son aquellas tendencias humanas a buscar información en una composición, aunque no haya ningún elemento en la composición. La mas conocida y una de las mas utilizadas, es la ley de tercios.
Consta de dividir la composición en tres columnas horizontales y verticales, creando 4 puntos de tensión fundamentales donde el humano prestara más atención, los cuales son los puntos donde se conecta cada línea divisoria con otra.
Las estructuras naturales, como la ley de tercios, no son siempre exactas, sin embargo, siempre suelen seguir el orden natural de seguimiento, de izquierda a derecha, de arriba hacia abajo, especialmente en el mundo occidental.

Es una estructura que se puede romper, pero es un excelente comienzo para comenzar a componer.

Entender como está compuesto el mundo es entender que se puede aplicar la ley de tercios-

La ley de los tercios cuenta con 4 puntos de interes que son esos cuatro puntos que forma el cuadrado del medio, estos puntos de interes centran mas la atencion del espectador.

Existe en nosotros cierta tendencia de mirar en dirección de algunos puntos en específico en una imagen y hacer un recorrido visual de manera natural.

la Ley de los tercios siempre la podemos usar, no es necesario completar todos los ejes, siempre esta presente. es mas facil reconocerlo por elementos que estan en forma lineal.

Cada vez entiendo mejor

Chulada de clase.

Portada que hice para el curso de Grid Layout

no tiene que estar centrado para proyectar el mensaje

Super la explicación

Excelente clase…

![](