Wie man für Farbenblindheit entwirft

Inhaltsverzeichnis:

Wie man für Farbenblindheit entwirft
Wie man für Farbenblindheit entwirft

Video: Wie man für Farbenblindheit entwirft

Video: Wie man für Farbenblindheit entwirft
Video: Wie funktioniert das Farbensehen und was ist Farbenblindheit? 2024, Kann
Anonim

Die Gestaltung von Inhalten, die für Menschen mit Farbenblindheit geeignet sind, ist eine großartige Möglichkeit, sie für die breite Öffentlichkeit zugänglicher zu machen. Menschen mit Farbenblindheit haben Schwierigkeiten, bestimmte Farben wie Rot, Grün oder Blau zu unterscheiden. Einige farbenblinde Menschen können überhaupt keine Farben sehen, was es schwierig macht, auf Websites und Apps zu navigieren, die stark auf Farben angewiesen sind. Mit ein paar einfachen Tipps und Richtlinien können Sie Ihre Informationen für jeden, der darauf klickt, benutzerfreundlich gestalten, unabhängig davon, welche Farben er sehen (oder nicht) sehen kann.

Schritte

Methode 1 von 2: Text und Hintergrund

Design für Farbenblindheit Schritt 1
Design für Farbenblindheit Schritt 1

Schritt 1. Wählen Sie kontrastierende Farben für Text und Hintergründe

Farben, die sich zu ähnlich sind, können für Menschen mit Farbenblindheit schwer zu unterscheiden sein. Wählen Sie bei der Auswahl von Text- und Hintergrundfarben Farben aus, die sich voneinander abheben.

Schwarz auf Weiß oder Weiß auf Schwarz ist eine naheliegende Wahl, aber Sie können auch Blau und Gelb, Gelb und Violett oder Dunkelblau und Schwarz verwenden

Design für Farbenblindheit Schritt 2
Design für Farbenblindheit Schritt 2

Schritt 2. Wählen Sie Farbkombinationen wie Blau/Gelb und Orange/Lila

Menschen mit Farbenblindheit können einige Farben besser sehen als andere. Versuchen Sie, bei der Auswahl von Farbkombinationen dabei zu bleiben:

  • Blau und Gelb
  • Braun und Blau
  • Orange und Lila
  • Grün und Lila
  • Gelb und Rosa
  • rot und Blau
Design für Farbenblindheit Schritt 3
Design für Farbenblindheit Schritt 3

Schritt 3. Halten Sie sich von Grün/Rot, Grün/Braun und Blau/Lila fern

Die meisten Farbenblinden haben Probleme mit bestimmten Farbkombinationen. Halten Sie sich von diesen Farben fern, um Ihr Design lesbar zu machen.

Sie sollten auch Grün und Blau vermeiden, da diese Farbtöne einander sehr ähnlich sein können

Design für Farbenblindheit Schritt 4
Design für Farbenblindheit Schritt 4

Schritt 4. Verwenden Sie helle, kräftige Farben

Pastellfarben und blasse Farben neigen dazu, ineinander überzugehen, insbesondere bei Menschen mit Farbenblindheit. Bleiben Sie bei Neon- oder Primärfarben, damit sie alle Farben auf der Seite unterscheiden können.

Design für Farbenblindheit Schritt 5
Design für Farbenblindheit Schritt 5

Schritt 5. Halten Sie Ihre Farbpalette minimal

Je weniger Farben Sie verwenden, desto mehr vermeiden Sie Verwirrung. Dafür gibt es keine feste Regel, aber je weniger, desto besser!

Sie können beispielsweise 3 Farben auswählen und diese als Thema für Ihre Webseite beibehalten

Methode 2 von 2: Bilder und Links

Design für Farbenblindheit Schritt 6
Design für Farbenblindheit Schritt 6

Schritt 1. Unterstreichen Sie anklickbare Links

Normalerweise werden Links farbig hervorgehoben, aber für Menschen mit Farbenblindheit kann es schwierig sein, sie zu sehen. Wenn es einen anklickbaren Link gibt, unterstreichen Sie ihn und markieren Sie ihn auf der Seite.

Wenn Sie es nicht unterstreichen möchten, machen Sie den Text stattdessen fett

Design für Farbenblindheit Schritt 7
Design für Farbenblindheit Schritt 7

Schritt 2. Fügen Sie Symbole und Schlüssel hinzu

Menschen mit Farbenblindheit haben möglicherweise Schwierigkeiten, Grafiken und Diagramme allein aufgrund ihrer Farbe zu verstehen. Stellen Sie sicher, dass Sie Symbole und Schlüssel als Referenz an der Seite des Bildes einfügen.

  • Sie können beispielsweise einen Farbcode an der Seite des Diagramms anbringen, um zu erklären, was jede Farbe bedeutet.
  • Oder Sie können Symbole auf einer Karte verwenden, um verschiedene Bereiche wie Campingplätze und Toiletten zu kennzeichnen.
Design für Farbenblindheit Schritt 8
Design für Farbenblindheit Schritt 8

Schritt 3. Fügen Sie Karten, Diagrammen und Grafiken Texturen hinzu

Volltonfarben können schwer zu unterscheiden sein. Versuchen Sie es mit Linien, Punkten und Rauten, um Abschnitte in Grafiken, Karten und Diagrammen zu unterscheiden.

  • Dies ist eine großartige Idee für Balkendiagramme und Kreisdiagramme.
  • Sie können in Ihren Bildern sowohl Textur als auch Farbe verwenden, sodass Sie sie nicht vollständig ändern müssen.
Design für Farbenblindheit Schritt 9
Design für Farbenblindheit Schritt 9

Schritt 4. Umreißen Sie Abschnitte auf Karten

Wenn Sie Farben verwenden, um Zustände oder Grenzen zu unterscheiden, verwenden Sie auch einen schwarzen Umriss. Dies wird Menschen mit Farbenblindheit helfen, da sie die schwarzen Linien sehen können.

Dies ist auch eine großartige Möglichkeit, Ihre Bilder hervorzuheben

Design für Farbenblindheit Schritt 10
Design für Farbenblindheit Schritt 10

Schritt 5. Beschriften Sie Informationen ohne Farben

Kreisdiagramme, Grafiken und Transportsysteme verwenden oft Farben, um Abschnitte oder Methoden zu unterscheiden. Beschriften Sie die Informationen mit Worten und Farben, um sie für Menschen mit Farbenblindheit zugänglich zu machen.

  • Wenn Sie beispielsweise ein Tortendiagramm verwenden, können Sie jeden Abschnitt beschriften sowie verschiedene Farben verwenden, um sie zu trennen.
  • Jemand mit voller Farbenblindheit (der nur in Schwarzweiß sehen kann) kann keinen Farbschlüssel verwenden.

Empfohlen: