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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь немного теории о сочетаниях цветов фона и шрифта.

Белый – открытость и нейтральность

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

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

Голубой – нежность и мягкость

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

Желтый – общительность, коммуникабельность и открытость

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

Цвет активизирует развитие, и деятельность мысли, не зря одно из направлений подачи информации назвали «желтой прессой», так как она дает длительное обсуждение её информации.

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

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

Зеленый – снятие нервного напряжения и остроты переживания

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

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

Коричневый – стабильность, реалистичное настроение

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

Красный – напряженность, внимание, действие

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

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

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

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

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

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

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

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

Для глаз чтение белого текста на темном фоне – это стресс.

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

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

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

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

Происходит это потому, что свет не отражается от него в темной комнате.

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

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

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

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

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

Источник: https://elec-club.ru/motors/zelenyi-shrift-na-chernom-fone-kogda-sleduet-ispolzovat-belyi-tekst-na-temnom/

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

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

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

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

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

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

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

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

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

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

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

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

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

Наверное, правильнее было б называть эту схему ”светлым по темному”, но звучит как-то не очень.

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

  • Браузер
  • Обозреватели документов
  • Текстовый редактор
  • Среда разработки
  • Разное

  • Гигиена зрения
  • Эксперимент

Chrome (Chromium)

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

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

High Contrast

Более простое решение. Им иногда удобнее пользоваться чем Clearly (напр., на форумах). Есть возможность быстро создать исключение или задать схему по умолчанию. HotkeysДля себя настроил следующим образом — горячие клавиши Alt+H, расширение включено (Enabled) постоянно, режим Normal установил по умолчанию, а для нужных сайтов включаю Inverted Color. Так я косвенным образом веду список сайтов, на которых инверсия включается автоматически и не нужно вручную переключать туда-сюда режимы. Существенный минус расширения в том, что цвет изображений также изменяется.

К сожалению, сочетание клавиш (Shift+F11) нельзя поменять в настройках. Но если очень хочется, то можно копнуть исходники. У меня расширение находиться в:

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

Stylish

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

Theme

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

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

Считаю, что на этом месте нужно кинуть камень в огород Хром разработчиков.

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

Firefox

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

Blank Your Monitor

Похоже на High Contrast.
HotkeysПрисутствует то же неудобство сочетания из трёх клавиш. Можно исправить с помощью Customizable Shortcuts: Options > Shortcuts > Action: Other — bymer-key.

Stylish

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

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

Opera

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

альтернатива StylishНа userstyles.org каждый стиль можно сохранить в виде userscript. Складываем все скрипты в одну директорию, переименовываем так, чтобы имена файлов заканчивались на “.user.js” и указываем путь в настройках:
Tools > Preferences > Advanced > Content > JavaScript Options > User JavaScript folder.

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

Internet Explorer

С выбором разширений для этого браузера все грустно, ничего путевого не нашел. Но похоже, что цвета можно поменять следующим образом — Internet Options > Appearance: Colors, но перед тем надо отметить Accessibillity > Formatting: Ignore colors specified on webpages. Насколько хорошо работает не знаю, лично не пробовал.

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

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

Edit > Preferences (Сtrl+K) > Accessibility > Documents Color Options: Replace Document Colors, Use High Contrast Colors. Удобнее читать во весь экран (Ctrl+L), чтобы не мешали яркие элементы интерфейса (или менять цвет этих элементов в ОС).

HotkeysAdobe Reader запоминает последнюю позицию меню в настройках. Если позиция осталась на Accessibility и её не менять, то можно инвертировать цвет сочетанием клавиш Ctrl+K | Tab | Space | Enter. Можно автоматизировать при помощи макросов.

WinDjView

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

File > Settings (Ctrl+,) > Display: Invert Colors. Удобней читать во весь экран (Ctrl+L).

HotkeysWinDjView также запоминает последнюю позицию меню в настройках. Если её не менять, то можно инвертировать цвет сочетанием клавиш Ctrl+, | Space | Enter. Можно автоматизировать при помощи макросов.

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

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

