Email on Acid, также является поклонником темного режима и лично столкнулся с трудностями. Его совет? Взлом темного режима может оказаться не лучшим способом использовать ваше время.

« Мне очень нравится темный режим! Я заметил, что это создает проблемы с отображением электронных писем, и разработчики пытаются исправить это с помощью кода. Но если читатель настроил свое устройство в темном режиме, они захотят, чтобы его электронные письма были в темном режиме. Итак, если вы измените адрес электронной почты, вы фактически отклонитесь от того, что хочет видеть читатель.На мой взгляд, создание писем для темного режима — лучший способ. “

Взломанная версия Dark Mode Pixel

Просмотрите пошаговые инструкции разработчика электронной почты Эда Болла по использованию пикселей отслеживания аналитики, чтобы узнать, какая часть вашего списка открывает электронные письма в темном режиме.

Автор: Кейси Штайнбринк

Кейси Стейнбринк (Kasey Steinbrinck) — менеджер по контент-маркетингу Email on Acid. Он создал перспективные планы цифрового маркетинга для самых разных организаций и понимает, как ценный контент питает мощную стратегию электронной почты. Кейси живет в Грин-Бей, штат Висконсин, (Go Packers) со своей женой и тремя неконтролируемыми мальчиками.

Автор: Кейси Штайнбринк

Кейси Стейнбринк (Kasey Steinbrinck) — менеджер по контент-маркетингу Email on Acid.Он создал перспективные планы цифрового маркетинга для самых разных организаций и понимает, как ценный контент питает мощную стратегию электронной почты. Кейси живет в Грин-Бей, штат Висконсин, (Go Packers) со своей женой и тремя неконтролируемыми мальчиками.

Dark Mode vs.Легкий режим: что лучше?

Недавно, вдохновленный введением темного режима в iOS 13, репортер попросил меня прокомментировать удобство использования темного режима и его популярность как тенденцию дизайна. Это вопрос, который я тоже несколько раз получал от участников нашей конференции UX.

Я должен сказать заранее, что NN / g не проводила собственных исследований темного режима. Однако эти вопросы побудили меня сделать обзор академической литературы о том, имеет ли темный режим какие-либо преимущества для пользователей — с нормальным зрением или нет.Я поделюсь с вами этими выводами.

Но сначала давайте убедимся, что мы все на одной странице, определив некоторый словарный запас.

Определение: Полярность контраста — термин, используемый для описания контраста между текстом и фоном:

• Положительная контрастная полярность (светлый режим) означает текст темным шрифтом на светлом фоне.
• Полярность отрицательного контраста (темный режим) обозначает сочетание светлого (например, белого) текста с темным (например, белого).г., черный) фон.

Дисплеи в темном режиме излучают меньше света, чем дисплеи в светлом (и по этой причине они могут продлить срок службы батареи). Но количество света в окружающей среде влияет не только на энергопотребление, но и на наше восприятие. Чтобы понять, как это сделать, давайте кратко рассмотрим базовую информацию об зрачке глаза и о том, как он реагирует на количество света в окружающей среде.

Ученик человека чувствителен к количеству света

Человеческий зрачок — это ворота в сетчатку: через него свет достигает глаза. По умолчанию зрачок человека меняет размер в зависимости от количества света в окружающей среде: когда света много, он сужается и сужается, а когда темно, он расширяется, позволяя проникать большему количеству света. Меньшие размеры зрачка сделать глаза менее восприимчивыми к сферическим аберрациям (при которых изображение кажется несфокусированным) и увеличить глубину резкости, чтобы людям не приходилось так усердно фокусироваться на тексте, что, в свою очередь, означает, что их глаза реже устают.(Диафрагма камеры работает точно так же: фотография, сделанная при f / 2,8, будет иметь меньшую глубину резкости и, следовательно, более размытую, чем снимок, сделанный при f / 16.)

С возрастом зрачок уменьшается. Слишком маленький размер зрачка означает, что в глаз попадает слишком мало света, что ухудшает нашу способность читать или распознавать текст, особенно при слабом окружающем освещении (например, ночью). С другой стороны, по мере того, как мы становимся старше, мы становимся более восприимчивыми к бликам, и блики особенно вероятны при ярком свете.

Пользователи с нормальным зрением

Ранние исследования, проведенные в 1980-х годах, по-видимому, указывали на то, что для людей с нормальным зрением или зрением с поправкой на нормальное (то есть носящими правильно прописанные очки или контактные линзы) полярность контраста не влияла на зрение.

