Cześć, jestem June, uwielbiam używać żywych kolorów w moim projekcie, ale ostatnio zauważyłam jedną rzecz: nie brałam pod uwagę wystarczająco małej grupy odbiorców.

Kolor jest jednym z najważniejszych elementów projektu, więc projektanci często używają kolorów, aby przyciągnąć uwagę. Ale co jeśli część naszych odbiorców jest niewidoma na kolory? Jest to kluczowy czynnik do rozważenia przy projektowaniu stron internetowych lub wizualizacji danych, ponieważ może mieć wpływ na dostępność i nawigację dla widzów niewidomych na kolory.

Nie zrozumcie mnie źle, to nie znaczy, że nie powinniśmy używać kolorów w naszym projekcie lub nie możesz być projektantem, jeśli jesteś niewidomy na kolory. Ostatnio natknęłam się na kilku niewidomych na kolory projektantów i bardzo mnie zainteresowało, jak to działa, że widzą i tworzą projekty.

Miałem tak wiele pytań, jak to, jakie kolory działają najlepiej, jakich kombinacji kolorystycznych używać, co mogę zrobić, aby poprawić projekty dla niewidomych kolorystycznie odbiorców, itp.

Spędziłem więc kilka dni na badaniach i stworzyłem ten artykuł zarówno dla projektantów niewidzących kolorów, jak i dla projektantów niewidzących kolorów, którzy mogą poprawić swoje projekty dla odbiorców niewidzących kolorów.

Czym jest ślepota barw

Proste wyjaśnienie: Ślepota barw oznacza, że ktoś nie widzi kolorów w zwykły sposób. Osoby ze ślepotą barw (lub niedoborem kolorów) nie potrafią odróżnić pewnych kolorów, najczęściej zielonego i czerwonego, ale są też inne rodzaje ślepoty barw.

3 powszechne rodzaje ślepoty na kolory

Najczęściej spotykanym typem ślepoty na kolory jest ślepota czerwono-zielona, następnie ślepota na kolory niebiesko-żółte oraz całkowita ślepota na kolory. Co więc widzą osoby niewidome na kolory?

Obraz z r/ nauki

1. ślepota na kolory czerwono-zielone

Nie potrafią odróżnić koloru zielonego od czerwonego. Istnieją również cztery typy ślepoty barw czerwono-zielonych.

Normalne widzenie kolorów powinno zobaczyć pierwszego Mikołaja w kolorze czerwonym i zielonym, ale ślepota kolorowa może zobaczyć tylko wersję drugiego lub trzeciego Mikołaja.

Deuteranomalia jest najczęstszym typem ślepoty na kolory czerwono-zielone i sprawia, że zielony wygląda na bardziej czerwony. z drugiej strony, Protanomalia sprawia, że czerwony wygląda bardziej zielono i mniej jaskrawo. Ktoś z Protanopia oraz deuteranopia nie potrafi odróżnić czerwonego od zielonego.

2. ślepota na kolory niebiesko-żółte

Osoby z niebiesko-żółtą ślepotą barw zazwyczaj nie potrafią odróżnić koloru niebieskiego od zielonego, ani żółtego od czerwonego. Ten typ niebiesko-żółtej ślepoty barw jest znany jako Tritanomaly .

Inny typ osób niewidomych na barwy niebiesko-żółte (zwany też Tritanopia ), oprócz niebieskiego i zielonego, nie potrafią też odróżnić fioletu od czerwieni, czy żółci od różu.

3. całkowita ślepota na kolory

Całkowita ślepota na kolory jest również znana jako monochromatyczność Niestety, ktoś z całkowitą ślepotą barw nie jest w stanie zobaczyć żadnych kolorów, ale nie jest to zbyt częste.

Czy jesteś ślepy na kolory?

Szybkim sposobem, aby dowiedzieć się, jest to, że można zrobić szybki test ślepoty kolorów o nazwie Ishihara kolorowe płyty, które można znaleźć online.Oto kilka przykładów testu Ishihara.Czy można zobaczyć numery (42, 12, 6 i 74) wewnątrz płyt koła między kropkami?

Ale jeśli rzeczywiście otrzymujesz niski wynik w zakresie niedoboru widzenia kolorów z różnych testów online dla ślepców kolorowych, to warto udać się do okulisty, ponieważ testy online nie zawsze są w 100% dokładne.

Teraz, gdy wiesz już co nieco o różnych typach ślepoty barw, kolejną rzeczą, którą musisz poznać jest to, jak projektować dla ślepoty barw.

Jak projektować z uwzględnieniem ślepoty na kolory (5 porad)

Istnieją różne sposoby poprawy projektowania dla ślepoty kolorowej, takie jak stosowanie palet przyjaznych dla ślepców kolorowych, unikanie pewnych kombinacji kolorów, używanie większej ilości symboli itp.

Wskazówka #1: Stosuj palety przyjazne dla niewidomych.