Google Docs

до и после
С инвертированием цветов в Google Docs отлично справляется High Contrast и BlankYourMonitor. High Contrast немножко тормозит в больших документах. Есть другой вариант, это минималистичный стиль Write Room, который также убирает панель инструментов (при наведении курсора появляется назад).

Sublime Text

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

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

Visual Studio
Расцветка меняется в настройках (Tools > Options > Environment > Fonts and Colors), но это может быть длительная процедура, поскольку тяжело подобрать подходящие цвета с первого раза.
Есть более удобные решения для последних версий (2005/2008/2010/2012).

Онлайн приложение Visual Studio Theme Generator генерирует конфигурационный файл (.vssettings) с выбраными цветами. А также сформировалось целое сообщество стилеводов на Studio Styles, где есть выбор среди множества готовых стилей.

В любом случае, перед изменением цветов лучше сделайте бекап текущих настроек (Tools > Import and Export Settings), можно экспортировать исключительно цветовые параметры.

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

Visual Studio 2010

до и после
Чтобы каждый раз не менять настройки студии, специально для изменения цветовой схемы было создано расширение Visual Studio Theme Editor (добавляет дополнительное меню Theme). В этом посте об использовании, хотя там все довольно интуитивно. Я использую тему Expression отсюда.

Visual Studio 2012

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

Eclipse

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

Matlab

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

Разное

Windows 7
до и после
Тем, кому не хочется основательно менять цвета всех окон, предлагаю поменять хотя бы цвет taskbar, чтобы он не контрастировал с темным браузером или редактором (Control Panel > Appearance and Personalization > Personalization > Window Color).

Остальные цвета находятся там же в Advanced appearance settings.
В поиске по ключевым словам “dark theme” или “black theme” найдете множество сайтов с темами. Много качественных (не только для Windows) находятся на deviantART.
Первое, что мне подошло это Dark Soft (использовал только стили, бинарные файлы (explorer.

exe) не применял).

Linux, MacOS, Windows 8, Windows XP

Источник: https://habr.com/post/269571/

Так ли полезны темные темы как о них говорят?

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

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

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

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

Насколько легче вам будет читать с темной темой сильно зависит от ваших глаз и освещения вокруг.

Потребляют ли устройства меньше энергии с темной темой?

Ответ на это вопрос весьма простой – да, но только если в вашем устройстве используется матрица типа OLED или AMOLED. Обычные LCD или другие дисплеи практически не способны улучшить автономность вашего устройства.

Так выглядят пиксели у LCD и AMOLED дисплеев

В экранах AMOLED ток проходит через органические соединения чтобы подсветить отдельные пиксели.

Поэтому если пиксель должен отражать черный цвет, то к нему просто не поступает ток и он остается выключенным. Стоит отметить, что такое поведение относится только к чисто черному цвету (hex #000000).

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

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

Именно поэтому в Google задумались над применением темных тем, ведь в собственных смартфонах компании используются AMOLED панели. По заявлениям корпорации, применение темной темы позволит сократить энергопотребление до 63%.

На ближайшей конференции Google I/O мы ждем появления новой версии Android с возможностью включения глобальной темной темы.

Темная тема и другие функции в новом AndroidApple WWDC 2019: новые функции в iOS, macOS и watchOS

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

От яркости экрана – да, но от цвета – нет. LCD матрицы состоят из множества слоев для формирования конечного изображения, при этом подсветка таких экранов работает постоянно и подсвечивает все пиксели.

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

Строение LCD дисплеев

Таким образом разные принципы формирования изображения дают нам четкий ответ – AMOLED/OLED дисплеи получают преимущества от применения темных тем, а LCD – нет.

Помогают ли темные темы вашим глазам?

Здесь все становиться несколько сложнее, потому что темные темы иногда могут помочь ваши глазам, но не всегда

Строение глаза человека

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

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

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

Пример написания текста при использовании разных цветов

Читаемость при использовании темных тем

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

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

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

Плюсы:

· Темные темы могут уменьшить напряжение на глаза в условиях недостаточного освещения.

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

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

Темная тема в текстовом редакторе Atom

Минусы:

· Темные темы могут сильнее раздражать глаза при достаточном освещении, поскольку текст может читаться сложнее.

· 100% контраст между текстом и задним фоном (абсолютно черный текст на чисто белом фоне) обычно сложнее воспринимать, и он может сильнее раздражать глаза.

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

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

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

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

Переходите на темную сторону! У нас есть печенье!

Если вы любите использовать темные темы – просто используйте их. Делайте все что позволит вашим глазам меньше уставать.

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

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

Источник: https://zen.yandex.ru/media/id/5c39c3b827f43a00acb0dc13/5cd17523ed7a4c00aee42424

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

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

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

Создать открытку 8 марта онлайн

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

  1. Canva – известный многим функциональный фоторедактор. Здесь вы найдете множество шаблонов. Нужна регистрация.
  2. Printclick Если у вас свой бизнес, то вы можете заказать партию открыток с логотипом и контактами своей компании. Воспользоваться же вы можете генератором открыток princlick. Отличная рекламная акция и недорого.
  3. Crello – редактор, в котором нужна регистрация. Не пугайтесь английского языка, в настройках можно переключится на русский.
  4. Онлайн-открытка – для тех, у кого хорошо развита фантазия, так как создавать открытку придется с чистого листа.
  5. Mumotiki – подготовьте красивую картинку, а поздравительный текст вы сможете добавить здесь. Кстати, если вам нужно просто добавить текст на картинку, то вы можете ознакомиться с .

Я надеюсь, что воспользовавшись одним из этих генераторов, вы сможете достойно поздравить своих дам с 8 марта!

Иванова Наталья

статьи:

Google Plus закрывается

Источник: https://uofa.ru/chernyi-fon-i-belye-nadpisi-kogda-sleduet-ispolzovat-belyi-tekst/

Выбор цвета и шрифта для рекламы

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

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

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

Цвет

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

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

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

  • Черные буквы на желтом фоне.
  • Зеленые буквы на белом фоне.
  • Красные буквы на белом фоне.

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

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

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

Голубой, синий – цвета холодной части спектра. Светлые оттенки также придают ощущение объема. Они дают чувство спокойствия (темные оттенки – стабильности и шика), подталкивая вдумчиво и рассудительно вчитываться в информацию.

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

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

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

Выбирая палитру для рекламного обращения, следует избегать следующих решений:

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

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

Шрифт

Современные технологии предлагают колоссальную свободу в выборе шрифта для рекламы.

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

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

  • Для рекламы рекомендуется использовать шрифт с засечками. Мы привели для вас пример букв такого шрифта. Посмотрев на рисунок, вы сразу сможете понять, что означает этот термин: вертикальные элементы каждой буквы сделаны с горизонтальными «палочками» (могут быть выполнены как в виде прямоугольников, так и иметь скругления). Эти «палочки» – ориентиры для наших глаз: взрослый человек, обладающий достаточными навыками в чтении, читает «по вершинам» – то есть, взгляд направлен на верхнюю часть букв, по их очертаниям и распознаются знакомые символы.
  • В целом же шрифт должен быть легкочитаемым (то есть, давать большие объемы информации рукописным шрифтом или буквами с оригинальными очертаниями бессмысленно – изящная вязь может вызвать интерес, но будет препятствовать быстрому прочтению и восприятию информации).
  • Кегль шрифта следует выбирать исходя из конкретной ситуации. Большие буквы привлекают внимание, выделяют информацию. Однако не стоит давать большие объемы текста только заглавными буквами – это утомляет.
  • С выделениями текста полужирным начертанием тоже следует быть осторожными: это может утомлять и снижать читаемость.

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

Источник: https://proreklam.ru/info/cvet/

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.