[Работа с 3D-графикой, Интерфейсы, Обработка изображений, Графический дизайн, Контент-маркетинг] Как создавать контент для людей с Дальтонизмом
Автор
Сообщение
news_bot ®
Стаж: 6 лет 9 месяцев
Сообщений: 27286
Примерно 4% людей во всем мире (около 300 млн. человек) страдают той или иной формой дальтонизма, что сопоставимо с населением Соединенных Штатов. Дальтонизм встречается чаще, чем вы думаете, а это означает, что мы не можем игнорировать данный факт при создании контента. В этой статье я рассмотрю некоторые основы дальтонизма и расскажу, как сделать ваши проекты более доступными к восприятию для людей, страдающих дальтонизмом.Разновидности дальтонизмаНаши глаза улавливают свет через два типа клеток сетчатки глаза: палочки и колбочки. Палочки очень чувствительны и помогают нам определять интенсивность источника света. Колбочки чувствительны только к более сильными источникам света, они помогают нам улавливать свет с разными длинами волн. Существует три различных типа колбочек - короткие (S), средние (M) и длинные (L). Эти обозначения соответствуют длинам волн синего, зеленого и красного цветов световой волны. На приведенной ниже диаграмме показана относительная чувствительность клеток колбочек S, M и L к разным длинам волн света для человека с нормальным зрением.
Какие бы цвета мы ни видели, они основаны на комбинации трех цветов, улавливаемых колбачками S, M и L. При отсутствии пигмента, ответственного за распознавание красного цвета, говорят о протанопической дихроматии, в случае отсутствия зелёного пигмента — о дейтеранопической дихроматии, в случае отсутствия синего пигмента — о тританопической дихроматии.В каждом из этих случаев пораженные колбочки могут быть мутированными или дефектными. Мутировавшая колбочка вызывает небольшой сдвиг и вызывает изменение восприятия цвета. Наиболее часто встречается нарушения красного-зелёного зрения. Дальтонизм по синему цвету возможен, но крайне редко.Эта таблица иллюстрирует частоту различных типов дальтонизма в мире:
Красно-зеленая цветовая слепота вызвана в первую очередь дефектной Х-хромосомой. Это означает, что вероятность встретить мужчину дальтоника гораздо больше. До 10% мужчин страдают дальтонизмом по сравнению с 0,5% женщин. Подавляющее большинство людей, страдающих дальтонизмом, могут видеть какой-то цвет, поскольку во многих случаях поражается только один из трех типов колбочек. Частичное или полное отсутствие цветного зрения известно как ахроматопсия, от которой страдает примерно 1 человек из 30 000. Люди с полной ахроматопсией могут различать только черный, белый, оттенки серого и вариации контрастности.Отличный контент начинается с осознания проблемыМудрость начинается с осознания, и если мы хотим добиться успеха в дизайне, мы также должны знать свою аудиторию. Если вы хотите стать отличным дизайнером, то должны понимать, что значит быть дальтоником. Если вы думаете, что вы дальтоник и не можете работать в дизайне, то вы глубоко ошибаетесь. Сегодня существует множество ресурсов, которые помогут создать красивый и понятный дизайн людьми, страдающими цветовым восприятием.Пользователи Chrome могут воспользоваться расширением Colorblindly, а пользователи Safari могут загрузить Color Oracle. Эти инструменты могут помочь вам правильно комбинировать цвета и с достаточным контрастом, чтобы вы могли создавать контент, который понравится каждому.4 простых шага по устранению проблем дальтонизма в ваших проектахЕсли вы хотите сделать свой веб-сайт, приложение или корпоративные материалы более восприимчивыми для дальтоников, вам необходимо учесть несколько важных пунктов.1. Выбор палитрыВы можете выбирать из множества различных 8- и 15-цветных палитр для дальтонизма. Узнать больше вы можете здесь, здесь и здесь.
Но что, если вы не можете выбрать новые фирменные цвета? А что, если ваши клиенты уже выбрали свой? В этом случае есть несколько других способов решения этой задачи проектирования.2. Определитесь с цветовым решениемЧем больше контраст, тем лучше дальтоник может увидеть разницу между двумя предметами.Подумайте обо всех возможностях использования контраста в своих проектах для улучшения доступности восприятия. Используйте яркие цвета вместо бледных вариаций. Если вам нужно использовать два цвета рядом друг с другом, выбирайте максимально разные цвета. А когда вы рассматриваете дальтонизм и веб-дизайн, вы должны думать о том, как максимизировать контраст между динамическими элементами. Какие цвета вы используете для гиперссылок и кнопок? И как меняются эти цвета, когда посетитель сайта наводит курсор на элемент? В этих ситуациях вам может потребоваться выделить элемент, добавив цветную рамку.3. Разработайте цветовую системуКогда мы используем цвет в дизайне, мы обогащаем наше общение. Использование одних только цветов для передачи информации может быть коварным для тех из нас, кто страдает дальтонизмом. Вашей аудитории будет намного легче, если вы объедините цвета с текстом, значками и другими элементами дизайна, чтобы рассказать историю. Полагаться только на цвет - лишь одна из многих ловушек, которых следует избегать.4. Выбирайте шрифты, обеспечивая при этом максимальную разборчивостьПослания вашего бренда - это намного больше, чем цвета, которые вы выбираете. Вы также можете передать тон с помощью правильного шрифта. И если вы хотите, чтобы ваши сообщения были максимально содержательными, вам необходимо рассмотреть выбор шрифта вместе с цветом.Если вы выберете более толстый и жирный шрифт, ваш дизайн будет легче читать всем. Это связано с тем, что большее количество колбочек сможет улавливать свет от этих букв. Как только вы начнете делать свои проекты более доступными для одной группы людей, вы обнаружите, что они приносят пользу и другим. Как оказалось, многие характеристики шрифта, улучшающие разборчивость для дальтоников, также подходят для людей с дислексией.Поскольку осознание дальтонизма в дизайне продолжает расти, я ожидаю большую вовлеченность в этом вопросе. Протестируйте свои работы с помощью симулятора дальтонизма и посмотрите, как вы можете их улучшить. В эру коммуникаций и быстрого доступа к информации бренды не могут позволить себе игнорировать людей с расстройствами цветового восприятия.
===========
Источник:
habr.com
===========
Похожие новости:
- [Веб-дизайн, Интерфейсы] Контрастность компонентов: работа над ошибками
- [JavaScript, Интерфейсы, Математика] Конечные автоматы в реальной жизни: где мы их используем и почему
- [Python, Обработка изображений, Машинное обучение] Сервис распознавания капч, который больше не нужен
- [Веб-дизайн, Работа с векторной графикой, Графический дизайн, Контент-маркетинг, Дизайн] Лучшие инструменты для совместной работы творческих команд в 2021 году
- [Анализ и проектирование систем, Графические оболочки, Работа с 3D-графикой, CAD/CAM] Dassault Systèmes — новые горизонты строительной отрасли
- [Интерфейсы, Разработка под Windows, Дизайн, Софт] Windows 11 — новая Windows XP (перевод)
- [Python, Программирование, Работа с 3D-графикой, Машинное обучение] Пристальный взгляд на код из лучшего доклада конференции по компьютерному зрению и распознаванию образов 2021 — GIRAFFE (перевод)
- [Работа с 3D-графикой, Алгоритмы, Математика, Машинное обучение] Неочевидные лайфхаки 3D реконструкции людей
- [Интерфейсы, Мозг] Интерфейсы мозг-компьютер: обзор современных достижений
- [Работа с видео, Работа с 3D-графикой, Игры и игровые приставки] Улучшение освещения первого Quake трассировкой путей в Blender (перевод)
Теги для поиска: #_rabota_s_3dgrafikoj (Работа с 3D-графикой), #_interfejsy (Интерфейсы), #_obrabotka_izobrazhenij (Обработка изображений), #_graficheskij_dizajn (Графический дизайн), #_kontentmarketing (Контент-маркетинг), #_daltonizm (дальтонизм), #_dam, #_fonts, #_blog_kompanii_damsphere (блог компании damsphere), #_rabota_s_3dgrafikoj (
Работа с 3D-графикой
), #_interfejsy (
Интерфейсы
), #_obrabotka_izobrazhenij (
Обработка изображений
), #_graficheskij_dizajn (
Графический дизайн
), #_kontentmarketing (
Контент-маркетинг
)
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 18:20
Часовой пояс: UTC + 5
| Автор | Сообщение |
|---|---|
|
news_bot ®
Стаж: 6 лет 9 месяцев |
|
|
Примерно 4% людей во всем мире (около 300 млн. человек) страдают той или иной формой дальтонизма, что сопоставимо с населением Соединенных Штатов. Дальтонизм встречается чаще, чем вы думаете, а это означает, что мы не можем игнорировать данный факт при создании контента. В этой статье я рассмотрю некоторые основы дальтонизма и расскажу, как сделать ваши проекты более доступными к восприятию для людей, страдающих дальтонизмом.Разновидности дальтонизмаНаши глаза улавливают свет через два типа клеток сетчатки глаза: палочки и колбочки. Палочки очень чувствительны и помогают нам определять интенсивность источника света. Колбочки чувствительны только к более сильными источникам света, они помогают нам улавливать свет с разными длинами волн. Существует три различных типа колбочек - короткие (S), средние (M) и длинные (L). Эти обозначения соответствуют длинам волн синего, зеленого и красного цветов световой волны. На приведенной ниже диаграмме показана относительная чувствительность клеток колбочек S, M и L к разным длинам волн света для человека с нормальным зрением.  Какие бы цвета мы ни видели, они основаны на комбинации трех цветов, улавливаемых колбачками S, M и L. При отсутствии пигмента, ответственного за распознавание красного цвета, говорят о протанопической дихроматии, в случае отсутствия зелёного пигмента — о дейтеранопической дихроматии, в случае отсутствия синего пигмента — о тританопической дихроматии.В каждом из этих случаев пораженные колбочки могут быть мутированными или дефектными. Мутировавшая колбочка вызывает небольшой сдвиг и вызывает изменение восприятия цвета. Наиболее часто встречается нарушения красного-зелёного зрения. Дальтонизм по синему цвету возможен, но крайне редко.Эта таблица иллюстрирует частоту различных типов дальтонизма в мире:  Красно-зеленая цветовая слепота вызвана в первую очередь дефектной Х-хромосомой. Это означает, что вероятность встретить мужчину дальтоника гораздо больше. До 10% мужчин страдают дальтонизмом по сравнению с 0,5% женщин. Подавляющее большинство людей, страдающих дальтонизмом, могут видеть какой-то цвет, поскольку во многих случаях поражается только один из трех типов колбочек. Частичное или полное отсутствие цветного зрения известно как ахроматопсия, от которой страдает примерно 1 человек из 30 000. Люди с полной ахроматопсией могут различать только черный, белый, оттенки серого и вариации контрастности.Отличный контент начинается с осознания проблемыМудрость начинается с осознания, и если мы хотим добиться успеха в дизайне, мы также должны знать свою аудиторию. Если вы хотите стать отличным дизайнером, то должны понимать, что значит быть дальтоником. Если вы думаете, что вы дальтоник и не можете работать в дизайне, то вы глубоко ошибаетесь. Сегодня существует множество ресурсов, которые помогут создать красивый и понятный дизайн людьми, страдающими цветовым восприятием.Пользователи Chrome могут воспользоваться расширением Colorblindly, а пользователи Safari могут загрузить Color Oracle. Эти инструменты могут помочь вам правильно комбинировать цвета и с достаточным контрастом, чтобы вы могли создавать контент, который понравится каждому.4 простых шага по устранению проблем дальтонизма в ваших проектахЕсли вы хотите сделать свой веб-сайт, приложение или корпоративные материалы более восприимчивыми для дальтоников, вам необходимо учесть несколько важных пунктов.1. Выбор палитрыВы можете выбирать из множества различных 8- и 15-цветных палитр для дальтонизма. Узнать больше вы можете здесь, здесь и здесь.  Но что, если вы не можете выбрать новые фирменные цвета? А что, если ваши клиенты уже выбрали свой? В этом случае есть несколько других способов решения этой задачи проектирования.2. Определитесь с цветовым решениемЧем больше контраст, тем лучше дальтоник может увидеть разницу между двумя предметами.Подумайте обо всех возможностях использования контраста в своих проектах для улучшения доступности восприятия. Используйте яркие цвета вместо бледных вариаций. Если вам нужно использовать два цвета рядом друг с другом, выбирайте максимально разные цвета. А когда вы рассматриваете дальтонизм и веб-дизайн, вы должны думать о том, как максимизировать контраст между динамическими элементами. Какие цвета вы используете для гиперссылок и кнопок? И как меняются эти цвета, когда посетитель сайта наводит курсор на элемент? В этих ситуациях вам может потребоваться выделить элемент, добавив цветную рамку.3. Разработайте цветовую системуКогда мы используем цвет в дизайне, мы обогащаем наше общение. Использование одних только цветов для передачи информации может быть коварным для тех из нас, кто страдает дальтонизмом. Вашей аудитории будет намного легче, если вы объедините цвета с текстом, значками и другими элементами дизайна, чтобы рассказать историю. Полагаться только на цвет - лишь одна из многих ловушек, которых следует избегать.4. Выбирайте шрифты, обеспечивая при этом максимальную разборчивостьПослания вашего бренда - это намного больше, чем цвета, которые вы выбираете. Вы также можете передать тон с помощью правильного шрифта. И если вы хотите, чтобы ваши сообщения были максимально содержательными, вам необходимо рассмотреть выбор шрифта вместе с цветом.Если вы выберете более толстый и жирный шрифт, ваш дизайн будет легче читать всем. Это связано с тем, что большее количество колбочек сможет улавливать свет от этих букв. Как только вы начнете делать свои проекты более доступными для одной группы людей, вы обнаружите, что они приносят пользу и другим. Как оказалось, многие характеристики шрифта, улучшающие разборчивость для дальтоников, также подходят для людей с дислексией.Поскольку осознание дальтонизма в дизайне продолжает расти, я ожидаю большую вовлеченность в этом вопросе. Протестируйте свои работы с помощью симулятора дальтонизма и посмотрите, как вы можете их улучшить. В эру коммуникаций и быстрого доступа к информации бренды не могут позволить себе игнорировать людей с расстройствами цветового восприятия. =========== Источник: habr.com =========== Похожие новости:
Работа с 3D-графикой ), #_interfejsy ( Интерфейсы ), #_obrabotka_izobrazhenij ( Обработка изображений ), #_graficheskij_dizajn ( Графический дизайн ), #_kontentmarketing ( Контент-маркетинг ) |
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 18:20
Часовой пояс: UTC + 5