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

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

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

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

синий фон — убедительное формирование сути информации.

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

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

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

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

белый фон — привлечение внимания к приятной информации;
желтый фон — отображение неприятной информации;
синий фон — запоминание сути деловой информации.

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

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

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

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

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

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

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

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

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

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

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

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

Что мне не нравиться в Хроме, так это мелькание белого фона при прорисовке страницы. Насколько я понимаю, это происходить на уровне движка , и на пользовательском уровне изменить нельзя, даже если поменять цвета в ОС. Считаю, что на этом месте нужно кинуть камень в огород Хром разработчиков. Почему они цвет канваса определяют самостоятельно, а не берут из системных настроек ОС? То же самое касается 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

. Чтобы изменить цвет бумаги (фон), нужно менять цвета в ОС.
Для старых версий офиса ничем не могу помочь.

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

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

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

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

Расстояние

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

Перерывы

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

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

Упражнения

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

2 типа .

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

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

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

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

черно-белый

цвет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

как должны выглядеть слайды для презентации

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

Как должны выглядеть слайды? Этому посвящены многие книги по презентациям. И всё же ни одна не говорит про главное.

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

Презентация на чёрном фоне — крайне непопулярное решение.

Дизайнеры фыркнут, что это испортит весь фирменный стиль и шаблоны вашей компании. Непродвинутые пользователи MS PowerPoint возмутятся, что тяжело найти картинки без фона. Ехидные товарищи заметят, что вы пересмотрели презентаций Apple. Начитанные  —  что белый текст на чёрном воспринимается хуже, чем чёрный на белом.

И всё же я настаиваю

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

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

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

Глупо, некрасиво, больно и вредно для глаз  —  это первое.

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

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

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

Это основные аргументы в пользу тёмного фона.

Есть что возразить?

Не по шаблону

Прекрасно! Я не против фирменного стиля, но часто все эти рамочки и многочисленные рюши и логотипы в углах отвлекают от главного  —  содержания.

Сконцентрируйтесь сами и сконцентрируйте внимание аудитории на том, что вы хотите рассказывать, а не на ©️™️ All Rights Reserved IP PIOTR FYODOROVICH IVANOFF 2019.

Эффективнее будет  —  для вас и вашей компании.

Белое на чёрном тяжелее читается

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

Где взять картинки без белого фона?

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

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

Но ведь Google…

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

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

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

Но вернёмся к типичным условиям выступлений: проектор и экран.

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

А ведь презентация должна вдохновлять! Давать возможность даже забыться и помечтать вместе с рассказчиком.

Белые (да и вообще любые светлые) буквы и объекты поверх чёрного фона будут парить на экране: никаких границ! Это хорошо.

Не забывайте включать мозг

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

Если вы распечатываете презентацию на бумаге, пишите тёмным по белому, потому что при печати всё будет наоборот: белый —  отсутствие краски. Поберегите картридж вашего принтера и природу.

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

Пре

Как и на все другие советы, на этот могут быть исключения. Из-за визуального концепта мероприятия, из-за маркетинговых нюансов (Окей, «Гугл»!)  —  да мало ли из-за чего! Главное помнить, что это именно исключения. А правило  —  тёмный фон.

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

Темная тема в Android: забота о здоровье или о ресурсе экрана?

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

Темные времена 2012-2014

«Ветераны Android» помнят, что до 2014 года интерфейс этой ОС был в темном стиле, который назывался Holo. О широком внедрении этого стиля заговорили в январе 2012 года после публикации программистом Android Framework Адамом Пауэлом на официальном блоге разработчиков Android статьи «Holo Повсюду».

Тема Holo Dark имела темный стиль и была обязательной для всех гаджетов с Android 4.0 и выше. Официального объяснения, почему тема является темной нет, однако некоторые эксперты считают, что это была попытка улучшить автономность смартфонов. Например, разработчики чата Tapatalk откровенно писали, что Holo помогает сохранить заряд аккумулятора.

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

Аппаратам с экранами AMOLED не удалось захватить лидерство, и индустрия продолжила использовать дисплеи LCD. На энергопотребление таких панелей влияет лишь уровень яркости, и не имеет значения, какую картинку они показывают. Поэтому начиная с Android 5 Lollipop интерфейс смартфонов вернулся к светлых тонов оформления.

Хотя тема Holo была темной, в те времена не возникало массовых публикаций на тему того, какая она полезная для глаз в темноте.

Что говорят врачи

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

Статья 1980 года «Улучшение удобства чтения визуальных дисплейных блоков за счет реверса контраста» (Bauer, D., & Cavonius, C., R. (1980). Improving the legibility of visual display units through contrast reversal. In E. Grandjean, E. Vigliani (Eds.), Ergonomic Aspects of Visual Display Terminals (pp. 137-142)) утверждает, что людям с астигматизмом (около 50% населения) сложнее читать белый текст на черном фоне, чем черный текст на белом фоне. Увеличенный световой поток белого фона заставляет зрачок сужаться сильнее, компенсируя деформирующий эффект линз. При чтении светлого текста на темном фоне зрачок расширяется, чтобы ухватить больше света, и деформация линзы создает более размытое изображение на сетчатке глаза.

Ученые провели тестирование и установили, что черный текст на белом фоне воспринимается на 26% лучше по сравнению со светлым текстом на темном фоне.

Рекомендации врачей до сих пор не изменились: белый фон лучше. Директор оптометрической лаборатории Университета Пасифик в США доктор медицины Джеймс Шиди советует держать светлый фон с темным текстом. Он также рекомендует сделать минимальный шрифт в три раза больше, чем минимальный, что еще можно читать на конкретном гаджете.

Что говорят дизайнеры

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

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

 

 

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

О чем действительно беспокоятся производители

Экраны OLED остаются единственным выбором индустрии смартфонов из-за того, что они в несколько раз тоньше по сравнению с LCD, которые является «бутербродом» из стекла. Однако при этом OLED и AMOLED имеют несколько существенных недостатков, которые являются досадными для вендоров.

Дисплеи OLED/AMOLED нарушают установленные в Украине нормы по работе с электронными гаджетами. Согласно НПАОП 0.00-1.31-99, коэффициент пульсации не должен превышать 5%. Так, iPhone XS Max напрягает глаза пользователя пульсацией 73,2%, Galaxy Note 9 – 104%, Huawei Mate 20 Pro – 116%. Только экраны LCD не портят глаза пульсацией, которая в худших случаях едва превышает 1%.

