Sesión 5: Teoría del color parte 2

Análisis de colores con la regla 60/30/10.

La clase inicia con la revisión de las dos tareas pendientes (layouts y análisis de colores en plataformas web). Los siguientes link son de gran relevancia en cuanto al análisis y características de la paleta de colores:

Colores en UI Design: Teoría y Práctica

https://color.adobe.com/es/create/color-wheel

https://flatuicolors.com

http://paletton.com/

Para la formulación de la paleta de colores generalmente, se recomienda un 60 % del color dominante, un 30 % del color secundario y un 10 % del color acento. El implementar el uso de esta regla ayuda a generar una sensación de balance y armonía en el diseño de la interfaz guiando la vista en la navegación.

El color consta de tres partes integrales principales:

  1. Matiz
  2. Valor
  3. Saturación

 Hue o Matiz: se describe por la longitud de onda dominante, también es un término que describe una dimensión de color que experimentamos fácilmente cuando miramos el color, o su forma más pura; esencialmente se refiere a un color que tiene saturación completa. Los matices describen el matiz que se produce cuando se añade blanco a un color.

Cuando se habla de «pigmentos primarios» (CMY), no se agrega blanco, negro o gris cuando es 100 % puro. (La desaturación total es equivalente a un gris oscuro fangoso, ya que el negro verdadero no suele ser posible en la combinación CMY).

Cuando se habla de «primarios de luz» (RGB) espectrales, se determina un tono puro equivalente a la saturación total mediante la relación entre la longitud de onda dominante y otras longitudes de onda en el color.

Value o Valor: Tiene que ver con luz y la oscuridad que tiene el color, un claro ejemplo en nuestra vida diaria es ver que cosas están más cerca a la luz y que otras en un segundo plano con más oscuridad.

 

Saturación: Tiene que ver con la intensidad del color, cuando saturamos un color lo que estamos haciendo es lograr un color más intenso y vivo, mientras que cuando desaturamos como resultado tenemos un color más opaco

 

La relevancia del Color en tipografía:

https://uxplanet.org/basicdesign-never-use-pure-black-in-typography-36138a3327a6

El color afecta la comodidad de lectura, como alternativa se recomienda nunca usar negro puro en tipografía para evitar la fatiga visual. La clase finaliza con proponer una paleta de colores para interfaz en las resoluciones mas usadas.