Белый текст на черном фоне как сделать: Белым по чёрному. Разгружаем глаза / Хабр

Содержание

Белым по чёрному. Разгружаем глаза / Хабр

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

не

буду убеждать в целесообразности цветового решения “белым по чёрному” (и некоторые утверждения могут быть спорными).

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

с целью уменьшить нагрузку на глаза. А также предлагаю инвертировать упомянутое выражение и в эпоху ЖК дисплеев говорить “белым по чёрному

~~написано~~

напечатано”.

Белый фон и чёрный текст по инерции сохранился во множестве приложениях, чтобы симулировать визуальное восприятие чернила на белой бумаге. Может быть, эффективность “чёрным по белому” и справедливо относительно бумаги (кстати, откуда на бумаге взялся именно черный и белый?

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

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

зрительная адаптация

хроматическая адаптация

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

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

*А также, когда упоминаю “белым по чёрному” я не имею ввиду абсолютно белый и абсолютно чёрный (и не буду вдаваться в нюансы “чёрности”). Даже наоборот — не рекомендую использовать эти крайности. При слишком большом контрасте сильнее чувствуется рассеивание света в глазах и белые буквы начинают “расползаться” на чёрном фоне. Этот эффект хорошо иллюстрирует оптическая иллюзия иррадиации. Лучше выбирать градации серого (напр., светло серый на темно сером). Главное — удобный контраст. Наверное, правильнее было б называть эту схему ”светлым по темному”, но звучит как-то не очень.

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

Браузер

до и после

Chrome (Chromium)

Clearly

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

Hotkeys

Для удобства авто разширения предоставил возможность переключения при помощи горячих клавиш. Лично мне сочетание из трёх клавиш (Ctrl+Alt+?) кажется неудобным. Хром позволяет отдельно настроить горячие клавиши для вызова конкретного расширения: Tools > Extensions, внизу есть Configure Commands (у меня

Alt+R).

High Contrast
Более простое решение. Им иногда удобнее пользоваться чем Clearly (напр., на форумах). Есть возможность быстро создать исключение или задать схему по умолчанию.

Hotkeys

Для себя настроил следующим образом — горячие клавиши

Alt+H

, расширение включено (

Enabled

) постоянно, режим

Normal

установил по умолчанию, а для нужных сайтов включаю

Inverted Color

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

Существенный минус расширения в том, что цвет изображений также изменяется.

К сожалению, сочетание клавиш (Shift+F11

) нельзя поменять в настройках. Но если очень хочется, то можно копнуть исходники. У меня расширение находиться в:
%LocalAppData%\Chromium\UserData\Default\Extensions\djcfdncoelnlbldjfhinnjlhdjlikmph\0.4_0\
или просто в поиске найти highcontrast.js, довольно уникальное имя для файла. Далее делаем следующие изменения в файлах:
highcontrast.js, строка 12, evt.keyCode == 122 меняем на нужный, и заодно если не нравится Shift, то evt.shiftKey меняем на evt.altKey или evt.ctrlKey.
А также для внешности — в popup.js, строка 100 и в manifest.json, строка 8.

Stylish
Позволяет использовать на посещаемой странице произвольный стиль. Доступно множество готовых на userstyles.org. Минус в том, что их авторы не всегда вовремя обновляют стиль при изменениях на сайте. Полезные тёмные стили: Wikipedia, Google Search, Habrahabr, StackOverflow, YouTube, Facebook.

_{предлагайте(или создавайте свои) тёмные стили для популярных сайтов, добавлю в список}

Theme
Для того, что бы элементы интерфейса браузера не контрастировали с тёмной расцветкой содержимого страницы, лучше также выбрать какую-нибудь тёмную тему. У меня James White.

Что мне не нравиться в Хроме, так это мелькание белого фона при прорисовке страницы. Насколько я понимаю, это происходить на уровне движка, и на пользовательском уровне изменить нельзя, даже если поменять цвета в ОС. Считаю, что на этом месте нужно кинуть камень в огород Хром разработчиков. Почему они цвет канваса определяют самостоятельно, а не берут из системных настроек ОС? То же самое касается Skype и ряда других “серьезных” приложений.

Firefox

Clearly

См. описание

выше

Blank Your Monitor
Похоже на High Contrast.

Hotkeys

Присутствует то же неудобство сочетания из трёх клавиш. Можно исправить с помощью

Customizable Shortcuts

Options > Shortcuts > Action: Other — bymer-key

Stylish
См. описание выше.

Шкуры для лиса. У меня FT DeepDark.

Opera

С Оперой не так густо. Всё, что удалось найти, это расширение

Contrast Changer

. Или более простой вариант в виде

bookmarklet

Как альтернатива Clearly можно использовать онлайн сервис

Instapaper

и их bookmarklet.

Также с недавних пор появился

Stylish

разширение.

Подбираем тёмную

тему

. Например,

Opera Simple Dark

альтернатива Stylish

На

userstyles.org

каждый стиль можно сохранить в виде

userscript

. Складываем все скрипты в одну директорию, переименовываем так, чтобы имена файлов заканчивались на “

.user.js

” и указываем путь в настройках:

Tools > Preferences > Advanced > Content > JavaScript Options > User JavaScript folder

. К сожалению, не все стили отображаются также как в Stylish.

Internet Explorer

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

Internet Options > Appearance: Colors

, но перед тем надо отметить

Accessibillity > Formatting: Ignore colors specified on webpages

. Насколько хорошо работает не знаю, лично не пробовал.

Обозреватель документов

Adobe Reader

Позволяет инвертировать цвет документа, но только если не скан/изображение:

Edit > Preferences (Сtrl+K) > Accessibility > Documents Color Options: Replace Document Colors, Use High Contrast Colors

. Удобнее читать во весь экран (

Ctrl+L

), чтобы не мешали яркие элементы интерфейса (или менять цвет этих элементов в ОС).

Hotkeys

Adobe Reader запоминает последнюю позицию меню в настройках. Если позиция осталась на

Accessibility

и её не менять, то можно инвертировать цвет сочетанием клавиш

Ctrl+K | Tab | Space | Enter

. Можно автоматизировать при помощи

макросов

WinDjView
Быстрый DjVu обозреватель с возможностями аннотации (только под Windows). Позволяет инвертировать цвет всего документа, включая скан/изображения:
File > Settings (Ctrl+,) > Display: Invert Colors

. Удобней читать во весь экран (Ctrl+L).

Hotkeys

WinDjView также запоминает последнюю позицию меню в настройках. Если её не менять, то можно инвертировать цвет сочетанием клавиш

Ctrl+, | Space | Enter

. Можно автоматизировать при помощи

макросов

Текстовый редактор

Microsoft Word 2010
до и после

Чтобы изменить цвет интерфейса:

File > Options > General > User Interface options > Color Scheme: Black

. Чтобы изменить цвет бумаги (фон), нужно менять цвета в ОС.

Для старых версий офиса ничем не могу помочь.

Google Docs

до и после

С инвертированием цветов в Google Docs отлично справляется

chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph

>High Contrast и

BlankYourMonitor

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

Write Room

, который также убирает панель инструментов (при наведении курсора появляется назад).

Sublime Text

после

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

Среда разработки

Visual Studio

Расцветка меняется в настройках (

Tools > Options > Environment > Fonts and Colors

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

Есть более удобные решения для последних версий (2005/2008/2010/2012). Онлайн приложение

Visual Studio Theme Generator

генерирует конфигурационный файл (

.vssettings

) с выбраными цветами. А также сформировалось целое сообщество стилеводов на

Studio Styles

, где есть выбор среди множества готовых стилей.

В любом случае, перед изменением цветов лучше сделайте бекап текущих настроек (

Tools > Import and Export Settings

), можно экспортировать исключительно цветовые параметры.

К сожалению, не все цвета меняются из настроек студии и для того, что бы поменять цвет фона в окнах Solution Explorer, Output и т.п., нужно обязательно менять цвет в ОС.

Visual Studio 2010

до и после

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

Visual Studio Theme Editor

(добавляет дополнительное меню Theme). В этом

посте

об использовании, хотя там все довольно интуитивно. Я использую тему

Expressionотсюда

Visual Studio 2012
В этой версии разработчики наконец-то включили возможность изменения темы в стандартные настройки, среди которых есть и Dark Theme. Для этой студии также отдельно есть расширение Visual Studio 2012 Color Theme Editor. Зачем? Не знаю. Лично VS2012 еще не видел.

Eclipse
Цветовые возможности похожие с Visual Studio. Можно установить Eclipse Color Theme Plugin и использовать теми (.xml) для этого плагина. Или использовать конфигурационные файлы (.epf). Широкий выбор тем на Eclipse Color Themes. Делайте бекап настроек перед изменениями.

Matlab
Все цвета меняются вместе с цветами ОС (по крайней мере в Win7). Если отдельно от ОС, то есть инструкция для Dark theme for Matlab 2007. Эти же установки подходят для 2010 (предполагаю для других версий так же).

Разное

Windows 7
до и после

Тем, кому не хочется основательно менять цвета всех окон, предлагаю поменять хотя бы цвет taskbar, чтобы он не контрастировал с темным браузером или редактором (

Control Panel > Appearance and Personalization > Personalization > Window Color

). Остальные цвета находятся там же в

Advanced appearance settings

В поиске по ключевым словам

“dark theme” или “black theme”

найдете множество сайтов с темами. Много качественных (не только для Windows) находятся на

deviantART

Первое, что мне подошло это

Dark Soft

(использовал только стили, бинарные файлы (explorer.exe) не применял).

Linux, MacOS, Windows 8, Windows XP
Как работать со стилями этих ОС не знаком. Добавляйте в комментариях, будем пополнят список.

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

Могу только предложить пользователям Opera Mobile не самое удобное решение — он умеет, как и его старший брат, накладывать произвольные стили.

Еще бонус “белового на чёрном” для мобильных устройств в том, что такое сочетание потребляет меньше энергии (т.к. излучает меньше света). На сколько меньше? Не знаю. Подозреваю, что при длительном чтении весьма ощутимо. Было б интересно увидеть статистику.

VLC Player

до и после

При чём здесь видео к чтению? А ни при чём 🙂

на самом деле, тем, кто смотрят видео уроки и длительные туториалы, где в основном присутствует символьная и/или графическая информация на белом фоне, удобно сделать инверсию цвета. Я так делаю почти для всех курсов

Coursera

Tools > Effects and Filter (Ctrl+E) > Video Effects > Colors > Negate colors

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

макросов

Total Commander

до и после

Цвет меняется в

Configuration > Options > Color

. Для полностью тёмной версии нужно менять цвета в ОС. Вот мои цветовые параметры, заменять в

wincmd.ini

wincmd.ini

[Colors]
InverseCursor=0
InverseSelection=0
BackColor=0
BackColor2=-1
ForeColor=47360
MarkColor=253
CursorColor=12632256
CursorText=-1
ColorFilter1=*.mp3;*.wav;*.mp2;*.wma; *.aac;
ColorFilter1Color=11452183
ColorFilter2=*.jpg;*.jpeg;*.gif;*.tiff;*.png;*.bmp;
ColorFilter2Color=6667080
ColorFilter3=*.pdf;*.odt;*.txt;
ColorFilter3Color=8421504
ColorFilter4=*.doc;*.docx;*.rtf;*.xls;*.xlsx;*.ppt;*.pps;
ColorFilter4Color=12615680
ColorFilter5=*.avi;*.mpeg;*.mpg;*.mp4;*.vob;*.mov;*.flv;*.wmv;
ColorFilter5Color=16745613
ColorFilter6=*.exe; *.lnk;
ColorFilter6Color=4227200
ColorFilter7=*.zip; *.rar; *.7zip;*.iso;
ColorFilter7Color=39835

Gmail

В наличие есть несколько

тёмных тем

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

Gmail Dark Message Pane

Не уверен насколько MediaMonkey популярна, но кому-то должно пригодится — VitreousDark.

Контрастность

Как уже упоминалось выше, не используйте слишком сильный контраст (макс. белый на макс. чёрном). Контрастность ≠ читабельность. Светло серый на тёмно сером более комфортно воспринимается. Какая именно градация серого — подбирайте индивидуально.

Контраст играет роль не только в изображении на дисплее, но и с окружающим миром. То есть, берите во внимание освещение в помещении и старайтесь избегать слишком сильного контраста между освещением и яркостью дисплея/цветов. Особенно это касается полуночников. Если уж работаете в темноте, переключитесь на тёмные цветовые схемы — глаза будут уставать гораздо меньше. Конраст между темной и свтелой темой в темном помещении может отличаться в 20 раз и больше!

Расстояние

Не забывайте о

законе обратных квадратов

. Если вы привыкли наклонятся к монитору, то при чтении увеличьте шрифт (

Ctrl+

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

эксперимент

— при не слишком ярком окружающем освещении, отклонившись назад с расстояния 55см к 75см, освещение от монитора уменьшается в 1.5 раза (а в темноте и то больше). Рекомендуемое расстояние от монитора — 50-70см.

Перерывы

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

Мне исключительно понравилось приложение Workrave. Настраивается на разные промежутки времени и разные по длине паузы (напр., 3 коротких через каждых 15мин., 1 длинная каждый час). Умеет блокировать систему на определенное время без возможности отмены, что очень мотивирует встать с рабочего места 🙂 Имеет много маленьких удобностей в настройках. Например, за несколько секунд перед блокировкой выскакивает предупреждение и если уж сильно заняты и сейчас не до паузы, то просто продолжаете работать — приложение заметить активность (клавиатуры, мыши) и отменит блокировку. Также самостоятельно определяет когда вы сами делаете перерыв и сбрасывает свой таймер.

Упражнения

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

компьютерного зрительного синдрома

такие как

спазм аккомодации

(псевдомиопия, ложная близорукость) или

сухой глаз

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

2 типа

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

Второй тип это фейс-пальминг.

фейс-пальминг

Да-да, именно оно. Так что каждый раз, когда реагируете на эпикфейл, имеете возможность размять глаза. Этот метод также известен как

пальминг

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

не

как метод улучшить зрение, а как метод расслабить глаза. Темнота дает возможность “отдохнуть”

фоторецепторам

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

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

освещённость

с помощью

Minolta CL-200A

. Фотодатчик держал на уровне глаз развернутым в сторону дисплея. В качестве светлой схемы взял за пример Google Docs (

скрин

), в качестве тёмной — Sublime (

скрин

Осветление

. Старался смоделировать повседневные ситуации — яркое освещение с помощью

люминесцентных ламп

(офис), более мягкое освещение с помощью

металлогалогенной лампы

(дом) и

без освещение

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

Расстояние

. За дальнее расстояние взял длину своей руки 75 см. Ближнее — уклон на ~20 см вперед ближе к монитору.

Яркость дисплея

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

Результаты измерений

. Все данные свёл в одну

таблицу

. Для сравнения использовал соотношение между освещённостями в разных условиях. Как видно с таблицы при „среднем“ освещении отклонившись назад, освещённость уменьшается в 1.5 раза. А в темноте, если использовать темную схему, то освещённость уменьшается в 25 раз.

Disclaimer!

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

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

_{¹В прошлом большинство бумаги делалось с древесины или растений, в которых содержится целлюлоза и/или лигнин. Именно эти вещества придают бумаге желтоватый цвет, который со временем научились отбеливать. Лигнин также источник ванильного аромата старых книг. А чернила (само слово уже намекает на цвет) уже делались чёрными для лучшей контрастности. В древности сажа была основным сырьем для чернил, потом долгое время были популярны чернила из дубовых орехов.}

Белым по чёрному. Разгружаем глаза / Хабр

не

~~написано~~

напечатано”.

зрительная адаптация

хроматическая адаптация

Браузер

до и после

Chrome (Chromium)

Clearly

Hotkeys

Для себя настроил следующим образом — горячие клавиши

Alt+H

, расширение включено (

Enabled

) постоянно, режим

Normal

установил по умолчанию, а для нужных сайтов включаю

Inverted Color

Существенный минус расширения в том, что цвет изображений также изменяется.

К сожалению, сочетание клавиш (Shift+F11) нельзя поменять в настройках. Но если очень хочется, то можно копнуть исходники. У меня расширение находиться в:
%LocalAppData%\Chromium\UserData\Default\Extensions\djcfdncoelnlbldjfhinnjlhdjlikmph\0.4_0\
или просто в поиске найти highcontrast.js, довольно уникальное имя для файла. Далее делаем следующие изменения в файлах:
highcontrast.js, строка 12, evt.keyCode == 122 меняем на нужный, и заодно если не нравится Shift, то evt.shiftKey меняем на evt.altKey или evt.ctrlKey.
А также для внешности — в popup.js, строка 100 и в manifest.json, строка 8.

Firefox

Clearly

См. описание

выше

Blank Your Monitor
Похоже на High Contrast.

Hotkeys

Присутствует то же неудобство сочетания из трёх клавиш. Можно исправить с помощью

Customizable Shortcuts

Options > Shortcuts > Action: Other — bymer-key

Stylish
См. описание выше.

Шкуры для лиса. У меня FT DeepDark.

Opera

С Оперой не так густо. Всё, что удалось найти, это расширение

Contrast Changer

. Или более простой вариант в виде

bookmarklet

Как альтернатива Clearly можно использовать онлайн сервис

Instapaper

и их bookmarklet.

Также с недавних пор появился

Stylish

разширение.

Подбираем тёмную

тему

. Например,

Opera Simple Dark

альтернатива Stylish

На

userstyles.org

каждый стиль можно сохранить в виде

userscript

. Складываем все скрипты в одну директорию, переименовываем так, чтобы имена файлов заканчивались на “

.user.js

” и указываем путь в настройках:

Tools > Preferences > Advanced > Content > JavaScript Options > User JavaScript folder

. К сожалению, не все стили отображаются также как в Stylish.

Internet Explorer

Internet Options > Appearance: Colors

, но перед тем надо отметить

Accessibillity > Formatting: Ignore colors specified on webpages

. Насколько хорошо работает не знаю, лично не пробовал.

Обозреватель документов

Adobe Reader

Позволяет инвертировать цвет документа, но только если не скан/изображение:

Edit > Preferences (Сtrl+K) > Accessibility > Documents Color Options: Replace Document Colors, Use High Contrast Colors

. Удобнее читать во весь экран (

Ctrl+L

), чтобы не мешали яркие элементы интерфейса (или менять цвет этих элементов в ОС).

Hotkeys

Adobe Reader запоминает последнюю позицию меню в настройках. Если позиция осталась на

Accessibility

и её не менять, то можно инвертировать цвет сочетанием клавиш

Ctrl+K | Tab | Space | Enter

. Можно автоматизировать при помощи

макросов

Hotkeys

Ctrl+, | Space | Enter

. Можно автоматизировать при помощи

макросов

Текстовый редактор

Microsoft Word 2010
до и после

Чтобы изменить цвет интерфейса:

File > Options > General > User Interface options > Color Scheme: Black

. Чтобы изменить цвет бумаги (фон), нужно менять цвета в ОС.

Для старых версий офиса ничем не могу помочь.

Google Docs

до и после

С инвертированием цветов в Google Docs отлично справляется

chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph

>High Contrast и

BlankYourMonitor

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

Write Room

, который также убирает панель инструментов (при наведении курсора появляется назад).

Sublime Text

после

Среда разработки

Visual Studio

Расцветка меняется в настройках (

Tools > Options > Environment > Fonts and Colors

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

Есть более удобные решения для последних версий (2005/2008/2010/2012). Онлайн приложение

Visual Studio Theme Generator

генерирует конфигурационный файл (

.vssettings

) с выбраными цветами. А также сформировалось целое сообщество стилеводов на

Studio Styles

, где есть выбор среди множества готовых стилей.

В любом случае, перед изменением цветов лучше сделайте бекап текущих настроек (

Tools > Import and Export Settings

), можно экспортировать исключительно цветовые параметры.

Visual Studio 2010

до и после

Visual Studio Theme Editor

(добавляет дополнительное меню Theme). В этом

посте

об использовании, хотя там все довольно интуитивно. Я использую тему

Expressionотсюда

Разное

Windows 7
до и после

Control Panel > Appearance and Personalization > Personalization > Window Color

). Остальные цвета находятся там же в

Advanced appearance settings

В поиске по ключевым словам

“dark theme” или “black theme”

найдете множество сайтов с темами. Много качественных (не только для Windows) находятся на

deviantART

Первое, что мне подошло это

Dark Soft

(использовал только стили, бинарные файлы (explorer.exe) не применял).

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

VLC Player

до и после

При чём здесь видео к чтению? А ни при чём 🙂

Coursera

Tools > Effects and Filter (Ctrl+E) > Video Effects > Colors > Negate colors

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

макросов

Total Commander

до и после

Цвет меняется в

Configuration > Options > Color

. Для полностью тёмной версии нужно менять цвета в ОС. Вот мои цветовые параметры, заменять в

wincmd.ini

wincmd.ini

[Colors]
InverseCursor=0
InverseSelection=0
BackColor=0
BackColor2=-1
ForeColor=47360
MarkColor=253
CursorColor=12632256
CursorText=-1
ColorFilter1=*.mp3;*.wav;*.mp2;*.wma; *.aac;
ColorFilter1Color=11452183
ColorFilter2=*.jpg;*.jpeg;*.gif;*.tiff;*.png;*.bmp;
ColorFilter2Color=6667080
ColorFilter3=*.pdf;*.odt;*.txt;
ColorFilter3Color=8421504
ColorFilter4=*.doc;*.docx;*.rtf;*.xls;*.xlsx;*.ppt;*.pps;
ColorFilter4Color=12615680
ColorFilter5=*.avi;*.mpeg;*.mpg;*.mp4;*.vob;*.mov;*.flv;*.wmv;
ColorFilter5Color=16745613
ColorFilter6=*.exe; *.lnk;
ColorFilter6Color=4227200
ColorFilter7=*.zip; *.rar; *.7zip;*.iso;
ColorFilter7Color=39835

Gmail

В наличие есть несколько

тёмных тем

Gmail Dark Message Pane

Не уверен насколько MediaMonkey популярна, но кому-то должно пригодится — VitreousDark.

Контрастность

Расстояние

Не забывайте о

законе обратных квадратов

. Если вы привыкли наклонятся к монитору, то при чтении увеличьте шрифт (

Ctrl+

эксперимент

Перерывы

Упражнения

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

компьютерного зрительного синдрома

такие как

спазм аккомодации

(псевдомиопия, ложная близорукость) или

сухой глаз

2 типа

Второй тип это фейс-пальминг.

фейс-пальминг

пальминг

не

как метод улучшить зрение, а как метод расслабить глаза. Темнота дает возможность “отдохнуть”

фоторецепторам

освещённость

с помощью

Minolta CL-200A

скрин

), в качестве тёмной — Sublime (

скрин

Осветление

. Старался смоделировать повседневные ситуации — яркое освещение с помощью

люминесцентных ламп

(офис), более мягкое освещение с помощью

металлогалогенной лампы

(дом) и

без освещение

Расстояние

. За дальнее расстояние взял длину своей руки 75 см. Ближнее — уклон на ~20 см вперед ближе к монитору.

Яркость дисплея

Результаты измерений

. Все данные свёл в одну

таблицу

Disclaimer!

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

Белым по чёрному. Разгружаем глаза / Хабр

не

~~написано~~

напечатано”.

зрительная адаптация

хроматическая адаптация

Браузер

до и после

Chrome (Chromium)

Clearly

Hotkeys

Для себя настроил следующим образом — горячие клавиши

Alt+H

, расширение включено (

Enabled

) постоянно, режим

Normal

установил по умолчанию, а для нужных сайтов включаю

Inverted Color

Существенный минус расширения в том, что цвет изображений также изменяется.

Firefox

Clearly

См. описание

выше

Blank Your Monitor
Похоже на High Contrast.

Hotkeys

Присутствует то же неудобство сочетания из трёх клавиш. Можно исправить с помощью

Customizable Shortcuts

Options > Shortcuts > Action: Other — bymer-key

Stylish
См. описание выше.

Шкуры для лиса. У меня FT DeepDark.

Opera

С Оперой не так густо. Всё, что удалось найти, это расширение

Contrast Changer

. Или более простой вариант в виде

bookmarklet

Как альтернатива Clearly можно использовать онлайн сервис

Instapaper

и их bookmarklet.

Также с недавних пор появился

Stylish

разширение.

Подбираем тёмную

тему

. Например,

Opera Simple Dark

альтернатива Stylish

На

userstyles.org

каждый стиль можно сохранить в виде

userscript

. Складываем все скрипты в одну директорию, переименовываем так, чтобы имена файлов заканчивались на “

.user.js

” и указываем путь в настройках:

Tools > Preferences > Advanced > Content > JavaScript Options > User JavaScript folder

. К сожалению, не все стили отображаются также как в Stylish.

Internet Explorer

Internet Options > Appearance: Colors

, но перед тем надо отметить

Accessibillity > Formatting: Ignore colors specified on webpages

. Насколько хорошо работает не знаю, лично не пробовал.

Обозреватель документов

Adobe Reader

Позволяет инвертировать цвет документа, но только если не скан/изображение:

Edit > Preferences (Сtrl+K) > Accessibility > Documents Color Options: Replace Document Colors, Use High Contrast Colors

. Удобнее читать во весь экран (

Ctrl+L

), чтобы не мешали яркие элементы интерфейса (или менять цвет этих элементов в ОС).

Hotkeys

Adobe Reader запоминает последнюю позицию меню в настройках. Если позиция осталась на

Accessibility

и её не менять, то можно инвертировать цвет сочетанием клавиш

Ctrl+K | Tab | Space | Enter

. Можно автоматизировать при помощи

макросов

Hotkeys

Ctrl+, | Space | Enter

. Можно автоматизировать при помощи

макросов

Текстовый редактор

Microsoft Word 2010
до и после

Чтобы изменить цвет интерфейса:

File > Options > General > User Interface options > Color Scheme: Black

. Чтобы изменить цвет бумаги (фон), нужно менять цвета в ОС.

Для старых версий офиса ничем не могу помочь.

Google Docs

до и после

С инвертированием цветов в Google Docs отлично справляется

chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph

>High Contrast и

BlankYourMonitor

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

Write Room

, который также убирает панель инструментов (при наведении курсора появляется назад).

Sublime Text

после

Среда разработки

Visual Studio

Расцветка меняется в настройках (

Tools > Options > Environment > Fonts and Colors

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

Есть более удобные решения для последних версий (2005/2008/2010/2012). Онлайн приложение

Visual Studio Theme Generator

генерирует конфигурационный файл (

.vssettings

) с выбраными цветами. А также сформировалось целое сообщество стилеводов на

Studio Styles

, где есть выбор среди множества готовых стилей.

В любом случае, перед изменением цветов лучше сделайте бекап текущих настроек (

Tools > Import and Export Settings

), можно экспортировать исключительно цветовые параметры.

Visual Studio 2010

до и после

Visual Studio Theme Editor

(добавляет дополнительное меню Theme). В этом

посте

об использовании, хотя там все довольно интуитивно. Я использую тему

Expressionотсюда

Разное

Windows 7
до и после

Control Panel > Appearance and Personalization > Personalization > Window Color

). Остальные цвета находятся там же в

Advanced appearance settings

В поиске по ключевым словам

“dark theme” или “black theme”

найдете множество сайтов с темами. Много качественных (не только для Windows) находятся на

deviantART

Первое, что мне подошло это

Dark Soft

(использовал только стили, бинарные файлы (explorer.exe) не применял).

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

VLC Player

до и после

При чём здесь видео к чтению? А ни при чём 🙂

Coursera

Tools > Effects and Filter (Ctrl+E) > Video Effects > Colors > Negate colors

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

макросов

Total Commander

до и после

Цвет меняется в

Configuration > Options > Color

. Для полностью тёмной версии нужно менять цвета в ОС. Вот мои цветовые параметры, заменять в

wincmd.ini

wincmd.ini

[Colors]
InverseCursor=0
InverseSelection=0
BackColor=0
BackColor2=-1
ForeColor=47360
MarkColor=253
CursorColor=12632256
CursorText=-1
ColorFilter1=*.mp3;*.wav;*.mp2;*.wma; *.aac;
ColorFilter1Color=11452183
ColorFilter2=*.jpg;*.jpeg;*.gif;*.tiff;*.png;*.bmp;
ColorFilter2Color=6667080
ColorFilter3=*.pdf;*.odt;*.txt;
ColorFilter3Color=8421504
ColorFilter4=*.doc;*.docx;*.rtf;*.xls;*.xlsx;*.ppt;*.pps;
ColorFilter4Color=12615680
ColorFilter5=*.avi;*.mpeg;*.mpg;*.mp4;*.vob;*.mov;*.flv;*.wmv;
ColorFilter5Color=16745613
ColorFilter6=*.exe; *.lnk;
ColorFilter6Color=4227200
ColorFilter7=*.zip; *.rar; *.7zip;*.iso;
ColorFilter7Color=39835

Gmail

В наличие есть несколько

тёмных тем

Gmail Dark Message Pane

Не уверен насколько MediaMonkey популярна, но кому-то должно пригодится — VitreousDark.

Контрастность

Расстояние

Не забывайте о

законе обратных квадратов

. Если вы привыкли наклонятся к монитору, то при чтении увеличьте шрифт (

Ctrl+

эксперимент

Перерывы

Упражнения

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

компьютерного зрительного синдрома

такие как

спазм аккомодации

(псевдомиопия, ложная близорукость) или

сухой глаз

2 типа

Второй тип это фейс-пальминг.

фейс-пальминг

пальминг

не

как метод улучшить зрение, а как метод расслабить глаза. Темнота дает возможность “отдохнуть”

фоторецепторам

освещённость

с помощью

Minolta CL-200A

скрин

), в качестве тёмной — Sublime (

скрин

Осветление

. Старался смоделировать повседневные ситуации — яркое освещение с помощью

люминесцентных ламп

(офис), более мягкое освещение с помощью

металлогалогенной лампы

(дом) и

без освещение

Расстояние

. За дальнее расстояние взял длину своей руки 75 см. Ближнее — уклон на ~20 см вперед ближе к монитору.

Яркость дисплея

Результаты измерений

. Все данные свёл в одну

таблицу

Disclaimer!

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

Как сделать фон текста белым в word?

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

Как убрать фон текста страниц в Ворде Если фоновое оформление текста использовано для всех страниц, то вернуть им белый фон можно следующим образом:

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

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

Нажмите в главном разделе программы пункт меню Выделить и далее Выделить все. Более быстро это можно сделать нажав сочетание «горячих» клавиш для выполнения данного действия Ctrl + A.
В том же главном разделе текстового редактора нажмите на инструмент Цвет выделения текста и выберите пункт Нет цвета.
удаление фона слов

Как убрать фон таблицы или ее отдельных ячеекЕсли оформление цветным фоном использовано в табличных данных в тексте, то предыдущие два способа не помогут вам от него избавиться, так как таблицы являются отдельным структурным элементом в документе и к ним применяются отдельные правила и стили. Чтобы убрать фон текста в таблицах выполните следующее:

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

В статье были рассмотрены способы способы как убрать фон текста в Ворде на примере текстового редактора MS Word 2007. В более новых версиях редактора отключение фона осуществляется аналогичным образом только незначительно может отличаться интерфейс и расположение тех или иных инструментов в меню.

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

Статьи по теме:
Как записать файл ISO
Как в экселе сделать выпадающий список

Как в ворде убрать фон за текстом

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

Удаление фона страницы

Для удаления фона страницы сделайте следующее:

Для Word 2007-2010 в открытом документе в верхней части Ворд выбираете раздел «Разметка страницы», для Word 2013 вам надо выбрать раздел «Дизайн». Я использую Word 2013 и изображения привожу для этой версии.
В разделе находите панель «Фон страницы» в которой необходимо нажать на кнопку «Цвет страницы»
В выпадающем меню нажмите на ссылку «Нет цвета»

Убираем фон текста

Кроме задания фона всей страницы, возможен вариант с выделением отдельного текста фоном. Чтобы убрать это выделение:

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

Удаление фона всей таблицы

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

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

Удаление фона отдельных ячеек в таблице

Фон отдельных ячеек изменить или убрать не сложнее чем фон всей таблицы. Для этого:

Выделяете несколько ячеек правой кнопкой мыши (не отпуская ее), после выделения должно появиться всплывающее меню. Если не появилось, нажмите правой кнопкой мыши на выделенных ячейках. Для одной ячейки сразу нажимайте на ней правой кнопкой мыши.
Нажмите на иконке с ведром.
В выпадающем списке выберите «Нет цвета»

Как убрать фон в ворде при копировании

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

Выделите текст, который вы вставили.
Перейдите на вкладку «Главная», найдите иконку «Удалить все форматирование» с изображением ластика и буквой на его фоне. Нажмите на нее и Ворд уберет все форматирование и фон текста в том числе. Еще одним вариантом не «Заносить» ненужное форматирование в документ — это перед вставкой в Ворд использовать блокнот (входит в стандартный пакет Windows). Блокнот не воспринимает форматирование. Вы вставляете текст в блокнот, потом копируете этот текст из блокнота в Word.

Как сделать фон в ворде

Описывать как сделать фон для всех элементов нет необходимости, т.к. вы можете проделать все вышеописанные операции для здания фона. Просто вместо выбора пункта «Нет цвета» выберите необходимый цвет.

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

Если речь идет о фоне, покрывающем всю поверхность страницы, то мы уже изучали, как изменять цвет фона – «Оформление документа: изменяем цвет фона листа». Но встречается и другой случай, когда фон идет только под строчками текста. По-видимому, мы имеем дело с цветом выделения текста и нам надо его убрать. Выделим этот текст, правый щелчок, и в появившемся меню выбираем «Нет цвета». С текстом, скопированным из интернета, иногда и этот метод не помогает, и приходится принимать более радикальные меры – очищать формат при помощи кнопки «Изменить стили».

Как сделать фон в ворде

Чтобы добраться до функции очистки формата, нужно в меню «Формат» выбрать «Стили и форматирование». При копировании текста из интернета довольно часто текст вставляется с заливкой. В этой инструкции я покажу Вам, как можно ее убрать в Microsoft Word 2013. Для копирования текста выделяем его и кликаем по выделенному фрагменту правой кнопкой мыши. Затем жмем строку «Копировать».

Но чрезмерное выделение может не только не выполнять свое предназначение, а и раздражать при просмотре и чтении документа. Среди них буква, слово, абзац, весь текст или элемент в таблице (ячейка, столбец или строка). Для Word 2007-2010 в открытом документе в верхней части Ворд выбираете раздел «Разметка страницы», для Word 2013 вам надо выбрать раздел «Дизайн».

Это может быть шрифт, размер, цвет и многое другое. Выделите текст, который вы вставили. Если оно не поможет то вероятно объект с фоном может являться таблицей. Интересно конечно, почему у вас не видно фона, видимо это какие-то настройки. На портале о Microsoft Office Word вы узнаете про: как в worde чтобы автоматически проставлялись значения. Также на Ворд Эксперт есть подраздел, где вы можете найти готовые решения и подраздел, в котором можно оставить заявку, описав свою проблему.

В зависимости от версии программы сделать это можно следующими способами. Можно также использовать вариант с переходом во вкладку «Стили», которая находится в главном разделе. В правом нижнем углу располагается позиция «Очистить все», которая позволит удалить ненужный формат текста. Текст в редакторах Word может выделяться цветом двумя способами: при помощи выделения или заливки.

Убираем фон в Word документе

При желании можно выделить текст полностью. Перейти в раздел «Главная». Данная кнопка располагается около «Заливки» в панели «Абзац». Данный маркер расположен в подразделе «Шрифт».• Выбрать позицию «Без цвета». Итак, у вас есть вордовский файл. По каким-то причинам вам нужно убрать фон, который уже есть в этом документе.

Чтобы ответить на вопрос как в ворде убрать фон, постарайтесь для начала определить, что он собой представляет, в вашем конкретном случае:1. Странички документа имеют не привычный белый фон, а другую заливку (голубой, зеленый, серый, розовый и пр. или комбинацию из нескольких вариантов оттенков). 2. Титульная (и только) страница документа имеет определенное форматирование (стиль). После того, как вы определили формат стиля, для каждого из этих случаев существует свой вариант решения, как убрать фон в word документе.

Убираем фон текста

Выбираем команду «Цвет страницы», открывается закладка с командами, где вам нужно нажать на командную строчку «Нет цвета». Стоит учитывать, что после того, как вы воспользуетесь этой командой, исчезнет и сам текст (если он был), который использовался для оформления титульной страницы.

Выделите строку «Неформатированный текст» и нажмите ОК. Так в вашем документе останется текст с титульной странички, но он потеряет прежнее форматирование. Выбираем команду «Верхний колонтитул» или «Нижний колонтитул» (зависит от того, где вам нужно убрать фон – вверху или внизу страницы).

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

Как это сделать в Word 2003

Заключается в том, что после копирования следует не просто «вставить» текст, а использовать «специальную вставку». Выпадает окошко, где выбираем «вставить как неформатированный текст». У нас есть текст с фоном. Выделяем его. Ищем на ленте/панели инструментов кнопку «Очистить формат» (кнопка с буквами Aa и ластиком).

В принципе, данный способ идентичен по результату способу с «Блокнотом», но занимает меньше времени. Далее просто выделяем абзац с фоном, и фон пропадает (возможно появление курсива). Чтобы провернуть операцию с несколькими кусками текста — нужно щелкать по кнопке «формат по образцу» двойным ЛКМ: тогда она «зафиксируется», пока мы ее сами не отключим.

Убирает фон, «насылает» других «проклятий», зато незначительных. Выделяем текст с фоном. Обращаем взор на панель инструментов, а точнее на блок «Стили». После применения стиля останется лишь сменить цвет текста (в зависимости от выбранного стиля), убрать курсив и выбрать нужный шрифт. «Лишних» операций хватает, но от проблемы избавиться помогает.

Возможно даже выделение фоном всего листа целиком или же всего документа. Я использую Word 2013 и изображения привожу для этой версии. Узнать секреты других пользователей и поделиться своими наработками можно на форуме сайта Ворд Эксперт.

Текст без заливки вставлен в документ. Как я говорил выше, фон за текстом может присутствовать в разных элементах. В итоге текст вставится без фона, но возможны мелкие недочеты вроде курсива. Вставляем текст при помощи кнопки «Вставить», расположенной в разделе «Главная». Выделить весь текст (фрагмент) с цветным фоном. Далее по навигации: Главная-Абзац-кнопка «заливка», и в окне отметить «нет цвета».

В продолжение:

Цвет фона и текста в презентации

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

Это черный текст
на белом фоне

Это белый текст
на черном фоне

Выбор зависит от того, на чем вы показываете презентацию.

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

Если презентация идет на проекторе, LED-экране или вы выступаете в 1980-х годах у монитора с электронно-лучевой трубкой, то всегда выбирайте белый текст на черном фоне.

Для проектора всегда выбирайте
белый текст на черном фоне.

Что это дает:

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

Меньше шансов, что спикера засветит белым фоном его презентации.

Это аккуратно выглядит: вы как бы рисуете презентацию светом, а не засвечиваете фон.

Что будет, если делать на проекторе черный текст и белый фон:

Камерам тяжело найти нужный баланс освещенности, потому что перед ними ОГРОМНОЕ СВЕТЯЩЕЕСЯ ПЯТНО

Экран выглядит ярче и интереснее, чем спикер

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

Вот пример, когда камера ничего не понимает:

Веду курс в бюро когда-то давно

Вот как бы это выглядело, если бы я светил белым текстом. Даже с учетом размытия и многократных отражений света, текст все еще был бы читаемым:

На следующей фотографии текст видно еле-еле, потому что белый свет экрана заливает всё:

Веду занятие в «КСК-груп»

А вот как бы это выглядело, выбери я белый текст на черном фоне:

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

Веду курс о редактуре в бюро

А теперь нормальная ситуация: проектор светом рисует на экране нужную мне схему, все остальное пространство стены — просто стена, а не огромный светящийся экран. Видно, что проектор светит немного мимо экрана, но это почти не парит:

Читаю лекцию в НИУ ВШЭ

Судя по слайду, Илья Бирман рассказывает о понимании задачи. Бирмана ничто не побеждает

Исключение

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

Выступаю на «Дизайн-просмотре»: проектор еле тянет даже большие белые области

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

Общие рекомендации

Что еще запомнить о подготовке презентации под проектор:

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

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

Пишите просто и коротко. Читать с экрана — боль.

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

Избегайте сжатых и тонких шрифтов. Сжатые сожмутся, а тонкие затеряются.

По возможности придумайте, как бы картинкам в презентации взаимодействовать со спикером. Чтобы не просто «Я тут, экран там», а чтобы между ними была какая-то игра.

Презентация для печати

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

Если, например, вы выступаете на конференции, а потом ваши презентации включают в какую-то печатную брошюру, то делайте две версии презентации:

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

Вторая для печати: черное на белом, подробное изложение ваших мыслей.

На черном фоне белыми буквами. Когда следует использовать белый текст на темном фоне

Мммммм… здесь я процитировала пост о том, как удалить ползучее радио со своего блога. Почитала внимательно — какая долгая процедура, между нами говоря!
Но сейчас не об этом. О рамочках, фоне и цвете шрифта и о ваших глазах и психике. Потому что написанное красным на черном — это, на мой взгляд, катастрофа для вашего зрения и настроения.)))))))))))))))))))))))))))))))))))))))))))
Итак.