Тем не менее, несколько недавних исследований опровергают это первоначальное открытие. В частности, мы сосредоточимся на двух статьях, в которых были задействованы два разных типа задач: одна, опубликованная в 2013 году в журнале Ergonomics, рассматривала остроту зрения и эффективность чтения, а другая, опубликованная в 2017 году в журнале Applied Ergonomics . , исследовал производительность задачи быстрого чтения — быстрого чтения 1-2 слов, которым люди часто пользуются, когда они взаимодействуют с мобильным телефоном, умными часами или приборной панелью автомобиля, и которое участвует в таких действиях, как проверка направлений или посещение к уведомлению.

Влияние контрастной полярности на остроту зрения и корректуру

Козима Пипенброк и ее коллеги из Institut für Experimentelle Psychologie в Дюссельдорфе, Германия, изучали две группы взрослых с нормальным (или скорректированным на нормальное) зрение: молодые люди (от 18 до 33 лет) и пожилые люди (от 60 до 85 лет). Старый). Ни один из участников не страдал какими-либо заболеваниями глаз (например, катарактой).

Участникам были даны два разных типа заданий:

• Задача на проверку остроты зрения, которая включала обнаружение разрыва в оптотипе Ландольта C — другими словами, показ им символа, похожего на букву «C», ориентированный по-разному, и просьбу определить, где находится разрыв (например,г., верх, низ).
• Задача корректуры, которая включала чтение короткого отрывка и выявление различных типов ошибок

Задания были представлены с разной полярностью контраста — для некоторых участников они были в темном режиме, а для других — в светлом. Полярность контраста была переменной между субъектами, что означало, что каждый участник видел только задачи с одной полярностью контраста (например, только темный режим).

Исследователи также собрали меры, связанные с утомляемостью до и после теста: участники оценивали свое напряжение глаз, головную боль, мышечное напряжение, боль в спине и субъективное самочувствие в начале эксперимента, а также в конце.

Их результаты показали, что световой режим победил во всех измерениях : независимо от возраста, положительная полярность контраста была лучше как для задач проверки остроты зрения, так и для задач корректуры. Однако разница между световым режимом и темным режимом в задаче на остроту зрения была меньше для пожилых людей, чем для молодых людей — это означает, что , хотя светлый режим был лучше и для пожилых людей, они не получали от него такой пользы, как более молодые люди, по крайней мере, в задаче на проверку остроты зрения.

Когда исследователи изучили показатели утомляемости, они пришли к выводу, что не было существенной разницы в полярности контраста ни на одном из них (это означает, что темный режим не утомлял людей, или наоборот).

Другое исследование, опубликованное той же исследовательской группой в журнале Human Factors , рассматривало, как размер текста взаимодействует с полярностью контраста в задаче корректуры. Было обнаружено, что преимущество положительной полярности увеличивается линейно по мере уменьшения размера шрифта: а именно, чем меньше шрифт, тем лучше пользователям видеть текст в светлом режиме. Интересно, что даже при том, что их производительность была лучше в светлом режиме, участников исследования не сообщили о каких-либо различиях в своем восприятии читабельности текста (например, их способности фокусироваться на тексте) в светлом и темном режимах, что только усиливает первое правило юзабилити: не слушайте пользователей.

Влияние контрастной полярности на удобное чтение

Джонатан Добрес и его коллеги из Agelab Массачусетского технологического института попытались количественно оценить, влияют ли условия окружающего освещения (смоделированные дневное время по сравнению с смоделированным ночным временем) на преимущество положительной полярности в контексте задачи лексического решения. Задача лексического решения, парадигма, обычно используемая в психологии, включает в себя показ участникам строки букв и их решение, слово это или неслово. Задача лексического решения больше похожа на беглое чтение, которое мы выполняем в условиях, когда нас трудно прерывать, например, при вождении или использовании мобильного телефона или умных часов на ходу — все это включает в себя быстрый просмотр дисплея и извлечение соответствующей информации.

У участников исследования Agelab было нормальное или скорректированное зрение.Им были показаны строки символов с двумя возможными полярностями контраста (темный режим и светлый режим), при разном окружающем освещении (дневное и ночное время) и с разными размерами шрифта.

