Шрифт на черном фоне белые буквы. Оригинальный текст - белым по черному

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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