{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Блог Михаила Озорнина: заметки с тегом цветовая схема", "_rss_description": "Главная · Блог · Работы ·", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/mikeozornin.ru\/blog\/tags\/cvetovaya-shema\/", "feed_url": "https:\/\/mikeozornin.ru\/blog\/tags\/cvetovaya-shema\/json\/", "icon": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384", "author": { "name": "Михаил Озорнин", "url": "https:\/\/mikeozornin.ru\/blog\/", "avatar": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384" }, "items": [ { "id": "3", "url": "https:\/\/mikeozornin.ru\/blog\/all\/dark-on-white-or-not\/", "title": "Дизайн-вопрос: темная и светлая темы", "content_html": "
\n\"\"\n<\/div>\n

Андрей Чулков спрашивает:<\/p>\n

\n

Какое сочетание более благоприятно для глаз с точки зрения чтения или работы с текстами — темные буквы на светлом фоне или наоборот светлые буквы на темном фоне?<\/p>\n<\/blockquote>\n

Чаще говорят, что текст вывороткой (светлым на черном или темном цветном фоне) трудно читать. Правило не жесткое, так нужно не всегда, Лебедев приводит его как пример того, что в дизайне правил нет (http:\/\/www.artlebedev.ru\/kovodstvo\/sections\/99<\/a> ).<\/p>\n

Мне удалось найти несколько исследований.<\/p>\n

Темный на светлом лучше, если вокруг светло<\/h2>\n

http:\/\/www.tandfonline.com\/doi\/abs\/10.1080\/00140139.2013.790485<\/a>
\nТемные сиволы на светлом фоне лучше читаются и именно такой вариант рекомендуется для читателей всех возрастов. (здесь и далее перевод мой)<\/i><\/p>\n

https:\/\/www.quora.com\/Usability-Are-there-any-studies-regarding-readability-of-inverted-light-on-dark-schemes-in-software-design<\/a>
\nТомас Финни из Фонтлаба: при хорошем освещении черный цвет на белом фоне предпочтительней. Однако в темноте другие решения могут быть удачней.<\/p>\n

Там же: на типографической конференции Тайпо Берлин в мае 2016 года Данин At Typo Berlin in May 2016, Nadine Шахин из Монотайпа рассказала о результатах исследования. Если коротко, лучше черный на белом. Но ночью для водителей белый слишком яркий, поэтому лучше использовать инверсную схему. Исследование продолжается.<\/p>\n

Дэвид Огилви в своей книге «Огилви о рекламе» пишет, что реклама, набранная вывороткой приводит к трёхкратному падению числа откликов на неё.<\/p>\n

https:\/\/blog.tatham.oddie.com.au\/2008\/10\/13\/why-light-text-on-dark-background-is-a-bad-idea\/<\/a>
\nBauer, D., & Cavonius, C., R. (1980). Improving the legibility of visual display units through contrast reversal. In E. Grandjean, E. Vigliani (Eds.), Ergonomic Aspects of Visual Display Terminals (pp. 137-142). London: Taylor & Francis
\nТемный цвет на светлом фоне читается на 26% процентов лучше, чем светлый на темном.
\nДжейсон Харрисон (Jason Harrison) из университета Бритиш Коламбиа объясняет эти 26% так: людям с астигматизмом (примерно 50% всех людей) трудней читать светлое на темном, такая комбинация вызывает у них затуманивание шрифта.<\/p>\n

Наверное, есть ещё исследования про усталость от экрана, но я их не встречал.<\/p>\n

Синий мешает спать<\/h2>\n

https:\/\/justgetflux.com\/research.html<\/a>
\nНа сайте флюкса собраны исследования о том, что вечером переизбыток синего освещения мешает засыпать. Флюкс подкрашивает экран в желто-красные оттенки после заката и делает нахождение за компьютером комфортней. Проверил на себе, рекомендую.<\/p>\n

Хотя бы минимально контрастно<\/h2>\n

Консорциум в3ц занимается в том числе вопросами доступности сайтов. Их рекомендация — контраст не менее 4.5:1 для обычного текста и 3:1 для крупного.<\/p>\n

Мой опыт<\/h2>\n

Во всех программах у меня установлен светлая тема. Даже когда читаю вечером не могу включать инверсную схему, мне с ней тяжело. Ночью понижаю яркость планшета до минимума. Читаю книги и днем, и вечером на сепии, а вечером дополнительно использую флюкс.<\/p>\n

Выворотный шрифт кажется немного тоньше аналогичного на светлом, поэтому ещё надо делать чуть жирнее (хорошо, если в шрифте есть достаточно начертаний). На картинке ниже у светлого на черном + шаг толщины (medium против regular).<\/p>\n

\n\"\"\n<\/div>\n

Выводы<\/h2>\n
    \n
  1. Если светло, то светлая тема лучше читается.<\/li>\n
  2. Ночью лучше сильно понижать яркость и использовать ночную тему.<\/li>\n<\/ol>\n", "date_published": "2016-08-13T03:33:06+03:00", "date_modified": "2022-02-16T10:33:38+03:00", "image": "https:\/\/mikeozornin.ru\/blog\/pictures\/vyvorokta@2x.png", "_date_published_rfc2822": "Sat, 13 Aug 2016 03:33:06 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "3", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/mikeozornin.ru\/blog\/pictures\/vyvorokta@2x.png", "https:\/\/mikeozornin.ru\/blog\/pictures\/vyvorokta-2@2x.png" ] } } ], "_e2_version": 3798, "_e2_ua_string": "E2 (v3798; Aegea)" }