Таблица для наглядности:

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

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

Желтый — общительность, коммуникабельность и открытость
Это цвет уравновешенности и внутренней гармонии, он хорошо запоминается и воспринимается жизнерадостными активными людьми. Цвет активизирует развитие, и деятельность мысли, не зря одно из направлений подачи информации назвали «желтой прессой», так как она дает длительное обсуждение её информации. Желтый цвет шрифта по контрастности хорошо сочетается с черным, синим, зеленым и красным фоном, а фон с черным, синим, зеленым и красным цветами шрифта. Влияние желтого шрифта на пользователя при различных цветах фона:
черный фон — третьестепенная информация и заключение;
зеленый фон — мягкая информация о небольших возможных проблемах;
синий фон — убедительное формирование подробной сути деловой информации.

Зеленый — снятие нервного напряжения и остроты переживания
Это цвет успокоения, уменьшения болевых ощущений и усталости, формирования уравновешенности. Ассоциации вызываемые цветом это свежесть и естественность. Зеленый шрифт по контрастности хорошо сочетается с желтым и белым фоном, а фон с желтым и белым шрифтом. Влияние зеленого шрифта на пользователя при различных цветах фонах:
белый фон — привлечение внимания к приятной информации;
желтый фон — отображение неприятной информации;
синий фон — запоминание сути деловой информации.

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

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

