Contenido del curso
Selección y Combinación Efectiva de Colores en Diseño
Cuando seleccionamos colores somos libres de determinar tanto la combinación como la estructura visual, sin embargo hay algunos tips que pueden ayudarte a evitar acabar con un caos de colores contrarios entre si.
Determina tus colores tus colores base blanco, negro y algunos grises: Estos colores te ayudarán a generar la estructura general, también los podrás utilizar como elementos de transición o de fondo de cualquier elemento, o para incluir líneas y de texto.
Es importante que cuando selecciones los colores blanco y negro tengas en cuenta que los colores son representaciones del pixel; saber cómo funcionan las pantallas es imperativo para saber seleccionar colores. Te recomiendo esta lectura del funcionamiento del render de tipografías en pixeles el sub pixel -> http://alienryderflex.com/sub_pixel/
Cuando usas blanco o negro absoluto, debes tener en cuenta que no son colores reales. ¿por qué? porque en el mundo real no existen ¿has visto el blanco absoluto o el negro absoluto? Por lo general, siempre tienen alguna tonalidad hacia la cuál se inclinan. El color blanco nos sirve mucho para generar jerarquía, sin embargo considero que el negro absoluto no tiene muchos usos intenta llevarlo a alguna tonalidad y observa cómo cambia tu diseño.
Evita los colores default: La mayoría de programas de software tienen predefinidos los colores azul, rojo, amarillo, si bien no es que sean los peores, puede que sean lo más usados y eso puede generar que tu diseño resulte teniendo colores estándar que lo vuelvan aburrido.
Dale gradualidad a los colores que escojas: Si eliges usar azul, obten algunos colores hacia el blanco y otros hacia el negro dentro del mismo esquema de color, te encontrarás muchas posibilidades para poder mezclar y generar jerarquía entre elementos del mismo color.
Basate en los colores complementarios: Cada color tiene un color que lo complementa, puedes usar esto para escoger colores que generen jerarquía
Esta es la más importante, no importa cómo escojas tus colores, ¡hazlo una regla! sistematiza el criterio que seleccionas para elegir las categorías de los colores. Esto no solo te servirá a ti, le ayudará a todo tu equipo al momento de referirse a un color.
Roberto Fernandez Mata
Estudiante
Juan Carlos Acosta Chanamé
Estudiante
Omar Gabriel Aguilar Moscoso
Estudiante
Juan Castro
Profesor
Laura Páez
EstudianteJuan Castro
Profesor
Jeferson Mejicanos
Estudiante
Emmanuel García
Estudiante
Yoanna Centeno D
Estudiante
Juan Carlos Barbaran Meza
Estudiante
Antonio Alexander Estrella Gómez
Estudiante
Rolando Andres Zelaya Fernadez
Estudiante
Pedro Isaac Aguilar
Estudiante
Diana Marcela Herrera Pacheco
Estudiante
Manuel Bourrouett
Estudiante
Leniel Luzardo
Estudiante
Alberth Fabian Perez Mendivelso
Estudiante
Carolina Gómez
Estudiante
Yusting Andrés Mora González
Estudiante
Darwin Perez
Estudiante
Tania Ramírez
Estudiante
Salvador Salva
EstudianteCarolina Lazaro
EstudianteMilton Fabian Peña Sandoval
Estudiante
Robinson Javier Ordoñez Barreiro
EstudianteYusting Andrés Mora González
Estudiante
Luz Adriana Álvarez Monsalve
Estudiante
Jorge Andrés Ramírez Sierra
Estudiante
Alessandri Fonseca
Estudiante
Juan Esteban Deossa Pertuz
EstudianteHola, por aca les dejo unas herramientas muy útiles para generar paletas.
https://color.adobe.com/es/ http://colorhunt.co https://coolors.co
Son recomendaciones de otro curso de platzi, introduccion al diseño.
Me gusta las páginas que compartiste. Muchas gracias.
colorhunt :")
Hola Juan, ¿puedes volverlos a compartir? El enlace nos redirige a esta clase ;) ¡gracias!
:scream::scream::scream:
https://platzi.com/blog/color-en-interfaces https://platzi.com/blog/donde-encontrar-recursos-de-diseno
es una aplicación web del Sistema Adobe que permite a los diseñadores y usuarios crear, explorar y guardar paletas de color. Cada paleta de color consiste en un set de cinco colores. Úsenla!, les servirá muchísimo
Acabo de descubrir esta herramienta para generar paletas a partir de una imagen pero desde el celular, está bien interesante para esto de los colores complementarios y de sistematizar pero cuando debemos inspirarnos en una imagen real [](https://cone.app/ 9.01.02 a. m..png](https://static.platzi.com/media/user_upload/Captura%20de%20Pantalla%202020-05-22%20a%20la%28s%29%209.01.02%20a.%C2%A0m.-c787bb97-2c7b-4f9a-ba35-9382ae8ebbbc.jpg){kind=small}
Gracias!
29. Tips para seleccionar colores
Excelente Curso, voy aprendiendo mucho!! El profe, un genio, domina la materia.
Concuerdo! ... Es de los mejores cursos que he tomado en la plataforma hasta ahora, y sin dudas, el más completo en mi ruta, en cuanto a UI design.
Ahora en 2023 con el auge de las IA, adobe ahora tiene otro software llamado comprobador de contraste o color contrast analyzer: , ¿qué tiene de genial?, colocas un color de fondo y el color de texto y el te analiza si tienen legibilidad para el usuario tanto en texto pequeño, texto normal y componentes gráficos, y si falla tu elección te sugiere combinaciones que si sean legibles. Es genial, ¡se los recomiendo para que analicen las paletas de colores de sus proyectos!
Muchas gracias por el aporte!!
UUUUFF😅 por fin encuentro este tema en los cursos acerca de diseño. Espero se profundice un poco mas sobre esto en otros cursos🤗.
Definitivamente saber escoger los colores es toda un arte que hay que empezar a comprender y dominar...
El color le da personalidad, carácter y un aura de algo bien logrado a cualquier producto, por ejemplo si a cocacola lo pusieran verde o morado ya no sería nuestra marca de siempre, por más que diga cocacola, si acaso sería un producto aparte de el ya existente, jamás sería la identidad ya posicionada de nuestra empresa. Tener esto en cuenta para nuestro producto.
No recomiendo usar el negro absoluto en diseños, hablo del #000000, para remplazarlo hago uso de un color de tonalidad medio gris medio negro: #111111, siempre lo uso, es la mejor tonalidad que existe.
¿por qué no recomiendas usar el negro absoluto?
A mí me cuesta muchísimo generar paletas de colores y no me considero buena en ello :c Hay veces que invierto mucho tiempo buscando los colores adecuados Acepto feedback sobre ello, les dejo mi instagram
Te recomiendo que revises diseños de calidad en Dribbble y revises sus paletas de colores. Cúantos colores ha usado, qué usos les dan a cada uno en la interfaz, qué importancia tienen cada uno... Prueba a diseñar una nueva interfaz con esos mismos tonos y estudia qué usos les das a cada color y porqué. Espero te pueda servir :)
Además de Dribble, Pinterest y Behance son opciones bastante buenas para encontrar inspiración, por otro lado para crear paletas de color utilizo Material palette generator de Material design, este ayuda bastante a crear tonalidades con distinta opacidad partiendo del color que elegiste como primario.
excelente lectura!!
Que buen aporte
Recomiendo mucho usar una herramineta en caso de que no sepan mucho sobre mezcla de colores: https://coolors.co
En mi celular tengo instalada la app Color Pal, recomienda unas paletas interesantes y te permite crear las tuyas, lo que más me gusta es que puedo ver los colores directamente en la pantalla del celu.
Información muy útil.
Justo cuando empezaba a tener dudas con mis colores llegamos a esta lectura. Muy util!
Muchas gracias por la infor!
