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

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

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

Цвет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шрифт

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

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

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

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

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

Применение желтого цвета в рекламе

«АКВАРЕЛЬ»/ клипарты и иллюстрации

Цветовые комбинации фона и цвета шрифта — очень важный фактор влияющий на читабельность текста!

По данным института цвета «Pantone Color Institute» желтый и черный цвета представляют собой хроматические противоположности, а контраст яркости между этими двумя цветами составляет 85 процентов, именно такое сочетание является самым читабельным в рекламе.

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

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

И так, рейтинг контрастности:

1-е место — черный на желтом.

2-е место в рейтинге читабельности занимает черный на белом.

3-е место — желтый на черном.

4 место — белый цвет шрифта на черном фоне.

5 место — синий шрифт на белом фоне.

6 место — белый шрифт на синем фоне.

7 место — синий шрифт на желтом фоне.

8 место — желтый цвет шрифта на синем фоне.

9 место — зеленый шрифт на белом фоне.

10 место — белый шрифт на зеленом фоне.

11 место — красный шрифт на белом фоне.

12 место — белый шрифт на красном фоне.

13 место — красный шрифт на желтом фоне.

14 место — желтый шрифт на красном фоне.

15 место — розовый шрифт на белом фоне.

16 место — белый цвет шрифта на розовом фоне.

17 место — розовый шрифт на желтом фоне.

18 место — желтый шрифт на розовом…. то-есть совсем нечитабельно.

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

1. Черный на розовом.
2. Черный на желтом.
3. Черный на оранжевом.
4. Темно-зеленый на желтом.
5. Черный на красном.
6. Темно-зеленый на белом.
7. Черный на белом (на самом последнем месте. ..).

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

Итог: текст вашего сообщения/рекламы бесполезен, если он нечитабелен — помогите читателю и себе! Выбирайте наиболее читабельные цветовые комбинации и, конечно, шрифты:)

Рейтинг

☆

☆

☆

☆

☆

  
0.0
(0 голосов)

«АКВАРЕЛЬ»/ клипарты и иллюстрации

Россия, Кемеровская обл., Новокузнецк

Магазин (3)

Блог (4)

Следите за творчеством мастера

Публикации по теме

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

• Ключевые слова
• желтый
• реклама
• цвет
• шрифт
• цветовые комбинации
• желтый цвет
• рейтинг контрастности

Рубрики публикаций

Идеи и вдохновение
Всё о продажах
Мода, стиль, тенденции
Хендмейд как бизнес
Материалы и инструменты
Организация мастерской
История рукоделия
Занимательные истории
Интервью
Хитрости и советы / Lifehack

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

1. Главная

>

2. Советы по доступности

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

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

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

• Онлайн-проверка цветового контраста Deque
• Расширения браузера axe DevTools: axe DevTools для Chrome и axe DevTools для Edge и axe DevTools для Firefox
• Luminosity Color Contrast Ratio Analyzer — веб-инструмент от Juicy Studio
• Проверка контрастности цвета — snook. ca

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

Как выбрать цвет шрифта на желтом фоне?

Задавать вопрос

спросил
5 лет, 4 месяца назад

Изменено
2 года назад

Просмотрено
8к раз

Есть похожие вопросы, подобные этому и этому.

Однако этот вопрос отличается из-за различных конструктивных ограничений.

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

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

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

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

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

Итак, как лучше всего подобрать высококонтрастный цвет, который также дополнит другие цвета в дизайне?

• цвет
• шрифты
• дизайн интерфейса
• теория цвета
• ios

3

Должен ли шрифт оставаться белым?

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

Или, если вам нужно внешнее свечение, желтый шрифт с белым свечением. ..

7

Насколько я понимаю ваш вопрос, проблема в том, что цвета, достаточно яркие, чтобы контрастировать с фоном, склонны сливаться с белым?

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

Что-то вроде этого:

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

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

3

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

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