Почему-то ничего не написано о черном цвете. Вот нашла кое-что:

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

Эмоции и ассоциации: власть, изысканность, нервозность.

Самый сильный из нейтральных цветов — чёрный — появляется практически на любом сайте. Он может вызывать разные ассоциации в зависимости от сопровождающих его цветов или доминировать над ними, если использовать его сверх меры.

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

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

Да, вот так вот.

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

Удачи в подборе цветов для фона и шрифта!

Что мне не нравиться в Хроме, так это мелькание белого фона при прорисовке страницы. Насколько я понимаю, это происходить на уровне движка , и на пользовательском уровне изменить нельзя, даже если поменять цвета в ОС. Считаю, что на этом месте нужно кинуть камень в огород Хром разработчиков. Почему они цвет канваса определяют самостоятельно, а не берут из системных настроек ОС? То же самое касается Skype и ряда других “серьезных” приложений.

Opera

С Оперой не так густо. Всё, что удалось найти, это расширение Contrast Changer . Или более простой вариант в виде bookmarklet .
Как альтернатива Clearly можно использовать онлайн сервис Instapaper и их bookmarklet.
Также с недавних пор появился Stylish разширение.
Подбираем тёмную тему . Например, Opera Simple Dark .

альтернатива Stylish

Текстовый редактор

