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

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

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

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

Какие цвета лучше всего подходят для меню ресторана? Короткий ответ

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

Практическое правило трёх цветов

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

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

Почему читаемость важнее атмосферы

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

С читаемостью всё иначе: для неё есть измеримый стандарт. WCAG 2.2 от W3C в критерии успеха 1.4.3 (Контраст — минимальный) требует на уровне AA коэффициент контрастности не ниже 4,5:1 для обычного текста и изображений текста. Атмосферное меню, которое гости не могут прочитать при свечах, провалило свою единственную задачу.

Что психология цвета действительно доказывает (а что нет)

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

Красный, оранжевый и жёлтый: утверждение об «аппетите»

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

Лучше всего задокументированные исследования красного цвета указывают совсем в другую сторону. Elliot и соавт. (2007) в Journal of Experimental Psychology: General в шести экспериментах показали, что контакт с красным перед тестом, например тестом IQ, ухудшал результаты. Авторы связали этот эффект с мотивацией избегания.

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

Синий и зелёный: свежесть против подавления аппетита

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

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

Почему контекст и культура меняют эффект

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

Вторая переменная — культура, и здесь доказательства становятся интереснее. Jonauskaite и соавт. (2020) в Psychological Science опросили 4598 участников из 30 стран, говорящих на 22 языках. Согласно аннотации в White Rose Research Online, ассоциации между цветами и эмоциями оказались во многом общими, со средним сходством r = 0,88.

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

Практический вывод скромен. Цвет вряд ли станет надёжным рычагом влияния на аппетит. Ваше внимание лучше направить на читаемость и доступность — здесь почва гораздо твёрже.

Контраст и читаемость: самое важное

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

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

Измеримая часть читаемости — коэффициент контрастности: сравнение того, насколько светлый текст по отношению к цвету фона. Чем выше число, тем чётче буквы отделяются от страницы. Согласно WCAG 2.2, критерий успеха 1.4.3 (Контраст — минимальный, уровень AA), обычному тексту и изображениям текста нужно не меньше 4,5:1.

Коэффициенты не интуитивны, и в этом ловушка. Золотой на белом выглядит элегантно и даёт лишь около 2,1:1. Средний серый на белом выглядит «чисто» и может незаметно опуститься ниже порога. В таблице ниже — шесть примерных пар, коэффициенты рассчитаны по указанным HEX-кодам.

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

Размер и насыщенность шрифта сдвигают порог

Типографика сдвигает границу. WCAG 2.2 снижает требование до 3:1 для крупного текста — это не меньше 18 pt или 14 pt полужирным. Поэтому плотный заголовок категории кеглем 20 pt может быть набран более мягким цветом, чем строка с ингредиентами кеглем 10 pt.

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

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

Акцентные цвета для заголовков разделов и выделений

Акцентные цвета лучше всего работают там, где читать почти не нужно: в заголовках разделов, тонких разделителях, маленьком значке. Для графических элементов — иконок, рамок, контура метки в виде кнопки — WCAG 2.2, критерий успеха 1.4.11 (Контраст нетекстового содержимого, уровень AA), требует не меньше 3:1 относительно соседних цветов. Бледная акцентная линия, которая теряется на кремовом фоне, этот тест не проходит.

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

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

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

Доступность: контраст по WCAG, дальтонизм и EAA

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

Уровни контраста WCAG 2.2 простыми словами

Самый распространённый ориентир — WCAG 2.2 от W3C, где читаемость выражается коэффициентом контрастности между текстом и фоном. Согласно критерию успеха 1.4.3, уровень AA требует не меньше 4,5:1 для обычного текста и изображений текста и не меньше 3:1 для крупного текста (18 pt и больше или 14 pt полужирным). Уровень AAA в критерии 1.4.6 поднимает планку до 7:1 для текста и 4,5:1 для крупного текста.

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

Дальтонизм и ловушка красного и зелёного

По данным Colour Blind Awareness, нарушение цветового зрения встречается примерно у 1 из 12 мужчин (8%) и у 1 из 200 женщин, а самая распространённая форма — неразличение красного и зелёного. Критерий WCAG 1.4.1 уровня A гласит, что цвет не должен быть единственным визуальным средством передачи информации или различения элемента.

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

Исправление почти ничего не стоит:

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

Что охватывает EAA и чего он не решает для меню (проверьте национальное законодательство)

По данным Европейской комиссии, Европейский акт о доступности (European Accessibility Act, EAA) охватывает, среди прочих услуг, электронную коммерцию, банковские услуги и услуги пассажирских перевозок. Согласно официальному порталу ЕС Your Europe, его требования к доступности распространяются на продукты и услуги, выведенные на рынок после 28 июня 2025 года. Микропредприятия — с численностью менее 10 сотрудников и оборотом менее 2 млн евро — освобождены от обязательств в части услуг.

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

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

Как согласовать цвета меню с брендом и типом заведения

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

Отталкивайтесь от логотипа и интерьера

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

Палитры для разных типов заведений

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

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

Когда фирменные цвета не проходят проверку на контраст

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

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

Печатное, цифровое и QR-меню: одна палитра, разные правила

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

Почему цвета меняются между бумагой и экраном

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

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

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

Одно и то же меню в трёх условиях просмотра (иллюстративный пример)

Тёмная тема и солнечные веранды

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

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

Пусть цвет в мобильном меню дают фотографии блюд

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

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

QR-меню Platoo поддерживают фотографии блюд: гость сканирует код и видит каждое блюдо с картинкой, а дизайн вокруг остаётся спокойным.

Отсюда простое правило: проектируйте печатное меню под свет в зале, а QR-меню — под самый неудачный свет на вашей веранде.

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

Меню на курорте читают люди, которые могут не разделять представлений владельца о цвете, а часто и не знают его языка. Эта аудитория огромна. Согласно новости Евростата от 17 января 2025 года, туристические средства размещения в ЕС зафиксировали в 2024 году около 2,99 млрд ночёвок — на 2% (53,4 млн) больше, чем в 2023 году. На иностранных гостей пришлось 48% этих ночёвок, на внутренних — 52%.

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

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

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

Значения цветов, которые путешествуют, и те, что нет

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

Так что общие ассоциации — разумная отправная точка, но значение никогда не должно держаться на одном цвете. Красный для «острого» или зелёный для «вегетарианского» гости из разных регионов могут прочитать по-разному. Дополняйте каждый цветовой код словом или иконкой — на каждом языке.

Более длинные переводы и цветовая иерархия

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

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

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

Сезонная смена цветов без полного редизайна

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

Сохраните основу, меняйте акцент

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

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

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

Сезонные сигналы: летние веранды и зимние меню

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

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

Как проверить цвета меню перед печатью или публикацией

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

Чек-лист по цвету в 6 шагов

Частые ошибки, которых стоит избегать

Типичные провалы вполне обыденны:

• Светло-серый текст на белом. На мониторе выглядит изысканно, а в полутёмном зале исчезает.
• Текст поверх фотографий блюд. Ухудшает читаемость, если под ним нет сплошной плашки.
• Цвет как единственный носитель смысла. Красный для «острого» без всего остального заставляет гостей с дальтонизмом гадать. Добавьте подпись или иконку.
• Утверждение на одном ноутбуке. Это не проверка.

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

С чего начать

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

Одно это изменение доводит текст, по которому гости делают заказ, до минимума WCAG уровня AA. Акценты бренда, атмосфера и сезонные детали затем могут строиться на этой основе.

Частые вопросы