Як зрабіць дызайн для барваслепасці

  • Падзяліцца Гэтым
Cathy Daniels

Прывітанне! Я Джун. Мне падабаецца выкарыстоўваць яркія колеры ў маім дызайне, але нядаўна я заўважыў адну рэч: я не лічыў дастатковай аўдыторыю невялікай групы.

Колер з'яўляецца адным з найважнейшых элементаў дызайну, таму дызайнеры часта выкарыстоўваюць колеры для прыцягнення ўвагі. Але што, калі частка нашай аўдыторыі дальтонік? Гэта важны фактар, які трэба ўлічваць для вэб-дызайну або візуалізацыі даных, таму што ён можа паўплываць на даступнасць і навігацыю для дальтонікаў.

Не зразумейце мяне няправільна, гэта не значыць, што мы не павінны выкарыстоўваць колеры ў нашым дызайне, або вы не можаце быць дызайнерам, калі вы дальтонік. Нядаўна я сустрэў некалькі дызайнераў-дальтонікаў, і мяне вельмі зацікавіла, як гэта працуе для іх, каб бачыць і ствараць дызайн.

У мяне было так шмат пытанняў, напрыклад, якія колеры падыходзяць лепш за ўсё, якія каляровыя камбінацыі выкарыстоўваць, што я магу зрабіць, каб палепшыць дызайн для дальтонікаў і г.д.

Такім чынам, я выдаткаваў дні на даследаванне і сабраць гэты артыкул як для дызайнераў з дальтонікам, так і для дызайнераў без дальтонікаў, якія могуць палепшыць свой дызайн для аўдыторыі з дальтонікам.

Што такое дальтанізм

Простае тлумачэнне: Дальтанізм азначае, што чалавек не можа бачыць колеры звычайным спосабам. Людзі з дальтанізмам (або дэфіцытам колеру) не могуць адрозніць пэўныя колеры, часцей за ўсё зялёны і чырвоны, але ёсць і іншыя віды барваслепасць.

3 распаўсюджаныя тыпы колеруСлепата

Чырвона-зялёны дальтанізм - найбольш распаўсюджаны тып дальтанізму, за якім ідуць сіне-жоўты дальтанізм і поўная дальтанізм. Такім чынам, што бачаць дальтонік?

Выява з r/Sciences

1. Чырвона-зялёны барваслепасць

Яны не могуць адрозніць зялёны ад чырвонага. Існуе таксама чатыры тыпу чырвона-зялёнага дальтанізму.

Нармальны каляровы зрок павінен убачыць першага Санту ў чырвоным і зялёным колерах, але дальтаніст можа ўбачыць толькі версію другога ці трэцяга Санты.

Дэйтэранамалія з'яўляецца найбольш распаўсюджаным тыпам чырвона-зялёнага дальтанізму, і ён робіць зялёны колер больш чырвоным. З іншага боку, Пратанамалія робіць чырвоны больш зялёным і менш яркім. Хтосьці з пратанопіяй і дэйтэранапіяй наогул не можа адрозніць чырвоны ад зялёнага.

2. Сіне-жоўты дальтанізм

Хворыя сіне-жоўтым дальтанізмам звычайна не могуць адрозніць сіні і зялёны або жоўты і чырвоны. Гэты тып сіне-жоўтага дальтоніка вядомы як Трытаномалія .

Яшчэ адзін тып сіне-жоўтых дальтонікаў (таксама званы Трытанопія ), акрамя сіняга і зялёнага, яны таксама не могуць адрозніць фіялетавы і чырвоны, або жоўты і ружовы колеры.

3. Поўная каляровая слепата

Поўная каляровая слепата таксама вядомая як манахраматыя . На жаль, нехта зпоўная барваслепасць не можа бачыць колеры, але гэта не вельмі часта.

Вы дальтонік?

Хуткі спосаб даведацца гэта, калі вы можаце правесці хуткі тэст на барваслепасць пад назвай Ishihara color plates, які можна знайсці ў Інтэрнэце. Вось некалькі прыкладаў тэсту Ісіхара. Ці бачыце вы лічбы (42, 12, 6 і 74) у крузе паміж кропкамі?

Але калі вы сапраўды атрымліваеце нізкі бал па дэфіцыце каляровага зроку ў розных онлайн-тэстах дальтоніка, добра звярнуцца да афтальмолага, таму што онлайн-тэсты не заўсёды дакладныя на 100%.

Цяпер, калі вы крыху ведаеце пра розныя тыпы дальтанізму, наступнае, што трэба навучыцца, - гэта тое, як ствараць дызайн для барваслепасці.

Як зрабіць дызайн для барваслепасці (5 парад)

Існуюць розныя спосабы палепшыць дызайн для барваслепасці, напрыклад, выкарыстанне палітраў, зручных для дальтоніка, пазбяганне пэўных спалучэнняў колераў, выкарыстанне большай колькасці сімвалаў, і г.д.

Парада №1: выкарыстоўвайце палітры, прыдатныя да дальтонікаў

Калі вам падабаецца жоўты колер, вам пашанцавала! Жоўты з'яўляецца дальтонік-зручным колерам, і ён стварае добрае спалучэнне з сінім. Калі няма, ёсць інструменты для афарбоўвання, такія як Coolers або ColorBrewer, якія вы можаце выкарыстоўваць, каб дапамагчы вам выбраць каляровыя колеры.

Напрыклад, вы можаце лёгка ствараць палітры, зручныя для дальтонікаў, на ColorBrewer.

На Coolers вы можаце выбраць тып барваслепасці іпалітра будзе карэктаваць колеры адпаведна.

Adobe Color таксама мае сімулятар дальтоніка, і вы можаце выбраць бяспечны рэжым дальтоніка пры выбары колераў.

Вы можаце праверыць, ці бяспечныя выбраныя вамі колеры для дальтоніка.

Adobe Color Blind Simulator для розных тыпаў дальтонізму

Вы можаце зрабіць невялікі тэст, раздрукаваць дызайн чорна-белым, вы можаце прачытаць усю інфармацыю, тады дальтонік таксама зможа прачытаць яе.

Парада № 2: спалучэнняў колераў, якіх варта пазбягаць

Выбар правільнага колеру вельмі важны, калі ваша аўдыторыя дальтонік. Некаторыя спалучэнні колераў проста не будуць працаваць.

Вось шэсць спалучэнняў колераў, якіх варта пазбягаць пры распрацоўцы для дальтанізму:

  • Чырвоны і ампер; Зялёны
  • Зялёны & Карычневы
  • Зялёны & Сіні
  • Сіні & Шэры
  • Сіні & Фіялетавы
  • Чырвоны & Чорны

Я б сказаў, што графікі і дыяграмы прыносяць шмат нязручнасцей. Маляўнічыя статыстычныя дыяграмы і графікі з'яўляюцца праблемай для дальтонікаў, таму што яны могуць не ўбачыць адпаведныя колеры дадзеных.

Вэб-дызайн, у прыватнасці, кнопкі і спасылкі - гэта іншая справа. Многія кнопкі чырвоныя або зялёныя, спасылкі сінія, а націснутыя спасылкі фіялетавыя. Калі пад апорным тэкстам няма падкрэслівання, дальтонікі не ўбачаць спасылку.

Напрыклад, Red-Зялёная дальтанізм - найбольш распаўсюджаны тып дальтанізму, таму выкарыстанне двух колераў разам можа быць праблематычным.

Але гэта не значыць, што вы не можаце выкарыстоўваць два колеры разам, таму што вы можаце выкарыстоўваць іншыя элементы, каб адрозніць дызайн, такія як тэкстура, формы або тэкст.

Парада №3: ​​выкарыстоўвайце моцны кантраст

Выкарыстанне высокакантрастных колераў у вашым дызайне можа дапамагчы дальтонікам адрозніць кантэкст.

Дапусцім, вы робіце графік рознымі колерамі. Калі вы выкарыстоўваеце высокую кантраснасць, нават калі дальтонік не бачыць сапраўды такі ж колер, па меншай меры, ён/яна можа зразумець, што дадзеныя адрозніваюцца.

Калі вы выкарыстоўваеце падобныя колеры, гэта можа выглядаць заблытаным.

Парада №4: выкарыстоўвайце тэкстуры або формы для графікаў і дыяграм

Замест таго, каб выкарыстоўваць розныя колеры для паказу даных, вы можаце выкарыстоўваць формы для пазначэння даты. Выкарыстанне розных тыпаў ліній для прадстаўлення розных даных таксама з'яўляецца добрай ідэяй.

Парада №5: выкарыстоўвайце больш тэксту і значкоў

Гэта карысна, калі вы ствараеце інфаграфіку. Хто сказаў, што інфаграфіка заўсёды павінна быць маляўнічай? Вы можаце выкарыстоўваць графіку ў якасці дапамогі. Выкарыстанне тлустага шрыфта таксама можа паказаць кропку факусіроўкі і прыцягнуць увагу.

Не ведаеце, як праверыць дальтонік-версію вашага мастацтва ў Adobe Illustrator? Працягвайце чытаць.

Як стымуляваць барваслепасць у Adobe Illustrator

Стварыў дызайн у Adobe Illustrator іхочаце пераправерыць, ці падыходзіць гэта дальтонік? Вы можаце хутка пераключыць рэжым прагляду з верхняга меню.

Перайдзіце ў верхняе меню Прагляд > Настройка праверкі , і вы зможаце выбраць адзін з двух рэжымаў дальтанізму: Дальтанізм – тып пратанопіі або Дальтанізм - Дэйтэранапія тыпу .

Цяпер вы можаце ўбачыць, што дальтонікі бачаць у вашым творы.

Выснова

Бачыце, распрацаваць дызайн для дальтонікаў не так ужо і складана, і вы напэўна можаце стварыць цудоўны дызайн, які будзе працаваць як для недальтонікаў, так і для дальтонікаў. Колер важны, але і іншыя элементы таксама. Выкарыстанне тэксту і графікі для паляпшэння візуальнага выгляду - лепшае рашэнне.

Крыніцы:

  • //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/

Я Кэці Дэніэлс, эксперт па Adobe Illustrator. Я выкарыстоўваю праграмнае забеспячэнне з версіі 2.0 і ствараю падручнікі для яго з 2003 года. Мой блог з'яўляецца адным з самых папулярных месцаў у Інтэрнэце для людзей, якія жадаюць вывучыць Illustrator. У дадатак да маёй працы ў якасці блогера, я таксама аўтар і графічны дызайнер.