Color

Estas son algunas de las principales funcionalidades del color:

• Jerarquía: El color se utiliza para comunicar información, transmitir énfasis en las ilustraciones y establecer una jerarquía visual en la interfaz. Mediante el uso de diferentes colores, se puede destacar información importante, resaltar elementos interactivos y guiar la atención del usuario hacia áreas clave.


• Identidad: El color desempeña un papel vital en la identidad de la marca. Los colores se utilizan para representar la personalidad, los valores y la voz de la marca, y ayudan a establecer una coherencia visual en todas las aplicaciones y productos. La elección y el uso consistente de los colores de la marca en la UI refuerzan el reconocimiento y la asociación de la marca por parte de los usuarios.


• Organización: El color se utiliza para organizar y estructurar la información en la interfaz de usuario. Puede ayudar a diferenciar secciones, agrupar elementos relacionados y establecer una estructura visual clara en la interfaz. Al asignar colores distintos a diferentes categorías o tipos de contenido, los usuarios pueden identificar rápidamente la información que están buscando y navegar por la interfaz de manera más eficiente.

Abrir colores en Figma

Usabilidad

El color se utiliza para proporcionar retroalimentación visual y mejorar la usabilidad de una interfaz. Por ejemplo, el cambio de color de un botón cuando se pasa el cursor sobre él o se hace clic puede indicar su estado de interacción.

Del mismo modo, se utilizan los colores para indicar errores, confirmaciones o mensajes de estado en formularios y procesos. En este caso los 6 colores que se muestran en la imagen tienen un uso específico para el ecosistema de AIEP.