Cómo diseñar para el daltonismo

Tabla de contenido:

Cómo diseñar para el daltonismo
Cómo diseñar para el daltonismo

Video: Cómo diseñar para el daltonismo

Video: Cómo diseñar para el daltonismo
Video: Diseño para todos. Daltonismo No todos vemos los mismos colores 2024, Mayo
Anonim

Diseñar contenido que se pueda usar para personas con daltonismo es una excelente manera de hacerlo más accesible para el público en general. Las personas con daltonismo tienen dificultades para diferenciar ciertos colores, como rojo, verde o azul. Algunas personas daltónicas no pueden ver ningún color, lo que dificulta la navegación por sitios y aplicaciones que dependen en gran medida de los colores. Mediante el uso de algunos consejos y pautas simples, puede hacer que su información sea fácil de usar para todos los que hacen clic en ella, sin importar los colores que puedan (o no) ver.

Pasos

Método 1 de 2: texto y fondo

Diseño para daltonismo Paso 1
Diseño para daltonismo Paso 1

Paso 1. Elija colores contrastantes para el texto y los fondos

Los colores que son demasiado similares entre sí pueden ser difíciles de distinguir para las personas con daltonismo. Al elegir colores de texto y de fondo, elija los que se destaquen entre sí.

Negro sobre blanco o blanco sobre negro es una opción obvia, pero también puede usar azul y amarillo, amarillo y violeta, o azul oscuro y negro

Diseño para daltonismo Paso 2
Diseño para daltonismo Paso 2

Paso 2. Elija combinaciones de colores como azul / amarillo y naranja / violeta

Las personas con daltonismo pueden ver algunos colores mejor que otros. Cuando elija combinaciones de colores, intente seguir con:

  • Azul y amarillo
  • Marrón y azul
  • Naranja y morado
  • Verde y morado
  • Amarillo y rosa
  • rojo y azul
Diseño para daltonismo Paso 3
Diseño para daltonismo Paso 3

Paso 3. Manténgase alejado del verde / rojo, verde / marrón y azul / violeta

La mayoría de las personas daltónicas tienen problemas con combinaciones de colores específicas. Manténgase alejado de esos colores para que su diseño sea legible.

También debes evitar el verde y el azul, ya que esos tonos pueden ser muy similares entre sí

Diseño para daltonismo Paso 4
Diseño para daltonismo Paso 4

Paso 4. Use colores brillantes y atrevidos

Los colores pasteles y pálidos tienden a desvanecerse entre sí, especialmente para las personas con daltonismo. Cíñete a los colores neón o primarios para ayudarles a diferenciar todos los colores de la página.

Diseño para daltonismo Paso 5
Diseño para daltonismo Paso 5

Paso 5. Mantenga su paleta de colores mínima

Cuantos menos colores use, más evitará confusiones. No existe una regla estricta para esto, ¡pero cuantas menos, mejor!

Por ejemplo, puede elegir 3 colores y seguir con ellos como tema para su página web

Método 2 de 2: imágenes y enlaces

Diseño para daltonismo Paso 6
Diseño para daltonismo Paso 6

Paso 1. Subraye los enlaces en los que se puede hacer clic

Normalmente, los enlaces se resaltan con colores, pero las personas con daltonismo pueden tener problemas para verlos. Si hay un vínculo en el que se puede hacer clic, subraícelo y resáltelo en la página.

Si no desea subrayarlo, coloque el texto en negrita

Diseño para daltonismo Paso 7
Diseño para daltonismo Paso 7

Paso 2. Incluya símbolos y claves

Las personas con daltonismo pueden tener problemas para comprender gráficos y tablas basados únicamente en el color. Asegúrese de incluir símbolos y teclas en el lateral de la imagen como referencia.

  • Por ejemplo, podría poner un código de color al costado de la tabla para explicar lo que significa cada color.
  • O bien, puede usar símbolos en un mapa para etiquetar diferentes áreas, como campamentos y baños.
Diseño para daltonismo Paso 8
Diseño para daltonismo Paso 8

Paso 3. Agregue textura a mapas, cuadros y gráficos

Los colores sólidos pueden ser difíciles de distinguir. Intente usar líneas, puntos y marcas de control para diferenciar secciones en gráficos, mapas y tablas.

  • Esta es una gran idea para gráficos de barras y gráficos circulares.
  • Puede utilizar tanto la textura como el color en sus imágenes, por lo que no tiene que cambiarlas por completo.
Diseño para daltonismo Paso 9
Diseño para daltonismo Paso 9

Paso 4. Delinear secciones en mapas

Si usa colores para diferenciar estados o bordes, use también un contorno negro. Esto ayudará a las personas con daltonismo, ya que podrán ver las líneas negras.

Esta es una excelente manera de hacer que sus imágenes también se destaquen más

Diseño para daltonismo Paso 10
Diseño para daltonismo Paso 10

Paso 5. Etiquete la información sin utilizar colores

Los gráficos circulares, los gráficos y los sistemas de transporte a menudo usan colores para diferenciar secciones o métodos. Etiquete la información con palabras y con colores para que sea accesible para las personas con daltonismo.

  • Por ejemplo, si usa un gráfico circular, puede etiquetar cada sección y usar diferentes colores para separarlas.
  • Alguien con daltonismo completo (que solo puede ver en blanco y negro) no podrá usar una clave de color.

Recomendado: