colores de presentación. Diseño de token de visualización de datos… | Lucas Oppermann | junio 2023

elementos de la interfaz de usuario Por ejemplo, las etiquetas, los íconos, el perfil o los colores de énfasis se pueden personalizar⁸. Esto les permite personalizar su experiencia dentro de ciertos límites. Este cambio es puramente visual y no afecta los aspectos funcionales de la interfaz de usuario. Pero puede permitir a los usuarios con ECV elija colores que puedan distinguir, en lugar de obsesionarse con los valores predeterminados.

Dependiendo de su caso de uso, puede haber diferentes requisitos que deba cumplir. Estos casos de uso pueden incluir:

Escalas de color no funcionales como verde, azul o amarillo. No siempre se pueden crear marcadores de color funcionales para todas las situaciones. Las barras de colores de presentación permiten a los diseñadores seleccionar colores de la barra, pero aún pueden responder a los modos oscuro y claro⁹.

Por ejemplo, puede crear presentational.blue de base.blue. En el modo claro puede ser una referencia simple tal cual, mientras que en el modo oscuro será una referencia de escala inversa. Es posible que no tenga suficientes pasos de escala base para crear una escala oscura y clara. Considere crear una escala base más grande, como una con dieciséis pasos, y solo use diez de ellos en su escala de presentación.

Contraste asequible entre colores permite a los diseñadores colocar de forma segura texto en color sobre un fondo¹⁰. Por ejemplo, en etiquetas o alertas. Asegúrese de que los pasos específicos de cada escala funcionen bien con negro, blanco o algún otro paso específico. Esto facilita a los diseñadores trabajar con los colores de su presentación.

Por ejemplo, puede crear escalas para que cualquier paso anterior step 5 y el negro siempre tiene 4.5:1 contrastar con step 1.

O puede crear una colección con un color de fondo, borde y texto para cada escala. Aunque el último método requiere más mano de obra, también es más explícito. No es necesario leer la documentación para comprenderla, lo que facilita la experiencia del usuario.

Las colecciones de colores son pequeños subconjuntos de colores de una paleta. Pueden agregar estructura y significado definiendo casos de uso o niveles de intensidad.

Escalas teniendo en cuenta la moda.
La forma más básica de una colección define un esquema de color para el modo oscuro o claro¹¹. Para ello, elija diez colores del extremo claro u oscuro de la escala de dieciséis colores. Esto proporcionará una diferencia de escala suficiente y un buen contraste en cada modo de color. Lo mismo que se ha comentado en el apartado anterior.

Previous post Aumenta tu productividad como diseñador con estos sencillos consejos | Arlene X | mayo 2023
Next post Cómo utilizar la IA para mejorar la redacción de contenido SEO [Webinar]

Deja una respuesta