Jeśli lubisz żółty kolor, to masz szczęście! Żółty jest kolorem przyjaznym dla osób niewidomych i dobrze łączy się z niebieskim. Jeśli nie, istnieją narzędzia kolorystyczne, takie jak Coolers lub ColorBrewer, których możesz użyć, aby pomóc w wyborze kolorów.

Na przykład w ColorBrewer można łatwo wygenerować palety przyjazne dla niewidomych kolorystycznie.

Na Coolers można wybrać typ ślepoty barw, a paleta odpowiednio dostosuje kolory.

Adobe Color posiada również symulator ślepoty barwnej, a przy wyborze kolorów można wybrać tryb Color Blind Safe.

Możesz sprawdzić, czy wybrane przez Ciebie kolory są bezpieczne dla color blind.

Adobe Color Blind Simulator dla różnych typów ślepoty barwnej

Można zrobić mały test, wydrukować projekt w czerni i bieli, można odczytać wszystkie informacje, wtedy osoba niewidoma kolorystycznie też może to odczytać.

Wskazówka #2: kombinacje kolorów, których należy unikać

Wybór odpowiedniego koloru jest niezbędny, gdy Twoja publiczność jest niewidoma na kolory. Niektóre kombinacje kolorów po prostu nie będą działać.

Oto sześć kombinacji kolorystycznych, których należy unikać przy projektowaniu dla ślepoty barw:

• Czerwony & Zielony
• Zielony & Brązowy
• Zielony & Niebieski
• Niebieski & Szary
• Niebieski & Fioletowy
• Red & Black

Powiedziałbym, że wiele niedogodności pochodzi z wykresów i wykresów. Kolorowe wykresy statystyczne i wykresy są problematyczne dla widzów niewidomych na kolor, ponieważ mogą nie widzieć odpowiednich kolorów dla danych.

Projektowanie stron internetowych, a dokładniej przycisków i linków to inna sprawa. Wiele przycisków jest czerwonych lub zielonych, linki są niebieskie, lub kliknięte linki są fioletowe. Jeśli nie ma podkreślenia pod anchor textem, użytkownicy niewidomi kolorystycznie nie widzieliby linku.

Na przykład, ślepota kolorów Red-Green jest najczęstszym typem ślepoty kolorów, więc używanie tych dwóch kolorów razem może być problematyczne.

Ale nie oznacza to, że nie możesz użyć tych dwóch kolorów razem, ponieważ możesz użyć innych elementów, aby zróżnicować projekt, takich jak tekstura, kształty lub tekst.

Wskazówka nr 3: Zastosuj silny kontrast

Używanie kolorów o wysokim kontraście w swoim projekcie może pomóc widzom niewidomym na kolor rozróżnić kontekst.

Powiedzmy, że robisz wykres z różnymi kolorami. Kiedy używasz wysokiego kontrastu, nawet jeśli ślepy na kolory widz nie widzi dokładnie tego samego koloru, przynajmniej może zrozumieć, że dane są różne.

Kiedy używasz podobnych kolorów, może to wyglądać myląco.

Wskazówka #4: Używaj tekstur lub kształtów do wykresów i diagramów

Zamiast używać różnych kolorów do pokazania danych, możesz alternatywnie użyć kształtów do oznaczenia daty. Używanie różnych typów linii do reprezentowania różnych danych jest również dobrym pomysłem.

Wskazówka nr 5: Używaj więcej tekstu i ikon

Jest to przydatne, gdy tworzysz infografiki. Kto powiedział, że infografiki muszą być zawsze kolorowe? Możesz użyć grafiki, aby wspomóc wizualizacje. Używanie pogrubionego tekstu może również pokazać punkt skupienia i przyciągnąć uwagę.

Nie wiesz jak sprawdzić wersję color blind swojej pracy w Adobe Illustrator? Czytaj dalej.

Jak pobudzić ślepotę barw w Adobe Illustrator

Stworzyłeś projekt w programie Adobe Illustrator i chcesz sprawdzić, czy jest on przyjazny dla niewidomych? Możesz szybko przełączyć tryb widoku z menu nadrzędnego.

Przejdź do menu nad głową Zobacz > Konfiguracja dowodu i można wybrać jeden z dwóch trybów ślepoty kolorów: Ślepota barw - typ protanopii lub Ślepota barw -. Deuteranopia typu .

Teraz możesz zobaczyć, co osoby niewidome na kolor widzą w Twoim dziele sztuki.

Wniosek

Zobacz, to nie jest tak trudne, aby zaprojektować dla ślepoty kolorów i na pewno można stworzyć niesamowity projekt, który działa dla non-colorblind i kolor blind. Kolor jest ważny, ale inne elementy też. Korzystanie z tekstu i grafiki w celu poprawy wizualnej jest najlepszym rozwiązaniem.

Źródła:

• //www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color-blindness/types-color-blindness
• //www.aao.org/eye-health/diseases/what-is-color-blindness
• //www.colourblindawareness.org/