Исследование показало, что освещение, полярность и размер текста повлияли на производительность — в направлении, которое, возможно, и ожидалось к настоящему моменту: имитация дневного времени приводит к более быстрым суждениям, чем имитация ночного времени, светлый режим лучше, чем темный режим, а более крупный шрифт — быстрее чем меньший шрифт. Интересным результатом стало значительное взаимодействие между окружающим освещением и полярностью контраста: в дневное время не было значительного влияния полярности контраста, но в ночное время светлый режим приводил к лучшим характеристикам, чем темный режим. Более того, в темное время суток людям было намного сложнее читать мелкий текст в темном режиме, чем в светлом.

Отсутствие эффекта полярности в смоделированных дневных условиях было несколько неожиданным и несовместимым с другим более ранним исследованием Бюхнера и Баумгартнера, в котором также рассматривалось яркое и темное окружение. Однако в этом исследовании яркий окружающий свет был намного ниже, чем тот, который использовался в исследовании Agelab (подумайте о офисном свете по сравнению с ярким уличным светом). Добрес и его коллеги утверждают, что количество окружающего света может повлиять на преимущество положительной полярности, при этом яркий свет приводит к нулевой разнице, но нормальный офисный свет все еще может создавать разницу.

Долгосрочные эффекты

В рассмотренной к настоящему времени литературе рассматривается однократное влияние полярности контраста на работоспособность человека. Но как насчет долгосрочных эффектов? Другими словами, имеет ли какое-либо влияние длительное воздействие одного типа контрастной полярности?

Интригующее исследование, опубликованное в Nature Research’s Scientific Reports в 2018 году, предполагает, что длительное воздействие светового режима может быть связано с близорукостью. Миопия (или близорукость) относится к неспособности ясно видеть далекие объекты и сильно коррелирует с уровнем образования и чтением. В своем исследовании Андреа Алеман и ее коллеги из Тюбингенского университета в Германии попросили 7 человек-участников прочитать текст, представленный в темном и светлом режимах, в течение часа каждый. Чтобы увидеть, изменилась ли их предрасположенность к миопии после чтения, они измерили толщину сосудистой оболочки, сосудистой оболочки позади сетчатки. Истончение сосудистой оболочки связано с миопией.

Исследователи обнаружили значительное истончение этой мембраны, когда участники читали текст, представленный в светлом режиме, и значительное утолщение при чтении текста, представленного в темном режиме.Истончение было более выраженным у участников, у которых уже была близорукость.

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

Пользователи с ослабленным зрением

Литература о пользователях с ослабленным зрением, как ни парадоксально, менее богата, чем литература о людях с нормальным зрением, хотя существует неявное согласие, что темный режим лучше, по крайней мере, для некоторых людей с нарушениями зрения.Гордон Легж и его коллеги из Университета Миннесоты определяют две категории слабовидящих: (1) из-за нарушений центрального зрения и (2) из-за мутности глазных сред.

Под средой глаза понимаются различные прозрачные вещества в глазу, включая роговицу и хрусталик. Наиболее частой причиной помутнения глазных сред является катаракта, которая относится к помутнению хрусталика и довольно часто встречается у пожилых людей. Катаракта рассеивает и блокирует часть света, который должен достигать сетчатки через линзу, и тем самым препятствует созданию четкого сфокусированного изображения на сетчатке.

Еще в 1977 году исследование Слоуна показало, что некоторые люди со слабым зрением предпочитают темный режим. (В наших собственных исследованиях доступности Кара Пернис также видела пользователей со слабым зрением, которые иногда переключались между темным и светлым режимами, пытаясь добиться ясности.) В 1985 году Гордон Легг и его коллеги из Университета Миннесоты предположили, что этот эффект вызван «Аномальное рассеяние света из-за мутной среды глаза» — предположительно потому, что, если больше света достигает глаза с мутной линзой, увеличивается вероятность искажения.Таким образом, темный режим может быть лучше для людей с непрозрачным окном, потому что дисплей излучает меньше света.

В исследовании Легжа у каждого из 7 участников с мутными средами глаза были лучшие показатели чтения в темных режимах, в то время как на остальных участников, у которых было нарушено центральное зрение, полярность контраста не влияла.

Legge легли в основу рекомендации о возможности переключения в темный режим для современных компьютерных интерфейсов. В 2005 году Пападопулос и Гоудирас в статье, в которой были рассмотрены различные передовые методы обеспечения доступности для слабовидящих пользователей, рекомендовали наличие темного режима в пользовательских интерфейсах.