От пульсации OLED/AMOLED можно избавиться, установив 100% уровень яркости. Однако это не рекомендуют сами производители, потому что им придется признать низкий ресурс этого типа экранов – в некоторых случаях требуется несколько недель. Хотя некоторым уже пришлось это признать: в 2017 году Apple предупредила, что AMOLED-экран iPhone X выгорает и порекомендовала избегать максимальной яркости и не держать экран включенным длительное время.

Темная тема оформления также позволит вендорам за счет глаз пользователей улучшить показатели автономности экранов. В Google подсчитали, что если в смартфоне яркость выставлена на 100%, тогда темная тема оформления даст 60% экономии. И на конференции Android Dev Summit 2018 разработчики из Google сообщили аудитории, что широкое использование белого цвета в интерфейсе Android и приложениях – не лучший выбор. А также, что стоит вытеснять светлые цвета на экранах темными.

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

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

Директор по развитию медиапродуктов «ВКонтакте».

Как должны выглядеть слайды? Этому посвящены многие книги по презентациям. И всё же ни одна не говорит про главное.

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

Презентация на чёрном фоне — крайне непопулярное решение.

Дизайнеры фыркнут, что это испортит весь фирменный стиль и шаблоны вашей компании. Непродвинутые пользователи MS PowerPoint возмутятся, что тяжело найти картинки без фона. Ехидные товарищи заметят, что вы пересмотрели презентаций Apple. Начитанные — что белый текст на чёрном воспринимается хуже, чем чёрный на белом.

И всё же я настаиваю

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

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

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

А ещё бывает так. Бойтесь белых слайдов

Глупо, некрасиво, больно и вредно для глаз — это первое.

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

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

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

Это основные аргументы в пользу тёмного фона.

Есть что возразить?

Не по шаблону

Прекрасно! Я не против фирменного стиля, но часто все эти рамочки и многочисленные рюши и логотипы в углах отвлекают от главного — содержания.

Сконцентрируйтесь сами и сконцентрируйте внимание аудитории на том, что вы хотите рассказывать, а не на ©️™️ All Rights Reserved IP PIOTR FYODOROVICH IVANOFF 2019.

Эффективнее будет — для вас и вашей компании.

Белое на чёрном тяжелее читается

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

Где взять картинки без белого фона?

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

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

Но ведь Google…

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

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

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

Но вернёмся к типичным условиям выступлений: проектор и экран.

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

А ведь презентация должна вдохновлять! Давать возможность даже забыться и помечтать вместе с рассказчиком.

Белые (да и вообще любые светлые) буквы и объекты поверх чёрного фона будут парить на экране: никаких границ! Это хорошо.

Спикер стоит прямо перед проектором, но не перекрывает объекты на слайде, а чёрный фон не подсвечивает его. Изображение «висит» в пространстве. Всё идеально

Не забывайте включать мозг

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

Если вы распечатываете презентацию на бумаге, пишите тёмным по белому, потому что при печати всё будет наоборот: белый — отсутствие краски. Поберегите картридж вашего принтера и природу.

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

Иллюстрация автора

Как и на все другие советы, на этот могут быть исключения. Из-за визуального концепта мероприятия, из-за маркетинговых нюансов (Окей, «Гугл»!) — да мало ли из-за чего! Главное помнить, что это именно исключения. А правило — тёмный фон.

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

Иллюстрация автора

08 Июн 2011, 13:00, написал Максим Шайхалов в разделе «Интерфейс»

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

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

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

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

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

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

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

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

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

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

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

Как должны выглядеть слайды?
Этому посвящены многие книги по презентациям. И всё же ни одна не говорит про главное.

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

Это главная визуальная заповедь.
А теперь придётся её обосновать.

Презентация на чёрном фоне — крайне непопулярное решение.

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

Ехидные товарищи заметят, что вы пересмотрели презентаций Apple.
Начитанные — что белый текст на чёрном воспринимается хуже, чем чёрный на белом.

И всё же я настаиваю

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

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

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

Глупо, некрасиво, больно и вредно для глаз — это первое.

Второе — следствие и продолжение.

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

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

Это основные аргументы за тёмный фон.

Есть что возразить?

Прекрасно!
Я не против фирменного стиля, но часто все эти рамочки и многочисленные рюши и логотипы в углах отвлекают от главного — содержания.

Сконцентрируйтесь сами и сконцентрируйте внимание аудитории на том, что вы хотите рассказывать, а не на ©️™️ All Rights Reserved IP PIOTR FYODOROVICH IVANOFF 2019.
Эффективнее будет — для вас и вашей компании.

Белое на чёрном тяжелее читается?

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

Где взять картинки без белого фона?

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

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

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

Повторять за главным конкурентом им нельзя.
Свайп для разблокировки смартфона тоже чрезвычайно удобен, но если он запатентован для iOS, то Android приходится искать лучшее из оставшихся иных решений. Либо обжаловать в суде, что с патентом — вариант, а вот в маркетинге вряд ли.

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

Белые буквы на черном фоне в word

Оригинальный текст — белым по черному

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

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

Выделите текстовый блок.

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

Выберите команду Формат › Границы и заливка.

Появится диалоговое окно Границы и заливка.

Убедитесь, что вкладка Заливка находится на переднем плане.

Если это не так, щелкните на ярлычке этой вкладки. Вкладка Заливка появится на переднем плане (см. рис. 19.5).

В области Заливка выберите черный цвет.

Это четвертый сверху квадрат в первой колонке; в поле справа от палитры цветов вы увидите сообщение Черный.

Щелкните на кнопке ОК, чтобы расстаться с диалоговым окном Границы и заливка.

Сейчас вам ничего не видно, потому что перед вами черный текст на черном фоне. (Вообще-то, если текст выделен, вы увидите потрясающее зрелище: большой белый блок, плавающий в черном море. Не пугайтесь!)

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

Щелкните на кнопке со стрелкой рядом с кнопкой Цвет шрифта на панели инструментов форматирования .

Появится раскрывающаяся палитра.

Выберите в палитре элемент Белый.

(Это последний квадрат палитры, расположенный внизу справа. Если подвести к нему указатель мыши, то «всплывет» подсказка со словом Белый.) Щелкните на этом квадрате, чтобы изменить цвет шрифта.

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

