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

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:

19 Días
17 Hrs
35 Min
29 Seg

3 Errores comunes en el uso del color

37/52

Lectura

Cuando empezamos a trabajar y experimentar con el color es fácil cometer algunos errores que perjudican el objetivo del diseño.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 227

Preguntas 6

Ordenar por:

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

![](

Ejemplos de Vibración

En mi opinión en el caso de Despegar, veo algo de vibración en la imagen, el fondo morado tiene mucho brillo. Ojo no el texto es entendible pero cansa mucho la vista.

En cambio en el lado inverse veo más limpia la imagen.

El problema aquí no es la combinación de color en sí.
Si haces una vista rápida por ejemplo: si fuera un poster, no pasa nada. Es hasta bonita la combinación.
Si te mantienes viendo durante los 24 minutos del video, la cosa cambia, te sangran los ojos de lo fuerte del color vino tinto, el cuadro blanco de los mensajes y el ponente.
A decir verdad entre el ponente y el fondo, el efecto es mucho menor, que entre el cuadro blanco y el fondo.

era mas común verlos en sitios web en los 90´s

Un error mío
Problema: " No saber usar colores "
Solución: " No usar Colores y hacerlo todo Monocromático "
Problema número 2: " Quería usar colores "
Solución ?: " Repetir los pasos de otros sin aprender nada o muy poco "
Problema número 3: " Sentirse dependiente o con un vacío, quería crear lo que en mi mente veía "
Solución: Buscar respuestas durante años
Solución.2: Aceptar que mi capacidad de comprensión era muy pobre
Solución.3: Estudiar hasta el detalle mas insignificante que me rodea ( " Como quieres cambiar al mundo si no puedes cambiar ni lo que te rodea " )
Solución.4: Creer en ese hogar que nunca vistes
Solución.5: P
Solución.6: L
Solución.7: A
Solución.8: T
Solución.9: Z
Solución…: I

Esto también aplica a los espacios, por ello antes lugares como Mc Donald´s o Burgerking, tenían sus espacios con colores vibrantes como el rojo y el amarillo, buscaban una sensación de urgencia, para que la gente entrara consumiera rápido y saliera lo más pronto posible y recibir más clientes.

Pero ese concepto a cambiado, ahora buscan que sus clientes se sientan tranquilos y puedan disfrutar de su espacio… pasando de esto:

a esto:

El azul usualmente se asocia a lo tranquilo; Italia lo asocia a lo agressivo y energético. ¿Por qué? Porque así viste su equipo de futbol ._.

Me sucede esto, elijo una paleta y literal la amo, pero cuando la veo en el diseño ya no me gusta, ya no sé como utilizar los colores y siento que pierde concepto el diseño… Creo que debo educar el ojo, supongo que la practica hace al maestro.

Generalmente lo soluciono con un cambio de saturación o de luz, pero cuando un cliente se pone intenso y persiste en un conflicto de colores, meto la paleta en Adobe Color y le envío el reporte de error de Adobe, y en 5 minutos se acaba la discusión.

Trabajo con comunidades indígenas en la zona norte de México. La población suele utilizar colores muy llamativos, fosforesentes como los conocemos. La situación es que si no lo hacemos con esa paleta de colores suelen ignorar mucho los mensajes que les compartimos. Aquí sí aplica la de tomar en cuenta a quién va dirigido el mensaje.

Mis primero intentos de infografía, aunque me ayudaba con una herramienta jajaja para mí en aquel tiempo la gracia era tener mil y mil colores, un texto que ni me tome el tiempo de alinear, entre muchos errores que gracias a este curso no volveré a cometer nunca.

Pasa en el dia a dia.

Errores

  1. tener 2 colores dominantes y muy brillantes en un solo diseño
  2. tener muchos colores en todos los elementos del diseño
  3. no tener en cuenta el contexto de cada color que varían según la cultura

no es muy relevante pero hace mucho hice una mandala, el problema que al terminar de pintarla no se veia el animal que habia atras de todis los colores esta al no dejarle espacios en blanco de saturo de colores

Aquí donde te das cuenta que Platzi vale cada centavo de su membresía, esto ya es aprender de la practica, gracias!!!

![](

Creo que en la cantidad de colores juega un papel muy importante la estética que estemos manejando. No es lo mismo poner 7 colores en algo con una estética minimalista a algo que la corriente estética sea el Kitsch.

Me gustaria que lo ampliaran en un video

Es muy útil saber a cerca de la psicología del color y los errores que se pueden cometer, por lo tanto es buena idea hacer ejercicios de colores, para analizar como se puede comunicar mejor un mensaje. Encontré estas dos imágenes…

Precisamente antes de saber cómo crear paletas de color y realizar variaciones de un mismo matiz y demás,el principal error en mis diseños era que la vibración estaba presente sí o sí, jajaja.

según lo que entendi

El primero casi me da dolor de cabeza.

Sii! me pasó con la vibración, una presentación de power point que hice era de letras rojas con un fondo de una planta verde… bastante fuerte, aunque para ese momento me pareció lindo jajaja. Tiempo después pensé: “¿qué pasaba por mi cabeza cuando decidí esos colores?” 😄

Creo que el indicador mas preciso que podemos tener al momento de identificar estos casos, es cuando el inconsciente dice UISHHHHH.

esta me resulta un muy mal ejemplo, además tiene animación


Quise experimentar en un logo hace unos años y al principio no lo entendia, hoy por hoy reconozco cada una de mis fallas, independientemente a la exportacion del mismo.

Les recomiendo la app AdobeCapture, es posible abstraer o generar una paleta de colores a través de un paisaje.

Información muy valiosa, me agradó la parte que decía de usar los colores con mucho valor, son una de las partes más valiosas para el diseño.

Soy malisimo combinando colores… 🙄😥😥

la verdad yo he cometido el error de usar los colores dominantes en una misma imagen, osea realmente al terminar resultaba ser molesto para la vista y no me terminaba de gustar, pero no entendía lo de los colores

Un ejemplo del error Vibración, que fue usado a propósito para provocar en el espectador esta sensación de “incomodidad”, es el famoso saco del personaje Freddy Krueger. El director eligió estos colores ya que según lo que había leído en la revista Scientific American, los colores verde y rojo son los que más «chocan» a la retina.

siempre he tenido problema con la vibración ,son combinaciones que en lo personal me gustan pero no son agradables a la vista

El color es todo. Muchas veces nos dejamos llevar por nuestros gustos, dejando de lado el verdadero mensaje que nuestra marca, diseño o interfaz quiere transmitir. Por esto, es importante ser cuidadosos en el uso y significado del color.

¿Hay alguna cantidad de colores sugeridos por paleta de color para una interfaz o diseño?

Esto del color me ha parecido muy interesante, en especial como juegan con las emociones y psicológia del publico

Aquí es mejor adoptar el dicho: MENOS ES MÁS, la contundencia de una idea y la intención en la comunicación priman, el color actúa como un sistema de apoyo a esa comunicación generando énfasis, ayudando a la jerarquización y ampliando la cobertura conceptual (generación de emociones)

En este anuncio percibí algunos errores. No se si estoy en lo correcto.

La verdad, no tengo ganas de escribir, ni de tomar ninguna clase, no me siento muy bien… Estoy pasando por un problema, pero eso no va evitar que pueda seguir aprendiendo, a la porra el mundo, yo puedo.

En mi familia no nos gusta el rojo

genial saber esto

Pues este curso llegó muy tarde a mi vida, durante toda una carrera cometí todo tipo de errores en el uso del color diseñando animaciones educativas en flash.
Aplicaba el chiste de mal gusto “Si es hombre sólo conoce seis colores”. No diferenciaba tonos o combinaciones que funcionen o que no funcionen, solo veía colores que no me significaban nada.

El error y “quejas” sobre el color, es que varía de pantalla en pantalla, yo diseño en mac, pero generalmente los reclamos me llega de gente que tiene windows y usa DELL de oficina.
Es complicado en retoque digital, piezas gráficas para web, tener un parámetro para todos, para que el color no cambie, y que mi naranjo primaveral, no termine siendo un rojo de OFERTA en las pantallas de otros 😛

Creo que es mi “error” más frecuente 😛

Considero que 3 colores es mucho para un logo por ejemplo, siempre he de considerar al momento de un estampado mientras mas colores mas complicado. Cuando desconocia de todo esto no limitaba estos detalles,pero ahora con mas razon para ser mas cuidadosa.

En sus paises que significado tienen los colores? Me encantaria saberlo todo para aprender !

mi logo personal tiene un error de color entre otros estoy trabajando en uno más sencillo.

Muy claro, siempre he intentado manejar la menor cantidad de colores en mis diseños para que no se vean muy cargados.

¿Cuanto es el máximo de colores que debemos de elegir?

Me ha pasado el problema de la cantidad de colores, tenía que hacer un flyer pero no cumplía la finalidad del mensaje, así que reducí los colores por recomendación o feedback. Es recomendable enseñar a otros tus avances o trabajos cuando tú quieras saber si estás cumpliendo tu objetivo o mensaje.

Vibración
Armonía: Relaciones de colores que se perciben naturalez y sin conflicto.
Disonancia: Relaciones de colores muy contrastantes en conflicto.

Considero que algo importante es tener en cuenta la jerarquía del color. En una paleta siempre elijo un color principal y el resto en base a éste. Por eso añadiría que es un error usar el color principal sin que resalte sobre el resto.

Interesante como influyen los colores en lo que queremos comunicar a la hora de diseñar 👍.

¡He aprendido bastante en este curso! 😄

En mi inexperiencia cometi todos esos errores

¿Se podría decir que a veces menos es más?

Me ha ocurrido en vibraciones, sin embargo el contexto nunca lo había considerado y es de suma importancia.

Importante hacer contrastes con la combinación de colores para que la gente tenga una buena lectura del diseño y el uso de los colores expresados.

No sabía que el contexto tiene un papel importante. Creí que el diseño universal junto con los colores iban de la mano. 😅

No debemos olvidar que el contraste entre fondo y objeto es importante para la composición visual. Por ejemplo, no se puede poner un símbolo de color blanco con un fondo amarillo.

excelente dato, hay libros con acetatos de colores para aplicar sobre fondos prederminados que pueden ayudar mucho en las diferentes combinaciones

📌| En resumen:

3 errores comunes en el uso del color son:

  1. La vibración: No mantener la legibilidad en el uso de colores, especialmente cuando involucramos texto.
  2. La cantidad de color: El color es un recurso muy valioso y debemos usarlo como tal. Un diseño con demasiados colores perjudica su lectura.
  3. El contexto: No saber el contexto de cada color en los que será leído nuestro diseño, puede cambiar completamente el mensaje que queremos entregar.

Hay combinaciones de colores que usamos para rememorar una fecha, por ejemplo verde + rojo que se usa mucho en Navidad y personalmente los evito mucho si el mensaje que quiero dar a conocer no tienen nada que ver.

Este es el logo de nuestra empresa, y en este caso no es un error, sino una situación en la que aprovechamos el color naranja, que como lo dice el artículo, denota algo importante y acentuado, por lo que lo usamos para darle el acento a la palabra “auténtico” con tilde en la letra “e”, para así no tener que dibujarla encima de la letra y desequilibrar la forma rectangular de la palabra.

Es bueno tener en cuenta un buen uso de los colores, para evitar que el usuario o el cliente no se canse o aburra al ver la imagen o el texto presente

Esta información cae como anillo al dedo para el diseño de interfaces

que buena guia ❤️

Excelente clases sobre los colores he aprendido un monton con cada uno de las clases aun nos falta pero todo va excelente hasta ahora.

Cada día que avanza el diseño va evolucionando, me atrevería a decir que nos encontramos en una época minimalista, y como muchos dicen, menos es más.

Me gusta mucho trabajar con colores y he aprendido a aprovechar el blanco y el gris para no saturar

Si, a mi también me pasaba en mis presentaciones de diapositivas, que bueno tener esta herramienta para poder contrastar los colores.

Si me paso con el WordArt, casi siempre elegi los colores fuertes.

El primer elemplo me ha sido muy útil, yo estaba cometiendo este error y ya pude corregirlo
GRACIAS!! 😉

Siempre me han chocado los contraste fuertes en los colores, por ello nunca en jugado con ellos; creo esto me impidió crecer en el diseño, un miedo que estoy superando mediante este curso.

El contexto tiene un papel importante. ya que en algunos lugares, culturas o nacionalidades hay interpretaciones diferentes de algunos elementos o colores. En ese orden de ideas, ¿como se debe manejar el diseño para encaje con las diferentes culturas o regiones sin que vaya generar un efecto o una connotación diferente?

Creo que sería muy apropiado hablar sobre cómo, cuándo y en qué tipo de situaciones hacer uso correcto de las degradaciones, ya que existen muchas personas que utilizan muy erróneamente esta herramienta.

me ha pasado a la hora de combinar prendas de vestir.

Después de las últimas elecciones en Perú, he empezado a asociar el naranja con el fujimorismo, cada vez que veo un anuncio o marca naranja, pienso que es de KF.

en mi pais el morado esta muy mal visto porque esta relacionado a un partido politico y siempre lo mencionan al ver algo excesivamente morado asi que queda muy descartado y siempre queda relacionado con este

al principio uno comete herrores de diseño en color y luego vas aprendiendo a educar el ojo y enfocarte.

Detalles muy interesantes

Por eso tenemos que tener en cuenta que colores queremos utilizar desde un principio, y saber también que queremos expresar con estos.

Cuando inicie en este mundo, realizaba logos con colores dominantes, ahora me doy cuenta porque se veía muy mal 😃

Vaya tendré más en cuenta esto 😃

wow

Me parece de verdad, muy, muy, muy interesante cómo plataformas cómo instagram, asana, stripe, entre otras; han comenzado a integrar estos colores pasteles, incluso añadiendo degradados. Los combinan con fondos blancos, textos negros y le da un toque bastante, bastante, interesante.

Creo que es una tendencia en diseño de interfaces, e incluso de flyer, digna a realzar sobre todo por lo armónico que alcanza a ser la variedad de color.

El problema que suele pasarme es de no seguir la psicologia del color, pues simplemente lo resolvi estudiando la insdustria y estudiar a los competidores

Mi conflicto con el color surgió a la hora de combinarlos automáticamente empece a poner colores dominantes para los textos y escala de grises claros para los fondo y viceversa así mismo para los los logos.

Un factor no menos importante y que incide en cómo percibimos los colores en diversos dispositivos se encuentra relacionada a la configuración de pantalla, si hablamos de dispositivos móviles encontramos en Samsung, diversas opciones de configuración de colores que pueden por ejemplo, saturar las tonalidades y cambiar en algún punto el modo de experimentar los colores. En forma análoga, encontramos la tecnología true tone de los dispositivos móviles de Apple que alteran la experiencia del color de igual modo que el night shift o la visión nocturna en ordenadores. Del lado del usuario, interfieren en la experiencia de los colores, aunque como diseñadores es un aspecto a tener en cuenta, no obstante fuera de control.

Me ayuda mucho saber del contexto ya que e saturado muchos diseños, muchas gracias.

A medida que avanza el curso vemos como conceptos que pasan de manera desapercibida son fundamentales para trasmitir una idea y poder combinar de manera logica los colores pueden convertir en un diseño efectivo o no, con estas bases vamos hacer mas eficientes a la otra de trasmitir una idea y va hacer muy agradable para nuestros usuarios.

El uso de color es algo que no debe pasarse por alto, impacta directamente a nuestro mensaje y la forma en que el público lo percibirá, si se usa de manera descuidada sin preocuparnos por la psicología de color, es muy probable que el mensaje que transmita sea errado. Por lo que debemos elegir el color que concuerde con las emociones y el contexto del mensaje que deseamos dar.

me ha pasado que el he querido cambiar el color rojo en el caso de notificaciones o ese tipo de acciones para el usuario ,pero como dice en el texto ,es bueno dejarlo asi ya que el usuario ya esta acostumbrado a ese tipo de cosas en otras aplicaciones , como dicen ,si funciona ,no lo cambies

interesante

Es bastante interesante como el uso inadecuado del color puede causar que transmitas de forma equivocada el mensaje que quieres transmitir, por lo tanto es importante conocer acerca del color, que significa, que representa en su cultura, si combina con los colores de alrrededores o no, todo eso es importante antes de realizar un diseño

Ya se ha mencionado, el color por si mismo comunica, sin embargo la connotación cultural juega un papel fundamental en su aplicación.

Muy bueno!

Gracias

Es realmente interesante la lectura, para aprender y equilibrar bien los colores, es un trabajo continúo de mejoras …