Предостережение, отмеченное некоторыми исследователями в области нормального зрения, заключается в том, что исследования Легжа с пользователями с ослабленным зрением проводились с использованием ЭЛТ-дисплеев, в отличие от светодиодов, используемых в большинстве современных дисплеев. Эти дисплеи были более восприимчивы к мерцанию в светлом режиме, чем в темном, что, возможно, смещало результаты в сравнении с световым режимом.

Еда на вынос

Итак, стоит ли вам присоединиться к победе над темным режимом? Хотя темный режим может предоставить некоторые преимущества для некоторых пользователей с ослабленным зрением — в частности, для людей с мутными средами глаза, такими как катаракта, данные исследований указывают на преимущество положительной полярности для пользователей с нормальным зрением.Другими словами, у пользователей с нормальным зрением, световой режим в большинстве случаев приводит к лучшей производительности.

Почему светлый режим лучше для производительности? Эти результаты лучше всего объясняются тем фактом, что при положительной полярности контраста больше общего света и, следовательно, зрачок больше сужается. В результате меньше сферических аберраций, большая глубина резкости и в целом лучшая способность фокусироваться на деталях, не утомляя глаза.

Несмотря на то, что более крупный шрифт и яркое окружающее освещение могут лишить людей этого преимущества у людей с нормальным зрением, на данном этапе мы не рекомендуем переключаться в темный режим по умолчанию, если ваша целевая аудитория включает население в целом.

При этом мы настоятельно рекомендуем дизайнерам позволять пользователям переключаться в темный режим, если они хотят, в — по трем причинам: (1) со световым режимом могут быть связаны долгосрочные эффекты; (2) некоторым людям с нарушениями зрения лучше работать в темном режиме; и (3) некоторым пользователям просто больше нравится темный режим. (Мы знаем, что люди редко меняют значения по умолчанию, но у них должна быть возможность.) Маловероятно, что люди будут менять режим отображения для любого случайного веб-сайта, но, если веб-сайт или приложение часто используются, им следует рассмотреть возможность предоставления этой опции для его пользователи.В частности, приложения , предназначенные для длительного чтения (такие как книги, журналы и даже новостные сайты), должны предлагать функцию темного режима. И в идеале эта опция должна распространяться на все экраны этого веб-сайта или приложения. Более того, если операционная система предоставляет API темного режима (например, iOS), убедитесь, что вы пользуетесь им — это даст тем пользователям, которые решат переключиться в темный режим, возможность испытать ваше приложение или веб-сайт в выбранном ими режиме. контрастная полярность.

Список литературы

А. Алеман, М. Ван и Ф. Шеффель (2018). Чтение и близорукость: вопросы полярности контраста. Научные отчеты 8, 10840 (2018) doi: 10.1038 / s41598-018-28904-x

Дж. Добрес, Н. Шахин, Б. Реймер (2017). Влияние окружающего освещения, полярности контраста и размера букв на разборчивость текста при чтении с первого взгляда, Applied Ergonomics . DOI: 10.1016 / j.apergo.2016.11.001

г. Легге, Г.С. Рубин, Д.Г. Пелли, М.М. Шлеске (1985). Психофизика чтения — ii. Плохое зрение. Исследование зрения .

К.С. Пападопулос., Д. Б. Гудирас (2005). Поддержка доступности для людей с дефектами зрения в цифровых текстах. Британский журнал нарушений зрения. DOI: 10.1177 / 0264619605054779.

К. Пипенброк, С. Майр, И. Мунд и А. Бюхнер (2013). Положительная полярность дисплея выгодна как для молодых, так и для пожилых людей, Ergonomics , DOI: 10.1080 / 00140139.2013.7

Козима Пипенброк, С. Майр, А. Бюхнер (2013). Положительная полярность дисплея особенно выгодна для символов небольшого размера: последствия для дизайна дисплея. Человеческий фактор. DOI: 10.1177 / 0018720813515509

Л.Л. Слоун (1977). Средства чтения для слабовидящих: систематическая классификация и порядок назначения. Балтимор, Мэриленд: Уильямс и Уилкинс.

Как включить режим светового оформления на iPhone и iPad

Хотите изменить визуальную тему вашего iPhone или iPad на светлую тему оформления? Если вы используете темный режим на iPad или iPhone, вы можете решить, что хотите улучшить внешний вид своего устройства с помощью темы светового режима.

Вы можете переключиться на тему Light Mode в любое время, настроив весь внешний вид iOS и iPadOS с помощью быстрой настройки параметров. Этот процесс переключения на внешний вид Light аналогичен любому iPhone, iPad или iPod Touch.

Как включить отображение в световом режиме на iPhone и iPad

Вот как вы можете переключить окраску интерфейса и оформления темы в iOS и iPadOS из темного режима в светлый режим:

Откройте приложение «Настройки».
1. Выберите «Дисплей и яркость».
2. Выберите «Светлый» в разделе «Внешний вид», чтобы изменить тему внешнего вида на светлый режим.
3. Выход из настроек

Переход из темного режима в светлый режим происходит мгновенно, и это повлияет на внешний вид главного экрана, экрана блокировки, многих приложений и даже некоторых веб-страниц.

Некоторые пользователи могут предпочесть светлую тему темной теме или темную тему светлой теме. Какая тема, которую вы используете, вероятно, зависит от ваших личных предпочтений и, возможно, вашей окружающей среды и освещения при использовании вашего устройства, так как многим пользователям нравится темный режим в темных областях и ночью, и предпочитают светлый режим в ярко освещенных рабочих условиях и в течение дня. И, конечно же, некоторые пользователи просто предпочитают все время использовать одну тему оформления.

Светлая тема внешнего вида на iPhone и iPad была стандартной и по умолчанию в течение многих лет, но теперь, когда темный режим для iPhone, iPod touch и iPad имеет параметры темного режима, многие пользователи предпочитают использовать либо одну тему оформления, либо другую (или настроить автоматический режим Dark / Light даже по расписанию).

Для возможности переключения между темным режимом и светлым режимом требуется iOS 13 или iPadOS 13 или новее, более старые версии системного программного обеспечения iOS не поддерживают две разные визуальные темы и вместо этого по умолчанию используют только внешний вид темы ярко-белый свет, что и есть мы возвращаемся к этому конкретному руководству.

Эта статья, очевидно, предназначена для iPad и iPhone, но вы также можете изменить тему на светлый режим на Mac, а также включить тему темного режима на Mac, если хотите.

Знаете ли вы какие-либо другие полезные советы или уловки или интересную информацию об использовании темы «Светлый внешний вид» на iPhone или iPad? Делитесь в комментариях!

Темный режим или Светлый режим, вот в чем вопрос? | by Moka

Согласно исследованию Cosima Piepenbrock и S. Mayr, A. Buchner в 2013 году, они объясняют, что использование светового интерфейса в дневное время легче для глаз людей с нормальным зрением (зрение 20–20 прописанные очки / контактные линзы) по крайней мере на короткий срок.Но длительное воздействие ярких интерфейсов влияет на людей, страдающих близорукостью или близорукостью, как исследовали А. Алеман, М. Ван и Ф. Шеффель в 2018 году.

Темный режим переживает своего рода фазу возрождения. Чтение белого текста на темном фоне резко снижает количество света, которое получают ваши глаза, помогая людям улучшить чтение, даже в ночное время.

Однако имейте в виду, что этот режим не очень удобно использовать днем. Из-за того, что днем ​​меньше света, вашим глазам труднее расшифровать информацию, которая находится перед вами.Ваши зрачки должны расширяться и заставлять читать из-за плохого контраста между текстом и фоном. Кстати, это частый симптом у людей с астигматизмом.

Помимо физических ограничений, технологическим преимуществом темного режима является улучшение заряда батареи. Если вы используете телефон с OLED-экраном, экран отключается в местах с очень темными цветами. Считается, что этот умный экран, который присутствует в большинстве телефонов высокого класса, снижает расход заряда батареи как минимум на 10%.

Можно даже сказать, что это оказывает небольшое, но положительное влияние на окружающую среду.

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

Эстетика

Конечно, одна большая причина была чисто визуальной. Хотя нам нравится внешний вид нашего темного веб-сайта Moka.tv, наличие альтернативного режима Light дает нам больше творческих возможностей! Эта новая итерация предоставила контенту больше пространства и более свежий вид.

Нам нравится видеть различия и небольшие штрихи, которые мы внесли в переход между режимами.

Удобство использования

Следуя вышесказанному, мы сделали режим Light, чтобы не было проблем с глазами. Удобочитаемость является для нас огромным приоритетом, поэтому она делает наш контент доступным для людей с ослабленным зрением. Несмотря на то, что наш сайт по-прежнему не на 100% доступен для людей с различными формами инвалидности, мы приближаемся к этому.

Empowerment

Даже несмотря на все наши соображения, касающиеся здоровья, экономии заряда батареи и многого другого, мы чувствовали, что использование светлого или темного режима полностью зависит от человека.

У обоих есть свои преимущества и недостатки, но истинная ценность заключается в том, чтобы позволить людям, использующим ваш продукт, сделать выбор. Это то, что мы называем истинным посвящением.

Стоит ли добавлять в продукт разные режимы? Что ж, мы можем сказать, что делая его более доступным, экономя время автономной работы, среди других преимуществ, вы можете расширить спектр вашего дизайна. Для нас это похоже на победу.

Считаете ли вы, что это всего лишь дизайнерская прихоть, или вы заметили преимущества использования того или другого?

Все еще не уверены? Прочтите статьи, на которых мы основывались:

Hackaday, переведенный в легкий режим

Hackaday всегда был темным режимом. Gray10 менее раздражает, когда вы сжигаете полуночное масло на проекте, поэтому мы даем вам его много. Пятнадцать лет назад это называлось «обратное видео» или «режим трога», и мы были уродами. Мы делали это неправильно. У нас были цвета «наоборот». Раньше темный режим был резким, необычным, но, смею сказать, немного сексуальным.

Перенеситесь вперед, и все перешли на темную сторону. У Facebook есть тёмный режим.У гугла есть тёмный режим. Во всей империи Microsoft, от Windows 10 до GitHub, вы можете жить в темноте. Черт возьми, даже у White House есть темный режим! (Они называют это высококонтрастным режимом, но никого не обманывают.)

Тёмный режим здесь, тёмный режим там. Это мейнстрим. Темный режим стал фирменным крутым , что никому не кажется крутым.

Мы не говорим, что все вышеупомянутые учреждения придерживаются стиля Hackaday, но, что ж, все они кусают наш стиль.Где они были, когда мы были единственным веб-сайтом во всем чертовом Интернете с разумным цветом фона? Хм? В последнее время пришел темный режим!

Но Hackaday не останавливается на достигнутом. Мы держим руку на пульсе современного хакера. Если раньше вы бы долго не спали, исследуя Hackaday в поисках сочных самородков общественной мудрости, чтобы помочь с вашим текущим хаком, то в наши дни вы, вероятно, «работаете на дому» — эвфемизм для работы над вашими частными проектами, даже когда огненный шар еще в небе.(Подмигнуть, подмигнуть, подтолкнуть, подтолкнуть.) Вполне естественно, что вам нужен более светлый цвет фона, чтобы соответствовать вашему новому образу жизни. Мы вас слышим!

Итак, представляем вам Hackaday Light Mode ™. Наслаждаться!

[Примечание редактора: для исторической достоверности у нас в самом начале были заголовки фосфорно-зеленого цвета вместо резкого белого. Если вы хотите заново пережить те славные дни или просто вернуться в Hackaday в темном режиме, всегда есть сценарии CSS.]

Как включить автоматический световой и темный режим в macOS

Разве не было бы неплохо, если бы вы могли включить автоматическое переключение темы светлого режима на вашем Mac в вечерние часы или всякий раз, когда ваши глаза напрягаются? Это именно то, что я собираюсь показать вам, как это сделать.

Давно использую темные фоны и темы. Если подумать, первый HTML-код, который я написал в летнем лагере ботаников , был черным как смоль веб-сайтом с красными акцентами. (Я рад, что у меня нет доказательств, чтобы показать вам.) Сегодня все на моем компьютере настроено на работу в темном режиме. В последнее десятилетие мне нравилось наблюдать, как множество различных сайтов и приложений добавляли свои собственные темные темы, которые можно было включить.

Теперь готовы подготовить вашу систему к автоматическому переключению темного / светлого режима? Мы рассмотрим:

1. Работа с бликами

2. Переключение темы macOS

3. Сторонние приложения, которые могут автоматически переключаться

   • Slack

   • Signal

   • VSCode

   • Chrome / Brave

   • iTerm

   • GitHub

   • TablesPlus

   • Zoom

4. Веб-сайты и веб-страницы

5. Непристойные упоминания: сторонние приложения, у которых нет автоматического переключения

Работа с Glare

Изображение предоставлено Джорданом Уэлчем

Я никогда не думал, что мне нужны солнцезащитные очки зимой, но, боже мой, снег и лед наверняка могут вызвать блики. Внезапно я обнаружил, что проклинаю свой полностью темный интерфейс. Темный режим может быть прекрасным, когда солнце садится, но утром мне нужно либо перестать видеть, либо принять свет.При этом постоянное переключение моих тем назад и вперед казалось одновременно устрашающим и абсурдным.

Я не одинок в этом: многие пользователи испытывают напряжение глаз, когда смотрят на экран в течение долгих часов или когда сталкиваются с бликами. К счастью, обе основные операционные системы отреагировали, предложив светлый и темный режимы в качестве выбора на уровне операционной системы с простым переключением. Так я начал поиски, сколько инструментов, которые я использую каждый день, можно преобразовать для автоматического переключения тем, когда я переключаю внешний вид.Я использую macOS, поэтому это руководство применимо к пользователям Mac, но я надеюсь, что этот ресурс поможет вам, независимо от вашего стремления к True Theme Balance. ☯︎

Переключение темы macOS

Прежде всего, давайте посмотрим на уровень операционной системы, который поможет нам в работе с максимально возможным количеством приложений. Вы можете настроить macOS на автоматическое переключение (и всех ваших приложений) в зависимости от времени суток, но я рекомендую вам управлять этим вручную и использовать его как главный переключатель для всех ваших приложений.

Шаги

1. Откройте «Системные настройки» из Spotlight или в верхнем левом меню Apple ()

2. Откройте «Общие»

3. Выберите свою тему вверху

Сторонние приложения, которые могут автоматически переключать

Наконец, вот приложения, которые вы можете настроить для автоматического включения темного или светлого режима.

1.Slack

Slack имеет автоматическое переключение, хотя, к сожалению, вы не можете автоматически изменять цветовую схему настраиваемого бокового меню.

Шаги

1. «Slack»> «Preferences»

2. «Themes»

3. Отметьте «Sync with OS setting»

2. Сигнал

Сигнал также имеет простые системные настройки автопереключения.

Шаги

1. Откройте «Сигнал»> «Настройки»

2. В разделе «Тема» вверху выберите «Система»

3. Код Visual Studio (VSCode)

В VSCode вы можете не только автоматически переключать темы в масштабе всей системы, но также можете указать, какую тему использовать как для светлого, так и для темного режимов.

Шаги

1. Начните с перехода к панели расширений в VSCode и поиска темных и светлых тем, которые вы хотите использовать

2. Откройте файл настроек JSON (CMD + SHIFT + P.«Предпочтения: открыть настройки»)

3. Добавьте три настройки из следующего списка. Обновите светлую и темную темы темами, выбранными / установленными на шаге 1

4. Chrome / Brave

Я использую Brave Browser, который, как и Google Chrome, является браузером на основе Chromium, и они одинаково обрабатывают свет и темноту.

По умолчанию Chrome и Brave автоматически переключают встроенную тему в зависимости от вашей операционной системы — никаких действий не требуется.К сожалению, если вы попытаетесь использовать свою собственную тему вместо заданной по умолчанию, она заблокирует вас темой, которую вы не сможете переключить автоматически. Хотелось бы, чтобы у Chrome была функция, аналогичная VSCode, где вы могли бы использовать темную тему и светлую тему, но, увы.

Если вы уже установили тему и хотите удалить ее, чтобы воспользоваться переключением, вот как это сделать.

Шаги

1. Откройте настройки и найдите «Тема»

2. Нажмите «Сбросить по умолчанию»

В Brave у вас есть возможность автоматически переключать тему всего, кроме верхней панели меню (даже если у вас установлена ​​тема).

Шаги

1. «Смелый»> «Настройки»

2. «Внешний вид» слева

3. Установите «Смелые цвета» на «Как в macOS»

5. iTerm

iTerm немного сложнее, чем остальные методы, и требует установки скрипта Python и загрузки среды выполнения Python, но это iTerm; если вы его используете, вы, вероятно, сможете в этом разобраться.

Просмотрите этот Gist от jamesmacfie на Git, чтобы узнать, как включить автоматический темный режим или светлый режим в iTerm.

Теперь мне просто нужно, чтобы ohmyzsh автоматически сменил тему приглашения…

Подпись: Теперь мне просто нужно получить ohmyzsh для автоматического изменения моей темы приглашения…

6. GitHub

Автопереключение GitHub — еще одна простая настройка в настройках темы.

Шаги

1. Щелкните изображение своего профиля, выберите «Настройки»> «Внешний вид» (или перейдите по этой ссылке)