• Word довольно эффектно отображает на экране инверсный текст, особенно когда тот выделен. Спорю на что угодно- вам никогда не удастся «потерять» такой текст даже в очень большом документе!
• Я не рекомендую инвертировать большие фрагменты текста. На многих моделях принтеров такой текст печатается «неважно». Этот прием лучше всего подходит для выделения заголовков и небольших фрагментов текста.
• Если при печати инверсного текста у вас возникли проблемы, измените установки принтера. В диалоговом окне Печать щелкните на кнопке Параметры. В области Принтер щелкните на кнопке Свойства. В результате на экране появится диалоговое окно Свойства принтера. Щелкните на ярлыке вкладки Графика. В области Графический режим установите флажок Точечная графика. Щелкните на кнопке ОК, чтобы закрыть диалоговое окно Свойства принтера.

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

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

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

1. Выберите команду Формат>Границы и заливка.

Появится диалоговое окно Границы и заливка.

Убедитесь, что вкладка Заливка находится на переднем плане.

Если это не так, щелкните на ярлычке этой вкладки. Вкладка Заливка появится на переднем плане (см. рис. 19.5).

1. В области Заливка выберите черный цвет.

Это четвертый сверху квадрат в первой колонке; в поле справа от палитры цветов вы увидите сообщение Черный.

1. Щелкните на кнопке ОК, чтобы расстаться с диалоговым окном Границы и заливка.

Сейчас вам ничего не видно, потому что перед вами черный текст на черном фоне. (Вообще-то, если текст выделен, вы увидите потрясающее зрелище: большой белый блок, плавающий в черном море. Не пугайтесь!)

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

1. Щелкните на кнопке со стрелкой рядом с кнопкой Цвет шрифта на панели инструментов форматирования .

Появится раскрывающаяся палитра.

1. Выберите в палитре элемент Белый.

(Это последний квадрат палитры, расположенный внизу справа. Если подвести к нему указатель мыши, то «всплывет» подсказка со словом Белый.) Щелкните на этом квадрате, чтобы изменить цвет шрифта.

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

• Word довольно эффектно отображает на экране инверсный текст, особенно когда тот выделен. Спорю на что угодно— вам никогда не удастся «потерять» такой текст даже в очень большом документе!
• Я не рекомендую инвертировать большие фрагменты текста. На многих моделях принтеров такой текст печатается «неважно». Этот прием лучше всего подходит для выделения заголовков и небольших фрагментов текста.
• Если при печати инверсного текста у вас возникли проблемы, измените установки принтера. В диалоговом окне Печать щелкните на кнопке Параметры. В области Принтер щелкните на кнопке Свойства. В результате на экране появится диалоговое окно Свойства принтера. Щелкните на ярлыке вкладки Графика. В области Графический режим установите флажок Точечная графика. Щелкните на кнопке ОК, чтобы закрыть диалоговое окно Свойства принтера.

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

Стандартно в редакторе задан черный цвет шрифта. Но можно изменить эти установки на свои собственные. Для этого в меню Формат (Format) выберите команду Шрифт (Font) или нажмите сочетание клавиш CTRL+D . Откроется вот такое диалоговое окно:

В поле Цвет текста (Font color) уже установлен параметр Авто (Automatic). Вы можете выбрать иной цвет, кликнув мышкой на любой значок цвета из открывающегося списка.

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

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

Чтобы ускорить выбор цвета шрифта, на панели инструментов Форматирование находится соответствующая кнопка:

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

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

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

Всё. Можете закрыть этот документ без сохранения.

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

Для тех читателей, которые знают как работать со встроенным в Microsoft Word редактором Visual Basic, я просто приведу единственную строчку из кода макроса:

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

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

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

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

1. Выберите команду Формат>Границы и заливка .

Появится диалоговое окно Границы и заливка.

Убедитесь, что вкладка Заливка находится на переднем плане.

Если это не так, щелкните на ярлычке этой вкладки. Вкладка Заливка появится на переднем плане (см. рис. 19.5).

1. В области Заливка выберите черный цвет.

Это четвертый сверху квадрат в первой колонке; в поле справа от палитры цветов вы увидите сообщение Черный .

1. Щелкните на кнопке ОК , чтобы расстаться с диалоговым окном Границы и заливка .

Сейчас вам ничего не видно, потому что перед вами черный текст на черном фоне. (Вообще-то, если текст выделен, вы увидите потрясающее зрелище: большой белый блок, плавающий в черном море. Не пугайтесь!)

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

Появится раскрывающаяся палитра.

1. Выберите в палитре элемент Белый.

(Это последний квадрат палитры, расположенный внизу справа. Если подвести к нему указатель мыши, то «всплывет» подсказка со словом Белый.) Щелкните на этом квадрате, чтобы изменить цвет шрифта.

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

• Word довольно эффектно отображает на экране инверсный текст, особенно когда тот выделен. Спорю на что угодно- вам никогда не удастся «потерять» такой текст даже в очень большом документе!
• Я не рекомендую инвертировать большие фрагменты текста. На многих моделях принтеров такой текст печатается «неважно». Этот прием лучше всего подходит для выделения заголовков и небольших фрагментов текста.
• Если при печати инверсного текста у вас возникли проблемы, измените установки принтера. В диалоговом окне Печать щелкните на кнопке Параметры . В области Принтер щелкните на кнопке Свойства . В результате на экране появится диалоговое окно Свойства принтера . Щелкните на ярлыке вкладки Графика . В области Графический режим установите флажок Точечная графика . Щелкните на кнопке ОК , чтобы закрыть диалоговое окно Свойства принтера .

В текстовом редакторе Microsoft Word не всегда приходится работать с документами, которые требуют строгого оформления. Например, может потребоваться сделать кроссворд или календарь, бейджик или объявление, а может, Вы хотите сами сделать открытку другу.

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

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

Как в Ворде выделить цвет текстом

Рассматривать, как выполняются подобные действия, мы будем на вот таком примере.

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

Или на вкладке «Главная» в группе «Шрифт» также нажмите на стрелочку возле буквы «А» , чтобы посмотреть цвета.

Если в открывшемся списке нужного цвета нет, тогда кликните по пункту «Другие цвета» .

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

К тексту можно добавить и градиент, чтобы он был не однотонный, а различного оттенка в выбранном направлении. Выберите пункт «Градиентная» и кликните по одному из предложенных вариантов. Внизу списка есть пункт «Другие градиентные заливки» .