Microsoft Word 2010

до и после

Чтобы изменить цвет интерфейса:
File > Options > General > User Interface options > Color Scheme: Black . Чтобы изменить цвет бумаги (фон), нужно менять цвета в ОС.
Для старых версий офиса ничем не могу помочь.

Контрастность

Расстояние

Не забывайте о законе обратных квадратов . Если вы привыкли наклонятся к монитору, то при чтении увеличьте шрифт (Ctrl+ ) и отклонитесь хотя бы на 15см более назад. Это существенно уменьшит количество света излучаемого на глаза. Конечно у монитора слишком большая площадь, чтобы считать его точечным источником света и применять к нему этот закон. Но как показывает простой — при не слишком ярком окружающем освещении, отклонившись назад с расстояния 55см к 75см, освещение от монитора уменьшается в 1.5 раза (а в темноте и то больше). Рекомендуемое расстояние от монитора — 50-70см.

Перерывы

Мне исключительно понравилось приложение Workrave . Настраивается на разные промежутки времени и разные по длине паузы (напр., 3 коротких через каждых 15мин., 1 длинная каждый час). Умеет блокировать систему на определенное время без возможности отмены, что очень мотивирует встать с рабочего места:) Имеет много маленьких удобностей в настройках. Например, за несколько секунд перед блокировкой выскакивает предупреждение и если уж сильно заняты и сейчас не до паузы, то просто продолжаете работать — приложение заметить активность (клавиатуры, мыши) и отменит блокировку. Также самостоятельно определяет когда вы сами делаете перерыв и сбрасывает свой таймер.

