Cuando utilizamos colores demasiado contrastantes podemos generar efectos visuales algo molestos, problemas en el render o lineas blancas y negras en los bordes de los elementos. Para solucionar estos problemas visuales debemos elegir nuestros colores con mucho más cuidado, moviendo los colores hacia alguna tonalidad para evitar colores demasiado contrarios.
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases. https://www.notion.so/Design-system-1bdbab2c4c354f80944c1fb93d3743ff
Los colores también deben llevar algún tipo de clasificación ya que definen el estilo visual de nuestro sistema. La paleta de colores define el estilo de tu sistema de diseño y ayuda a definir el sistema de diseño, diferenciando la identidad de la marca y del resto de efectos y elementos visuales.
Muchos sistemas de diseño clasifican sus colores según sus productos (un color para ventas, otro para servicio al cliente, etc), otros utilizamos Material Design y clasificamos los colores como actions colors, _secondary colors _ y otros niveles de clasificación. En realidad no importa, podemos tomar cualquier otro paradigma de fundamentos de color para nuestros sistemas, lo importante es clasificar el uso de estos colores y asegurarnos de que todo el equipo los entiende.
Para escoger estos colores debemos tener en cuenta los colores de la marca, los colores principales (colores de acción o call to actions), colores secundarios, los grises y los colores de fondo. El trabajo se puede complicar un poco cuando tenemos en cuenta todos estos colores, pero el resultado será mucho mejor, los colores funcionaran correctamente entre todos.
GitHub - rulotico/Platzi_DS: aquí podrás encontrar todo lo necesario para poder hacer el uso del la lógica de los guidelines para el producto https://github.com/rulotico/Platzi_DS
Primarios: Rojo - Azul - Amarillo