Если на него нажать, откроется окошко «Формат текстовых эффектов» на вкладке «Заливка текста» . Подберите в нем подходящие параметры для градиента и нажмите «Закрыть» .

Таким способом можно изменить расцветку слов в документе.

Как убрать выделение текста цветом

Если Вы работаете с документом текст в котором изначально был цветной, а не тот, который нужен Вам, тогда выделите нужные слова. Затем на вкладке «Главная» нажмите на стрелочку возле буквы «А» и выберите из списка «Авто» .

После этого, весь набранный текст станет черным.

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

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

Выделите фрагмент текста, цвет которого тот, который нужен Вам. Затем на панели быстрого доступа нажмите на кнопку .

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

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

Если и этот способ не помог удалить цвет, тогда снова выделите текст и на вкладке «Главная» в группе «Шрифт» кликните по кнопке .

В результате, все примененное форматирование для фрагмета будет удалено, и он станет обычного вида.

В Word цветным можно сделать не только текст, но и фон, на котором он написан. Чтобы убрать фон текста в Ворде , можете прочитать подробную статью.

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

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

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

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

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

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

Изменение цвета при помощи меню мыши

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

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

НАШ САЙТ РЕКОМЕНДУЕТ:

Метки:

Почему белый на черном считается более контрастным, чем черный на белом?

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

Как правило, положительная полярность способствует повышению производительности (например, Buchner & Baumgartner, 2007 ). Этот эффект обусловлен более высокой общей яркостью дисплея (Buchner, Mayr & Brandt, 2009 ), что может привести к большему сужению зрачка (Taptagaporn & Saito, 1990 , 1993 ) и, таким образом, увеличению глубины резкости и уменьшению сферического аберрации.

Однако это преимущество позитивных полярных дисплеев не распространяется на читателей с нарушениями зрения. Люди с плохим зрением из-за катаракты (глазного помутнения) лучше справляются с негативными полярными проявлениями (Legge et al., 1985 , Sandberg & Gaudio, 2006 ). Обсуждается, что этот эффект происходит из-за рассеяния света, приводящего к результирующей яркости и уменьшению контрастности текста к фону (Rubin & Legge, 1989 ).

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

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

Наклейки на клавиатуру с фоном

Отзывов (0) Белый фон чёрные / красные буквы (Код: 0167) Размер наклеек: (шир./выс.):10×10 мм. Производитель: Россия 200.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Белый фон чёрные буквы (Код: 0293) Размер наклеек: (шир./выс.): 11х13 мм. Производитель: Россия 280.00 RUB плюс доставка Количество на складе: 9996 Купить   Подробнее

Отзывов (0) Белый фон русско английские наклейки на клавиатуру 14*14 (Код: 0059) Размер наклеек: (шир./выс.): 14х14 мм. Производитель: Россия 260.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Белый фон русско английские наклейки на клавиатуру 15*15 (Код: 0069) Размер наклеек: (шир./выс.): 15х15 мм. Производитель: Россия 270.00 RUB плюс доставка Количество на складе: 9998 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру белые зелёные/чёрные буквы (Код: 0234) Фон:Белый;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру белые красные/чёрные буквы (Код: 0233) Фон:Белый;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру белые оранжевые/чёрные буквы (Код: 0232) Фон:Белый;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные белые/белые буквы (Код: 0019) Фон:Чёрный;Размер:13×13 mm. Производитель: Россия 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные жёлтые/белые буквы (Код: 0145) Фон:Черный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные зелёные/белые буквы (Код: 0147) Фон:Чёрный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные красные/белые буквы (Код: 0224) Фон:Черный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные лайм / белые буквы (Код: 0225) Фон:Чёрный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные оранжевые/белые буквы (Код: 0146) Фон:Чёрный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные розовые/белые буквы (Код: 0226) Фон:Чёрный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Виниловые наклейки на клавиатуру черные синие/белые буквы (Код: 0164) Фон:Чёрный;Размер:13×13 mm. Производитель: Беларусь 190.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Виниловые наклейки на ноутбук HP Spectre 13 (Код: 0286) Фон:Белый;Размер:14×14 mm. Производитель: Беларусь 300.00 RUB плюс доставка Количество на складе: 9997 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру белый фон зелёные русские буквы (Код: 0189) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру белый фон красные русские буквы (Код: 0191) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру белый фон оранжевые русские буквы (Код: 0188) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру белый фон синие русские буквы (Код: 0190) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру чёрный фон белые русские буквы (Код: 0248) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9996 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру чёрный фон жёлтые русские буквы (Код: 0184) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (1) Мини наклейки на клавиатуру чёрный фон зелёные русские буквы (Код: 0185) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру чёрный фон оранжевые русские буквы (Код: 0186) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Мини наклейки на клавиатуру чёрный фон синие русские буквы (Код: 0187) Размер наклеек: (шир./выс.): 5х5 мм. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9997 Купить   Подробнее

Отзывов (0) Наклейки 112 символов серебристый фон (Код: 0107) Фон:Серебристый;Размер:11×12.5 mm. Производитель: Россия 220.00 RUB плюс доставка Количество на складе: 1 Купить   Подробнее

Отзывов (0) Наклейки белые символы на чёрном фоне (Код: 0162) Фон:Серый;Размер:11×13 mm. Производитель: Россия 200.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Наклейки Наклейки серебристый фон чёрные голубые буквы. (Код: 0071) Фон:Серебристый;Размер:11×12.5 mm. Производитель: США 370.00 RUB плюс доставка Количество на складе: 3 Купить   Подробнее

Отзывов (0) Наклейки серебристый фон русские/латинские синие/черные (Код: 0105) Фон:Серебристый;Размер:11×12.5 mm. Производитель: Россия 240.00 RUB плюс доставка Количество на складе: 5 Купить   Подробнее

Отзывов (0) Наклейки 112 символов серый фон рус/лат оранж./бел (Код: 0110) Фон:Серый;Размер:11×12.5 mm. Производитель: Россия 220.00 RUB плюс доставка Количество на складе: 1 Купить   Подробнее

Отзывов (0) Наклейки белый фон круглые диаметр 15 мм (Код: 0311) Фон:Белый;Размер:15 mm. Производитель: Россия 280.00 RUB плюс доставка Количество на складе: 9998 Купить   Подробнее

Отзывов (0) Наклейки белый фон с чёрными и синими буквами. (Код: 0144) Фон:Белый;Размер:13×13 mm. Производитель: Россия 215.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Наклейки для компьютера с чёрным фоном (Код: 0120) Фон:Чёрный;Размер:11×13 mm. Производитель: США 150.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Наклейки для ноутбука с белым фоном (Код: 0121) Фон:Белый;Размер:11×12.5 mm. Производитель: США 360.00 RUB плюс доставка Количество на складе: 5 Купить   Подробнее

Отзывов (0) Наклейки красные/черные символы на белом фоне (Код: 0161) Фон:Белый;Размер:11×13 mm. Производитель: Россия 200.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Наклейки на клавиатуру белый фон арабские 13*13 мм (Код: 0109) Фон:Белый;Размер:13×13 mm. Производитель: Россия 260.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Наклейки на клавиатуру для обучения слепой печати без букв (Код: 0174) Размер:11×13 mm. Производитель: Россия 170.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Наклейки на функциональные клавиши (Код: 0014) Фон:Белый;Размер:10×12.5 mm. Производитель: Россия 130.00 RUB плюс доставка Количество на складе: 1 Купить   Подробнее

Отзывов (0) Наклейки руские/латинские черные на белом фоне (Код: 0057) Фон:Белый;Размер:11×12.5 mm. Производитель: Китай 220.00 RUB плюс доставка Количество на складе: 3 Купить   Подробнее

Отзывов (0) Наклейки с черным фоном для нетбука. (Код: 0118) Фон:Чёрный;Размер:8×8 mm. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9997 Купить   Подробнее

Отзывов (0) Наклейки чёрный фон круглые (Код: 0242) Фон:Чёрный;Размер:6×6 mm. Производитель: Россия 180.00 RUB плюс доставка Количество на складе: 9993 Купить   Подробнее

Отзывов (0) Наклейки чёрный фон круглые диаметр 12 мм (Код: 0326) Фон:Чёрный;Размер:12 mm. Производитель: Россия 280.00 RUB плюс доставка Количество на складе: 9996 Купить   Подробнее

Отзывов (0) Наклейки чёрный фон круглые диаметр 15 мм (Код: 0310) Фон:Чёрный;Размер:15 mm. Производитель: Россия 280.00 RUB плюс доставка Количество на складе: 9997 Купить   Подробнее

Отзывов (0) Серый фон русские красные/латинские чёрные буквы (Код: 0016) Фон:Серый;Размер:11×12.5 mm. Производитель: Россия 170.00 RUB плюс доставка Количество на складе: 3 Купить   Подробнее

Отзывов (0) Серый фон русский /латинский алфавит оранжевые/белые буквы (Код: 0102) Фон:Серый;Размер:11×12.5 mm. Производитель: Россия 240.00 RUB плюс доставка Количество на складе: 1 Купить   Подробнее

Отзывов (0) Стикеры черный фон рус/лат оранжевые/бел (Код: 0277) Фон:Чёрный;Размер:11×13 mm. Производитель: Россия 150.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Стикеры черный фон русские латинские жёлтые белые (Код: 0278) Фон:Чёрный;Размер:11×13 mm. Производитель: Россия 120.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Отзывов (0) Чёрный фон белые, синие буквы (Код: 0166) Размер наклеек: (шир./выс.):10×10 мм. Производитель: Россия 200.00 RUB плюс доставка Количество на складе: 9999 Купить   Подробнее

Отзывов (0) Чёрный фон белые буквы (Код: 0122) Размер наклеек: (шир./выс.): 11х13 мм. Производитель: Россия 280.00 RUB плюс доставка Количество на складе: 9992 Купить   Подробнее

Отзывов (0) Чёрный фон русские белые / латинские белые (Код: 0009) Фон:Белый;Размер: ширина 13 высота 11 mm. Производитель: Россия 200.00 RUB плюс доставка Количество на складе: 10000 Купить   Подробнее

Белое на черном или черное на белом? Плюсы и минусы темного режима | автор: Takuma Kakehi

Было много разговоров и утечек о темном режиме для предстоящего WWDC 2019 (эксклюзив: скриншоты показывают темный режим iOS 13, новое приложение Reminders, подробнее | 9to5Mac). В новой iOS 13 вы можете включить темный режим в приложении «Настройки» или с помощью параметра в центре управления. Согласно изображению, опубликованному в статье, их музыкальное приложение, похоже, использует настоящий черный фон.

Источник изображения: Эксклюзив: на скриншотах показан темный режим iOS 13, новое приложение «Напоминания» и многое другое | 9to5Mac

Лично пользуюсь телефоном Pixel от Google.В настоящее время у меня есть Pixel 3, мое третье устройство Pixel, и я должен сказать, что его относительно более короткое время автономной работы по сравнению с другими смартфонами было моей головной болью. Поскольку я хотел получить максимальную отдачу от моей недавней поездки в Лос-Анджелес, я в основном использовал поездки на Lyft для транспортировки, и мне приходилось очень часто открывать свой ноутбук, чтобы заряжать свой телефон на каждую поездку , чтобы просто поддерживать его в живых.

Во время недавнего ввода-вывода Google, Google с благодарностью объявил, что они включат темную тему в свой новый Android Q.Фактически, я использовал Dark Theme даже в моей текущей версии Android, но версия с Q, похоже, пошла еще дальше. Например, темный фоновый цвет по крайней мере ближе к чистому черному, чем текущий темно-серый; другие элементы, такие как пузыри уведомлений, также находятся на темном фоне, в отличие от текущей версии. Google побуждает все больше приложений для Android использовать темные темы.

Apple II Plus, представленный в 1979 г. (Источник изображения: Maric Wichary через Flickr)

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

Lisa от Apple, выпущенная в 1983 году, была первым продуктом Apple, который включал графический интерфейс пользователя, однако коммерчески потерпел неудачу.Apple Macintosh был первым продуктом с графическим пользовательским интерфейсом, который массовый потребитель использовал в 1984 году. (Источник изображения: Mac-History)

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

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

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

Действительно ли темный режим лучше для ваших глаз? — объясняет Чеддер | Cheddar на YouTube

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

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

Компания Google представила, как расход заряда батареи навигацией Google Map в ночном режиме снижается на 63% на устройствах Pixel с AMOLED (OLED с активной матрицей, тип OLED, поддерживающий различные размеры дисплеев) по сравнению с обычным режимом. Напротив, iPhone 7 с ЖК-дисплеем не показал никакой разницы между ЖК-дисплеем и AMOLED.

Влияние темного режима на время автономной работы между OLED и ЖК-экранами (Источник изображения: SLASH GEAR) Влияние разных цветов на энергопотребление (Источник изображения: SLASH GEAR)

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

На диаграмме показана резкая разница в энергопотреблении между белым и черным экранами (Источник изображения: SLASH GEAR)

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

Карманный опыт и возможности чтения

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

Pocket 4.1 представило темную тему еще в 2012 году (Источник: Pocket 4.1 добавляет темную тему, разбиение на страницы, уточнения | MacStories) В 2015 году Pocket расширила темную тему на своем веб-сайте. (Источник: Pocket запускает совершенно новый дизайн для Интернета | TNW)

Twitter и социальные сети

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

Из-за жалоб клиентов на не-черный фон Twitter добавил черный как смоль фон, темный режим Light Out, в отличие от темного режима Dim, который был переименован из исходного ночного режима.Жалобы были на экономию батареи устройства. Light Out был представлен для их приложений iOS на OLED-устройствах в марте 2019 года. (Источник: у каждого гаджета и приложения должен быть темный режим | The Wall Street Journal). Жалобы клиентов отображаются не на черном фоне для экономии заряда батареи. , Twitter добавил в свое приложение iOS в марте 2019 года черный как смоль фон, режим «затемнения». (Источник: Twitter Goes Dark. Или, по крайней мере, интерфейс приложения | ПРОВОДНОЙ)

Mac OS Mojave

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

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

Темная тема в ОС Android, начиная с Pie

ОС Android позволяет пользователям выбирать темный режим.(Источник: Как включить темный режим Android везде, где он доступен с двумя простыми настройками в Pie | 9to5Google) В ленте обнаружения Android можно настроить темную тему вручную или отразить выбранные обои (Источник: здесь каждое приложение Google с темным режимом, и как его включить | 9to5Google). В мае 2019 года Google Calendar и Keep также объявили о своем темном режиме в Android перед официальным запуском Android Q. (Источник: темный режим Google Calendar развертывается на Android, теперь официально для Keep | 9to5Google)

Программа SaaS, визуализация данных и редакторы программ

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

Bloomberg Anywhere в приложениях для iOS (Источник изображения: Джереми Фуэрст через. Темные интерфейсы. Хорошее и плохое. Что можно и чего нельзя делать от Toptal). По мере закрытия рынка приложение Robinhood становится темным. На ночь полезно держать его в темноте, но это изменение очень функционально.(Источник изображения: Robinhood via. Дизайн Robinhood, знакомящий молодежь с биржевой торговлей)

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

«Черный фон снижает нагрузку на глаза и упрощает чтение автоматической цветовой кодировки, что значительно ускоряет понимание кода с первого взгляда», — разработчик Toptal Кевин Блох (Источник изображения: Dark UIs.Хорошее и плохое. Что нужно и что нельзя делать от Toptal)

YouTube

Приложение YouTube следует оттенкам серого темной темы Android (Источник: здесь каждое приложение Google с темным режимом и как его включить | 9to5Google) На веб-сайте YouTube используется более темный фон # 111111, в отличие от его приложение (Источник: Как включить YouTube Темный режим / Ночной режим | Натан Гамильтон)

Исходное сообщение: http://www.ta-kuma.com/product-design/white-on-black-or-black-on- white-the-pro-and-cons-of-dark-mode /

Темный режим Android Q темнее битвы при Винтерфелле | The Verge

Влияние сочетания цвета текста и фона веб-страницы на читабельность,

удержание, эстетику и поведенческое намерение

Темный режим взял верх: новейшая функция экономии заряда батареи | The Verge

Снова в черном: как включить темный режим и сэкономить заряд батареи | mobilesyrup

Вот каждое приложение Google с темным режимом и как его включить | 9to5Google

Google подтверждает, что темный режим очень помогает продлить срок службы батареи Android | The Verge

У каждого гаджета и приложения должен быть темный режим | The Wall Street Journal

Twitter становится темным.Или, по крайней мере, интерфейс приложения | WIRED

Twitter получит еще более темный «темный режим» | TechCrunch

Темный интерфейс. Хорошее и плохое. Что можно и чего нельзя делать | Миклос Филипс на Toptal

Обзор macOS Mojave: Темнота — это круто. Будущее горячее | iMore

Действительно ли темный режим лучше для ваших глаз? | Чеддер объясняет через. Youtube

Темный режим Google Календаря выкатывается на Android, теперь официально для Keep | 9TO5GOOGLE

Настройка отображения текста на iPhone

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

A: На протяжении многих лет iPhone позволял изменять способ отображения текста на устройстве. Изменение настроек цвета текста и цвета фона глубоко укоренилось в настройках в разделе «Специальные возможности».

Чтобы внести изменения, нажмите «Настройки», «Общие», «Специальные возможности», «Адаптация дисплея», а затем «Инвертировать цвета». Здесь вы можете переключать Smart Invert или Classic Invert, которые управляют отображением текста и фона на iPhone.

Если вы не используете последнюю версию iOS, элементы управления будут находиться в разделах «Настройки», «Общие», «Специальные возможности», «Инвертировать цвета».

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

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

В. Недавно у меня возникли проблемы с печатью файлов из Acrobat Reader DC. Я не думаю, что это проблема моего принтера, потому что все остальное он печатает нормально. Когда я иду на печать PDF-файла, мой принтер выбирается в качестве устройства вывода, и когда я нажимаю кнопку «Печать», компьютер отображает сообщение «Сохранить ». Окно файла с типом файла .prn. Как я могу это исправить?

A: В Adobe Acrobat есть параметр, который будет вызывать поведение, которое вы видите.

Adobe пытается создать файл PRN, содержащий инструкции для принтера, которые сообщают принтеру, как обрабатывать задание печати. Он похож на файл postscript.

Файлы

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

Откройте файл PDF в Adobe и нажмите «Файл», а затем «Печать».Во всплывающем окне «Печать» нажмите «Дополнительно», снимите флажок «Печать в файл» и нажмите «ОК».

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

[email protected]

Белый текст на черном фоне: вас уволят?

В дизайне веб-сайтов, каковы плюсы и минусы темного текста на светлом фоне по сравнению со светлым текстом на темном фоне, и один из них лучше другого?

Это сугубо субъективный выбор дизайна, или есть маркетинговые и / или психологические преимущества UX в выборе светлого на темном вместо темного на светлом?

Черное по белому — безопасный выбор.

Даже тогда у нас есть

• Разные мнения
• Разные исследования, использующие разные методы и приводящие к разным выводам

Гуру

Якоб Нильсен предлагает:

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

В те времена, когда еще не было Интернета, одно исследование не смогло найти какой-либо значительной разницы в производительности среди 24 различных цветовых комбинаций в задаче текстового поиска (Pace 1984). С другой стороны, независимо от конкретной цветовой комбинации, более высокий уровень контрастности, по-видимому, приводит к лучшей читаемости (Брюс и Фостер, 1982; Радл, 1980).

Исследования

В более позднем исследовании (Hill 1997?) Исследователи задали вопрос о субъективном восприятии различных цветовых схем. Испытуемые заявили, что:

1. Черно-белый неизменно оценивался как самый читаемый
2. Цветовые комбинации, в которые входил черный , были оценены как более удобочитаемые, чем те, в которых не было
3. Более темный текст на более светлом фоне получил оценку выше, чем более светлый текст на более темном фоне

Дополнительная литература

Я хотел бы отослать вас к очень хорошо написанной академической статье Ричарда Холла.Включает:

• Дальнейшие исследования удержания
• Неожиданное исполнение зеленого на желтом
• Формулы для обеспечения достаточного контраста

Понравилась статья? Поделитесь своим мнением в комментариях!

Об авторе: Иван Браун — основатель компании Icons8. Свою первую работу он получил после рисования баннера с CTR 43%. После многих лет создания иконок он специализируется на быстром прототипировании и обработке бэклогов.

Попробуйте бесплатные инструменты для авторов от команды Icons8

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

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

Перевернутый текст или белый текст на черном фоне при печати

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

1. Удалите существующий драйвер принтера:

Как удалить драйвер принтера

а. Щелкните → (Все приложения) → Система Windows → Панель управления .

г. Щелкните «Просмотр устройств и принтеров» в разделе «Оборудование и звук».

г. Щелкните правой кнопкой мыши драйвер принтера, а затем щелкните левой кнопкой мыши Удалить устройство.

Если драйвера принтера нет в списке, перейдите к шагу 2.

d. Щелкните Да, чтобы подтвердить, что вы хотите удалить драйвер. Переходите к шагу 2.

2. Добавьте драйвер принтера

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

а. Щелкните → (Все приложения) → Система Windows → Панель управления .

г.Щелкните «Просмотр устройств и принтеров» в разделе «Оборудование и звук».

г. Щелкните Добавить принтер. Компьютер начнет поиск доступного сетевого принтера.

г. Даже если ваше устройство присутствует в списке, щелкните Нужного мне принтера нет в списке.

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

e. Щелкните Мой принтер немного старше. Помогите мне его найти.

ф.Windows должна найти любой принтер в сети.

г. Если вы получили сообщение о том, что драйвер уже установлен, выберите «Заменить текущий драйвер» и нажмите «Далее».

ч. Оставьте имя принтера по умолчанию и нажмите Далее.

и. Выберите вариант совместного использования принтера и нажмите Далее.

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

Дж. Вы можете установить свою машину как принтер по умолчанию. Если вы хотите распечатать тестовую страницу, вы можете это сделать.

к. Щелкните Готово. Переходите к шагу 3.

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

Проверить текст и фон на достаточный цветовой контраст

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

Для соответствия уровню AA критерий успеха WCAG 2.0 1.4.3 рекомендует, чтобы обычный текст имел минимальный коэффициент контрастности 4,5: 1, а крупный текст (18 пунктов или 14 пунктов жирным шрифтом) имел минимальный коэффициент контрастности 3: 1. Эти соотношения были рассчитаны с научной точки зрения, чтобы гарантировать, что текст может быть прочитан людьми с умеренно слабым зрением, и что контраст будет достаточным для тех, у кого есть дефицит цвета.При решении проблемы цветового контраста веб-дизайнеры часто задаются вопросом, каких цветов следует избегать. Речь идет не столько о том, чтобы избегать цветов, сколько о том, чтобы цвета, используемые в веб-дизайне, имели соответствующий контраст.

Примеры цветовой контрастности

Сочетания цветов	Цветовые коды	Коэффициент контрастности	Мелкий текст	Крупный текст
Черный на желтом OR Желтый на черном	Черный: # 000000, Желтый: # ffff00	19.56: 1	Пройдите AA	Пройдите AA
Синий на оранжевом ИЛИ Оранжевый на синем	Синий: # 0000ff, Оранжевый: # ffa500	4,35: 1	Ошибка AA	Пройдите AA
Белый на фиолетовом OR Пурпурный на белом	Белый: #ffffff, Фиолетовый: # 800080	9.42: 1	Пройдите AA	Пройдите AA
Зеленый на красном ИЛИ Красный на зеленом	Зеленый: # 008000, Красный: # ff0000	1,28: 1	Ошибка AA	Ошибка AA

Вот несколько инструментов, которые можно использовать для анализа цветового контраста:

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

Модный фон. Белые буквы на черном фоне. Векторная иллюстрация Клипарты, векторы, и Набор Иллюстраций Без Оплаты Отчислений. Изображение 38197191.

Модный фон. Белые буквы на черном фоне. Векторная иллюстрация Клипарты, векторы, и Набор Иллюстраций Без Оплаты Отчислений. Изображение 38197191.

Модный фон.Белые буквы на черном фоне. Стиль

S M L XL EPS

Таблица размеров

Размер изображения	Идеально подходит для
S	Интернет и блоги, социальные сети и мобильные приложения.
M	Брошюры и каталоги, журналы и открытки.
л	Плакаты и баннеры для дома и улицы.
XL	Фоны, рекламные щиты и цифровые экраны.

Используете это изображение на предмете перепродажи или шаблоне?

Распечатать Электронный Всесторонний

4000 x 2994 пикселей | 33.9 см x 25,3 см | 300 точек на дюйм | JPG

Масштабирование до любого размера • EPS

4000 x 2994 пикселей | 33,9 см x 25,3 см | 300 точек на дюйм | JPG

Скачать

Купить одно изображение

6 кредитов

Самая низкая цена
с планом подписки

• Попробовать 1 месяц на 2209 pyб
• Загрузите 10 фотографий или векторов.
• Нет дневного лимита загрузок, неиспользованные загрузки переносятся на следующий месяц

221 ру

за изображение любой размер

Цена денег

Ключевые слова

Похожие векторы

Нужна помощь? Свяжитесь со своим персональным менеджером по работе с клиентами

@ +7 499 938-68-54

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

. Принимать

цветовых комбинаций и читаемость

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

Гуру

Руководства по веб-дизайну часто включают рекомендации по выбору подходящего цвета. комбинации, многие из которых рекомендуют высокий контраст между текстом и фоном с особым упором на традиционное черное на белом.«Веб-гуру» быстро делать окончательные заявления о дизайне и удобочитаемом тексте, так как на примере Якоба Нильсена:

Используйте цвета с высоким контрастом между текстом и фоном. Оптимально для разборчивости требуется черный текст на белом фоне (так называемый позитивный текст). Белый текст на черном фоне (негативный текст) почти так же хорош. Несмотря на то что коэффициент контрастности такой же, как и для позитивного текста, инвертированная цветовая схема немного сбивает людей с толку и немного замедляет их чтение.Разборчивость страдает гораздо больше для цветовых схем, которые делают текст светлее чистого черного, особенно, если фон сделать более темным, чем чистый белый (Nielsen 2000, стр 125).

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

Исследования

Большинство исследований, посвященных изучению читабельности текста на компьютере экран как функция цветовых сочетаний переднего плана и фона. до всемирной паутины.Один из наиболее последовательных выводов заключается в том, что влияние цветов на удобочитаемость несовместимо (Radl 1980). Например, одно исследование не обнаружило существенной разницы между 24 разными цветами комбинации производительности с задачей текстового поиска (Pace 1984). С другой рука, независимо от конкретной цветовой комбинации, более высокий уровень контрастности кажется, приводит к лучшей читаемости (Брюс и Фостер, 1982; Радл, 1980).

Существует очень мало экспериментальных исследований читабельности веб-страниц, основанных на о цветах шрифта / фона (Hill and Scharff 1997).Единственное исключение — серия из двух экспериментов, проведенных Хиллом и Шарффом (Hill and Scharff 1997, Хилл и Шарфф 1999). Результаты этих исследований согласуются с исследования, проведенные до Интернета, в которых более высокая контрастность, как правило, была более удобочитаемый. Однако, опять же, отношения были далеки от совершенства. Например, они обнаружили, что зеленый текст на желтом фоне и черный текст на светлом серый фон был более читабельным, чем черный на белом в разных эксперименты.Чтобы усложнить ситуацию, их результаты часто отличается в зависимости от типа шрифта. Так, например, читаемость зеленый на желтом, упомянутый выше, был в первую очередь новым римским, но не был таким сильным с воздушным шрифтом.

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

Другой метод концептуализации «читабельности» — это спросить пользователи просто оценивают удобочитаемость данных комбинаций. Хотя это менее «объективен», с одной стороны, он имеет то преимущество, что человек может знать, что нужно принимать во внимание другие факторы, помимо тех вещей, которые приведет к повышению производительности поисковой задачи.«Чтение» обычно включает в себя больше, чем просто поиск заданного слова в тексте. Фактически, это именно то, что Хилл и его коллеги сделали в качестве предпосылки для одного из веб-эксперименты. Они собрали данные с веб-сайта, где спросили многие испытуемые оценивают комбинации множества различных цветовых сочетаний. Их общие выводы были следующими: 1) Черное и белое постоянно оценивались как самый читаемый; 2) Цветовые комбинации, в которые входил черный, оценивались выше. читабельнее, чем те, которые этого не сделали; и 3) более темный текст на светлом фоне. были оценены выше, чем более светлый текст на более темном фоне.

Удержание

Мой студент, Патрик Ханна, и я провели эксперимент, посвященный эта проблема сочетания цветов текста / фона и удобочитаемости с некоторыми повороты (Холл и Ханна, 2003). Прежде всего, вместо использования базовой обработки в качестве объективных показателей читабельности мы использовали тесты на отзывчивость, что намного «выше» уровень »тип обработки. На образовательных сайтах, конечно, есть важный фактор, но он также важен и в других контекстах, таких как электронная коммерция, где сайт гораздо удобнее, если покупатель может сохранить информация с одной страницы на другую.Мы также явно включили разные типы информации. У нас были страницы для изучения участниками, содержащие образовательные информация о нервной клетке (нейрон), и мы попросили их изучить информацию о художественном телевидении («вид из холла»). Наше исследование было также отличается от приведенных выше тем, что мы включили различные рейтинговые меры. Мы не только попросили участников оценить «читабельность» страниц, но мы попросили их оценить вопросы, связанные с эстетикой и степень, в которой это повлияло на какую-либо тенденцию к покупке.В частности, наши оценки делятся на четыре категории: удобочитаемость, эстетика, профессионализм. взгляд и поведенческое намерение (степень, в которой цвета сделали участник хочет купить товар).

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

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

Алгоритм

Описание

Нам, как веб-дизайнерам, было бы полезно, если бы у нас были какие-то формулы на основе некоторой количественной характеристики цветов для определения «Читабельность», чтобы мы могли просто применить этот алгоритм и точно знать, читаема комбинация или нет. Фактически такой алгоритм существует, хотя (как мы увидим), она не идеальна.У w3c есть особая рекомендации по приемлемым сочетаниям цветов, основанные на Уровни RGB заданных цветов.

Рекомендации W3c основаны на двух формулах, которые дают два разных контрастные инструменты. Одна формула представляет разницу в оттенках, а другая — разница в яркости. Для обоих вам нужно только знать представление RGB. переднего плана и фона.

Ниже приводится формула для представления разницы в оттенках

.

Максимум ((Текст R — Фон R), (Фон R — Текст R)) + Максимум ((Текст G — Фон G), (Фон G — Текст G)) + Максимум ((Текст B — Фон B), (Фон B — Текст B))

Ниже приводится формула для представления яркости

((R X 299) + (G X 587) + (B X 114)) / 1000

Разница в яркости — это абсолютная величина разницы между текст vs.яркость фона.

Согласно w3c, оценка разницы яркости 125 или выше и оттенок разница в 500 или выше представляет приемлемый контраст для удобочитаемости.

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

Проверка

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