Упражнения

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

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

Второй тип это фейс-пальминг .

фейс-пальминг

Да-да, именно оно. Так что каждый раз, когда реагируете на эпикфейл, имеете возможность размять глаза. Этот метод также известен как пальминг . Вокруг этого слова по сей день много спекуляций и неоднозначных личностей. Поэтому сразу оговорюсь, что рекомендую это упражнение не как метод улучшить зрение, а как метод расслабить глаза. Темнота дает возможность “отдохнуть” фоторецепторам , а тепло разогретых рук расширяет сосуды глаз и стимулирует кровообращение. Также это увлажнит глаза, поскольку при работе за монитором человек почему-то моргает в разы меньше. Ну и учитывая, что мозг большинство энергии тратит на обработку визуальной информации, то это также способ немножко расслабить извилины.
(дом) и без освещение (ночью). Дневной свет исключил поскольку результат сильно зависит от множества факторов (напр., погода) и имеет большой разброс в измерениях.
Расстояние . За дальнее расстояние взял длину своей руки 75 см. Ближнее — уклон на ~20 см вперед ближе к монитору.
Яркость дисплея . В условиях без осветления проводил измерения дважды — с максимальной яркостью дисплея и, соответственно, — минимальной.
Результаты измерений . Все данные свёл в одну таблицу . Для сравнения использовал соотношение между освещённостями в разных условиях. Как видно с таблицы при „среднем“ освещении отклонившись назад, освещённость уменьшается в 1.5 раза. А в темноте, если использовать темную схему, то освещённость уменьшается в 25 раз.
Disclaimer! Результаты эксперимент не претендуют на универсальность выводов, так как эксперимент делался “на коленке”. Но смею предположить, что похожие результаты будут наблюдаться у множества повседневных ситуациях.
зрение

черно-белый

цвет

Добавить метки

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

Чтение или сканирование?

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

Текст параграфа

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

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

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

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

Рубрики, названия и заголовки

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

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

Яркие цвета привлекают покупателей

Как привлечь покупателей с помощью цвета?

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

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

черные буквы на желтом фоне
черные буквы на белом фоне
желтые буквы на черном фоне
белые буквы на черном фоне
синие буквы на белом фоне
белые буквы на синем фоне
синие буквы на желтом фоне
желтые буквы на синем фоне
зеленые буквы на белом фоне
белые буквы на зеленом фоне
коричневые буквы на белом фоне
белые буквы на коричневом фоне
коричневые буквы на желтом фоне
желтые буквы на коричневом фоне
красные буквы на белом фоне
белые буквы на красном фоне
красные буквы на желтом фоне
желтые буквы на красном фоне

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

А для оформления магазина применяют не столь вызывающие сочетания.

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

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

Теплая гамма: покупайте, не задумываясь!

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

Скидочные акции

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

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

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

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

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

Холодная гамма: получайте удовольствие от спокойного выбора

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

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

полезнее ли она для глаз на самом деле

В этой статье мы расскажем вам:

— Люся, привет! У тебя новый телефон? — Таня заглянула Люсе через плечо. — У него черный экран?