2. Выберите «По умолчанию для системы»

7.TablesPlus

Темы светлого и темного режима TablePlus можно найти в разделе «Шрифты и цвета».

Шаги

1. «TablesPlus»> «Настройки»

2. «Шрифты и цвета»

3. Выберите «Авто» по темам

8. Zoom

Из всех приложений Zoom имеет светлый и темный режимы, которые можно переключать автоматически! Я не могу придумать более тематического приложения, но я ценю его.

Шаги

1. «zoom.us»> «Настройки»

2. «Общие»

3. Выберите «Использовать системные настройки» в разделе «Тема»

Веб-сайты и веб-страницы

Веб-сайты могут быть спроектированы с возможностью автоматического переключения без взаимодействия с пользователем.

Tailwind CSS, фреймворк CSS, ориентированный на полезные функции, который является фаворитом здесь, в Highland, имеет возможность легко определять встроенные альтернативы темной темы вашей обычной цветовой палитре.

Очевидно, что разработка двух тем одновременно может выходить за рамки MVP вашего приложения, но, пожалуйста, подумайте об этом.

Я собирался включить список веб-сайтов, которые это делают, но не думаю, что у всех, с которыми я часто взаимодействую, есть такая настройка.

Непристойные упоминания: сторонние приложения без автоматического переключения

• Сообщения Google: Есть темный и светлый режим, но без переключения.

• YouTube Music: Предлагает только темный режим.Серьезно, просто верните тему Google Play Music для света. (Пока вы это делаете, просто верните Google Play Музыку.)

• Почтальон: Есть и темный, и светлый, но не может переключаться автоматически.

• Twitter: Теперь это не делает меня более продуктивным, но я все же хочу, чтобы он автоматически переключался для меня.

Надеюсь, эта статья оказалась для вас полезной, и желаю удачи в вашем новом путешествии в легком режиме! Я обещаю, что чувство, что вы совершаете какой-то грех разработчика, используя светлые темы, со временем уменьшится.

Темный режим лучше для ваших глаз?

Если у вас есть смартфон, ноутбук, планшет или другое электронное устройство, вам, вероятно, пришлось сделать выбор между темным и светлым режимом экрана. Даже если вы не меняли тему своего телефона, отдельные приложения социальных сетей теперь предлагают настройки темного режима.

Ну, как вы знаете, мы в Rx Optical заботимся о здоровье глаз. Вот почему мы хотели поговорить о новой опции темного режима и ответить на главный вопрос: действительно ли темный режим помогает вашим глазам?

Читаемость

Давайте поговорим о чтении с экрана.Лучше всего использовать черный текст на белом фоне, поскольку его цветовые характеристики и свет лучше всего подходят для человеческого глаза. Это потому, что белый цвет отражает каждую длину волны в цветовом спектре.

Причина, по которой легко увидеть белый цвет, во многом похожа на то, почему мы рекомендуем носить солнцезащитные очки, когда на земле лежит снег. Из-за отражения нашей радужной оболочке не нужно открываться так широко, чтобы поглощать белый свет. Это оставляет нашу радужную оболочку в нейтральном положении и позволяет нам видеть с большей четкостью. Это особенно верно, когда белый свет контрастирует с черным, который поглощает длины волн, а не отражает их.

Белый текст на черном фоне или «темный режим» заставляет глаз работать тяжелее и открывать шире, поскольку ему нужно поглощать больше света. Когда это происходит, белые буквы могут проступать на черном фоне и вызывать размытие текста, что также известно как эффект «ореола».

Какова мораль этой истории? Для наших электронных книг мы рекомендуем использовать «светлый режим» или темный текст на светлом фоне.

Напряжение для глаз

До сих пор нет ответа на вопрос, лучше ли темный режим для снижения нагрузки на глаза, но мы можем подтвердить несколько вещей:

• Темный режим позволяет снизить нагрузку на глаза в условиях низкой освещенности.
• Контраст 100% (белый на черном фоне) затрудняет чтение и вызывает большую нагрузку на глаза.
• Может быть труднее читать длинные фрагменты текста с темой «светлый-темный».

По сути, мы рекомендуем использовать темную тему при слабом освещении или когда вы не планируете читать в течение длительного времени.

Если вы много читаете, выберите светлый режим. Несмотря на то, что черный текст легче читать, было бы неплохо попробовать серый фон и управлять яркостью экрана.