— Это темная тема. Сейчас ее ставят по умолчанию на всех новых устройствах. Она полезнее для зрения.

— Правда? А ты не думаешь, что это просто рекламный ход?

— Нет!.. — хотела было возразить Люся, но осеклась. — Не думала… До сих пор. Теперь подумаю.

Тёмная тема (Dark Mode) всё шире используется в мобильных и десктопных приложениях. Некоторые производители электронных устройств утверждают, что темный интерфейс в сравнении с белым фоном меньше напрягает глаза и положительно сказывается на зрении.

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

Рассказываем, какое влияние оказывает темная тема на глаза на самом деле.

Пользователи не заметили изменения качества зрения

Чтобы узнать, как повлияла темная тема на зрение людей, мы провели опрос в соцсетях. По мнению большинства респондентов, качество зрения после установки Dark Mode у них не изменилось.

Как глаза реагируют на разные цвета

Чтобы узнать, как темная тема влияет на зрение, нужно разобраться, как глаз реагирует на разные цвета.

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

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

Белая тема лучше в светлое время суток

Яркий или белый свет экрана гаджета особенно вреден в условиях высокой контрастности освещения — когда человек смотрит на экран телефона в темной комнате.

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

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

Глаза устают от темной темы в светлое время суток и когда нужно много читать

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

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

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

Контраст должен быть таким, чтобы глаза при чтении не напрягались.

Почитайте нашу статью «Как правильно читать, чтобы не нагружать глаза».

Настоящие плюсы темной темы

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

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

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

Главные выводы о темах оформления экранов

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

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

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

Мы пользуемся телефонами, компьютерами, смотрим телевизор — эти устройства отрегулированы таким образом, что глаз их воспринимает вполне естественно. Чёрный текст на белом фоне воспринимается контрастно и не способствует перегрузке глаз — особенно если подобрана правильная коррекция.

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

Почитайте статью «Как выбрать линзы, если вы весь день работаете за компьютером» и попробуйте первую пару линз бесплатно!

Страница, которую вы искали, не найдена

Предложений:

Щелкните в поле поиска в заголовке этой страницы, введите один или несколько ключевые слова, которые вы хотите найти, и нажмите кнопку «Поиск». Целиком Будет выполнен поиск по сайту Word MVP.
Проверьте ссылки слева.
Проверьте меню в шапке.
Если вы перешли на эту страницу, перейдя по ссылке, которую вы нашли в другом месте, или набрав URL-адрес в адресной строке браузера, продолжайте читать ниже.

URL-адреса на этом сайте чувствительны к регистру

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

Как поясняется на домашней странице Word, все содержимое этого сайта было перемещено из word.mvps.org с по wordmvp.com . Все старые ссылки указывают на word.mvps.org — это , автоматически перенаправляемый с на wordmvp.com . Если возможно, редирект автоматически покажет страницу со статьей старый ссылка указывает на.Если эта страница не может быть найдена, вместо нее отображается эта страница.

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

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

Этот URL будет работать: https://wordmvp.com/ FAQ s / G eneral / Shortcuts.htm
Этот URL-адрес не работает: https://wordmvp.com/ faq s / g eneral / Shortcuts.htm

Имя домена URL-адреса никогда не чувствительно к регистру. Например, это не имеет значения набираете ли вы W или MVP .com или w или mvp .com.

Список URL-адресов с правильным использованием верхнего и нижнего регистра

Приведенный ниже список может помочь вам исправить URL-адрес, который не работает из-за неточного использования верхнего и нижнего регистра.Перечислены только имена папок:

wordmvp.com/

wordmvp.com/FAQs/

wordmvp.com/FAQs/AppErrors/

wordmvp.com/FAQs/Customization/

wordmvp.com/FAQs/DrwGrphcs/

wordmvp.com/FAQs/Formatting/

wordmvp.com/FAQs/General/

wordmvp.com/FAQs/InterDev/

wordmvp.com/FAQs/MacrosVBA/

wordmvp.com/FAQs/MailMerge/

wordmvp.ru / FAQs / Numbering /

wordmvp.com/FAQs/TblsFldsFms/

wordmvp.com/FAQs/UserForms/

wordmvp.com/FindHelp/

wordmvp.com/Mac/

wordmvp.com/Templates/

wordmvp.com/Tutorials/

Когда использовать белый текст на темном фоне

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

Сравнение чтения и сканирования

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

Текст абзаца

Тип текста, который читают пользователи, — это текст абзаца.Вам следует избегать использования белого текста на темном фоне при отображении текста абзаца, чтобы им было легче его читать. Принуждение пользователей зацикливаться на белом тексте в течение длительного времени может утомить пользователя. Это потому, что белый цвет почти в равных количествах стимулирует все три типа цветочувствительных зрительных рецепторов в человеческом глазу [источник]. Из-за этого чтение белого текста абзаца на темном фоне вызывает стресс для глаз.

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

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

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

Заголовки, заголовки и метки

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

Белый отражает все цвета видимого спектра света в глаза [источник].Это делает текст ярким и отчетливым. Вам не нужно беспокоиться о том, чтобы вызвать стресс у пользователя, потому что сканирование не требует долгой визуальной фиксации. Все, что нужно, — это быстро взглянуть на заголовок, заголовок или метку.

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

Филиалы

Почему никогда не следует использовать чистый черный цвет для текста или фона

Знаете ли вы, что чистый черный текст может вызывать напряжение глаз? Опрос показал, что «58 процентов взрослого населения США» испытали напряжение глаз от работы на компьютере. Дизайнеры могут внести свой вклад в снижение вероятности перенапряжения глаз при их дизайне, обращая внимание на черный цвет, который они используют.

Чистый черный текст на белом фоне

Чистый черный текст на белом фоне может вызвать утомление глаз, когда пользователи читают текст в течение длительного периода времени.Белый цвет имеет 100% яркость цвета, а черный — 0% яркости. Такое несоответствие яркости цвета создает интенсивные уровни света, которые чрезмерно стимулируют глаза при чтении текста. Это заставляет глаза усерднее работать, чтобы приспособиться к яркости.

Пример, иллюстрирующий эту концепцию, — это включение яркого света в темной комнате. Такое резкое изменение условий освещения неприятно для наших глаз. Но если мы включим тусклый свет в темной комнате, наши глаза легче адаптируются к изменениям, потому что наша сетчатка не чрезмерно стимулируется таким резким увеличением контраста.

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

Исследование показало, что «черный текст на белом фоне чрезмерно стимулирует ВЫКЛЮЧЕННЫЕ ганглиозные клетки, в то время как белый текст на черном фоне чрезмерно стимулирует ВКЛЮЧЕННЫЕ ганглиозные клетки». Это открытие означает, что «белый текст на черном экране может подавлять миопию, в то время как черный текст на белом фоне может стимулировать миопию.В исследовании не рекомендуется читать черный текст на белом фоне из-за поразительного эффекта контрастной полярности.

Белый текст на чисто черном фоне

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

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

Высокая контрастность для доступности

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

Сбалансированный контраст для лучшей читаемости

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

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

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

Филиалы

Доступность для людей с астигматизмом

Главная> Блог> Доступность для людей с астигматизмом

Знаете ли вы? Астигматизм — это визуальное состояние, при котором имеется ошибка рефракции, которая не позволяет глазу равномерно фокусировать свет на сетчатке. В результате объекты выглядят размытыми. По данным Всемирной организации здравоохранения, аномалии рефракции (близорукость, дальнозоркость, астигматизм и пресбиопия) составляют 43% нарушений зрения во всем мире.

Почему это важно?

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

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

Пострадало пользователей по всему миру

Астигматизм часто появляется в раннем возрасте и усиливается с возрастом.Согласно недавнему исследованию 2523 детей в Соединенных Штатах в возрасте от 5 до 17 лет, более 28% имеют астигматизм 1,0 диоптрии (D) или выше.

В другом исследовании, в котором участвовали более 11000 пользователей из Великобритании, которые носят очки (как дети, так и взрослые), результаты показали, что у 47,4% из них имелся астигматизм 0,75 D или выше как минимум в одном глазу, а у 24,1% — астигматизм. одинаковая степень в обоих глазах.

Почти половина населения имеет астигматизм не менее 0,5 D, у 10% — не менее 1 D, а у 8% — 1.5 D или больше.

Доступность при астигматизме

По возможности избегайте использования белого текста на чисто черном фоне.

Автоматические средства проверки коэффициента контрастности не обнаружат проблемы или отказов каких-либо критериев успеха WCAG с использованием этой комбинации цветов, но это повлияет на конечных пользователей. Это еще одна причина, по которой ручное тестирование по-прежнему является ключевым компонентом тестирования доступности.

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

Типографика

— что можно сделать, чтобы улучшить читаемость белого текста на черном фоне?

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

Это указатель, который можно использовать при развертывании темной фоновой темы.

Хотя это может показаться успокаивающим для глаз, продолжение чтения белых линий на темном фоне увеличивает нагрузку на глаза. Белый цвет требует взаимного совмещения всех трех цветовых конусов нашего глаза, и это тоже с максимальной нагрузкой. Поэтому избегайте написания абзацев и абзацев содержания белым текстом.
Используйте шрифты чуть большего размера, увеличенную ширину и жирность шрифта. Это не значит, что ваш белый текст должен вырываться за пределы экрана с чудовищными шрифтами и сверхжирным шрифтом.Немного выделив его, вы снизите нагрузку на глаза.
В отличие от белого фона, темная тема не выглядит неудобной с большим количеством пустых мест. Используйте пробелы между содержимым белого цвета. Вы можете разделить содержимое белого блока значительным пустым пространством. Вы также можете увеличить высоту строки и обеспечить интервал между белыми строками текста.
Используйте оттенки серого. Кто-то может возразить, что «50 оттенков серого» не очень приятны для глаз, но, если шутить, серый или серый очень расслабляют глаза.Попробуйте использовать более светлые оттенки серого вместо чистого белого.
Попробуйте использовать умеренно темный фон вместо сплошного черного.
Используйте изображения, чтобы удерживать интерес зрителя к содержимому. Слишком много черного может испортить настроение зрителя / пользователя, а вы этого не хотите.
Используйте креативные шрифты. Под креативом я не имею в виду яркий шрифт, но попробуйте округлые шрифты, продолжительные шрифты и неформальные шрифты. Это должно заинтересовать зрителя содержанием.В Google Fonts доступно множество шрифтов. Попробуйте несколько.

Хотя пользователи 7/10 предпочтут белый фон темной теме, в этом нет ничего плохого. Но вы должны быть осторожны, играя на инверсных цветах стандартной нормы для UI / UX.

Перейдите по следующим ссылкам. Они должны дать вам представление о ваших запросах. http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background/ https: // www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/

ОБНОВЛЕНИЕ

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

Надеюсь, это поможет.

Типографика

— Белый текст на черном фоне

Тимоти Самара в разделе «Элементы дизайна: руководство по графическому стилю» дает интерпретацию черного и белого цветов.Самара сообщает нам, что черный цвет является «самым ярким […] цветом в видимом спектре». Далее он называет это доминирующим, а также типичным чувством небытия. С другой стороны, белый цвет — это «все» цвета, это ощущение целостности и ясности.

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

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

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

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

Что наиболее доступно, светлый текст на темном фоне или наоборот? — Раздел коммуникации и взаимодействия ESA

Изображение: скриншот из артикула

Мы немного выходим за рамки стандартного формата «одна ссылка в неделю» для этого.

TL; DR заключается в том, что важен высокий контраст между цветами фона и текста, и что для многих пользователей черный текст на белом фоне является а) наиболее разборчивым и б) наиболее профессиональным.Однако это сложно и зависит от пользователя. Ниже приведены несколько статей, которые углубляются в эту тему.

Требования к доступности для людей с ослабленным зрением — общественная рабочая версия проекта (ссылка)

От Целевой группы по доступности для слабовидящих (LVTF), целевой группы Рабочей группы по рекомендациям по обеспечению доступности веб-контента (WCAG WG), входящей в состав Консорциума World Wide Web (W3C)

Ключевой вывод, имеющий отношение к теме, о которой мы пишем сегодня, заключается в том, что все люди разные.Если возможно, LVTF рекомендует разработать дизайн для удовлетворения этой потребности пользователя: «Пользователи могут установить цвет фона и цвет текста из полного цветового спектра». Как вы можете использовать это в своих текущих или будущих проектах по разработке веб-приложений и приложений? В этой статье представлены несколько дизайнерских решений, ориентированных на нарушения зрения.

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

Penn State Доступность и удобство использования: цвет и контраст на веб-страницах (ссылка) и текстурированные фоны (ссылка)

Два ключевых отрывка из пары быстро читаемых веб-страниц, загруженных наглядными примерами:

«Хотя изменение фона веб-страницы на яркий цвет может добавить волнения, этот фон также может затруднить чтение веб-страниц. Как правило, для длинных отрывков лучше использовать темный текст на светлых тонах.”

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

Читаемость веб-сайтов с различными комбинациями цветов переднего и заднего плана, типами шрифтов и стилями слов (ссылка)

Др.Лорен Шарфф и тогдашняя студентка Элисон Хилл, факультет психологии, Государственный университет Стивена Ф. Остина

Из особого акцента на цвете в этом исследовании: «… Наиболее читаемая комбинация цветов — это черный текст на белом фоне; в целом, существует более сильное предпочтение любой комбинации, содержащей черный […] Кроме того, в каждой исследуемой цветовой комбинации более темный текст на более светлом фоне оценивался более читабельным, чем его обратный (например, синий текст на белом фоне оценивался выше, чем белый текст на синий фон).”

Влияние сочетания цвета текста и фона веб-страницы на удержание и воспринимаемую читаемость, эстетику и поведенческие намерения (ссылка)

Ричард Х. Холл и Патрик Ханна (презентация Американской конференции по информационным системам, включенная в протокол)

Отрывок из аннотации: «… черный текст на белом фоне (BW) и голубой текст на темно-синих (B) страницах получили наивысшие оценки по удобочитаемости […]; в) страницы Б получили наивысшие оценки по эстетическим качествам; г) черно-белые страницы воспринимались как наиболее «профессиональные»; e) субъективные оценки читабельности в значительной степени предсказывают удержание; и f) Пользователи считают, что «профессионализм» в большей степени связан с удобочитаемостью, чем с эстетикой.