Какие цвета, шрифты и стиль подходят вашему бизнесу
Цвета и шрифты выбирают не по трендам и не по любимому цвету владельца, а по характеру бизнеса. Разбираем, как собрать минимальный визуальный язык и проверить его на практике.
- Автор
- Владимир Зянкин
- Опубликовано
- Обновлено
- Чтение
- 8 минут
Содержание
Визуальный стиль выводится из характера и позиции бизнеса, а не из трендов. Опишите характер тремя словами, и уже из них выбирайте цвет, шрифт и манеру фотографий. Для малого бизнеса достаточно минимального набора — один-два шрифта, основной цвет, пара нейтральных и один акцент. Обязательно проверьте читаемость и контраст, а шрифт — на кириллицу и казахские буквы ә, ғ, қ, ң, ө, ұ, ү, һ, і: без них вывеска и документы на казахском будут выглядеть собранными из разных шрифтов.
Вопрос звучит по-разному. «Какой цвет сейчас в моде для кофеен?» «Дизайнер предложил три палитры, все красивые — как выбрать?» «Хочу фиолетовый, это мой любимый цвет, это нормально?»
За всеми этими вопросами одна и та же проблема: нет точки отсчёта. Когда непонятно, от чего отталкиваться, выбор делается по вкусу, по моде или по тому, что есть у соседа. И каждый из этих способов через год-два приводит к ощущению, что «что-то не то».
Точка отсчёта есть — это характер вашего бизнеса.
Почему выбор по трендам не работает
Тренды в оформлении меняются быстро. То, что сегодня выглядит свежо в ленте Instagram, через пару лет будет считываться как «так делали в прошлом сезоне». А вывеска, форма сотрудников, упаковка и штамп на документах живут годами.
Вторая проблема — одинаковость. Если все кофейни района выбирают модный бежевый с тонким шрифтом, они становятся неотличимы. Тренд — это по определению то, что делают все.
Третья — несоответствие. Мягкие пастельные тона могут быть модными, но если вы СТО, которое обещает надёжность и скорость, пастель будет говорить совсем другое.
Выбор по любимому цвету владельца — та же ловушка, только личная. Цвет адресован клиенту, а не вам.
С чего начинать: характер в трёх словах
Прежде чем открывать палитры, ответьте на вопрос: каким бизнес должен ощущаться для клиента? Выберите три слова. Не «качественный» и «надёжный» — это хотят все. Ищите слова, которые отличают.
Например:
- стоматология — «спокойная, точная, бережная»;
- барбершоп — «грубоватый, уверенный, мужской»;
- детский образовательный центр — «живой, любопытный, безопасный»;
- пекарня — «тёплая, домашняя, утренняя»;
- СТО — «чёткое, честное, быстрое».
Эти три слова — фильтр для всех визуальных решений. Если слов нет, их стоит найти через позиционирование: как это сделать, разобрано в материале «Как сформулировать позиционирование простыми словами».
Как из характера получается стиль
Цвет
Цвет — самый быстрый сигнал. Его замечают раньше, чем читают название.
Не ищите «правильное значение» цвета в таблицах вроде «синий — доверие, красный — страсть». Это слишком грубо: синий бывает и холодным больничным, и глубоким дорогим. Важнее не оттенок сам по себе, а его характер.
Задайте себе вопросы, отталкиваясь от трёх слов:
- тёплый или холодный? Пекарне ближе тёплые тона, клинике — чаще холодные или нейтральные;
- яркий или приглушённый? Детскому центру подойдёт живой и насыщенный, стоматологии — спокойный;
- светлый или глубокий? Светлые тона читаются как лёгкость, глубокие — как серьёзность и солидность.
Отдельно посмотрите на конкурентов. Если все стоматологии в районе бело-синие, бирюзовый или тёплый серый помогут выделиться, не ломая ощущения медицины.
Шрифт
Шрифт — это интонация. Один и тот же текст, набранный разными шрифтами, звучит по-разному: строго, дружелюбно, небрежно, дорого.
Грубо шрифты делятся на несколько групп:
- без засечек, простые — нейтральные, современные, хорошо читаются на экране и на вывеске;
- с засечками — классика, солидность, иногда уют; хороши для заголовков у пекарни, книжного, юридической компании;
- геометрические — чёткие, технологичные;
- рукописные и декоративные — характер и эмоция, но только для коротких надписей.
Практическое правило: чем важнее читаемость — прайс, меню, документы, навигация, — тем проще должен быть шрифт.
Фотографии
Про них часто забывают, хотя в Instagram и 2GIS они формируют впечатление сильнее, чем цвет и шрифт. Стиль фотографий тоже выводится из трёх слов: тёплый дневной свет или холодный студийный, люди в кадре или только продукт, крупные планы или общие, живые моменты или постановка.
Главное — выбрать один стиль и держаться его. Разнобой в фотографиях разрушает впечатление быстрее, чем разнобой в шрифтах.
Минимальный набор
Малому бизнесу не нужна палитра из двенадцати цветов и пять шрифтов. Чем меньше элементов, тем легче их соблюдать и тем быстрее вас запоминают.
| Элемент | Сколько нужно | Для чего |
|---|---|---|
| Шрифты | 1–2 | Один для заголовков, второй для текста — или один на всё |
| Основной цвет | 1 | Вывеска, аватарка, упаковка — то, по чему узнают |
| Нейтральные | 2 | Фон и текст: белый, светло-серый, тёмно-серый, чёрный |
| Акцент | 1 | Кнопки, цены, скидки, важные пометки — редко и по делу |
| Стиль фото | 1 | Свет, ракурс, фон — одни правила для всех снимков |
Один шрифт и два цвета, применённые последовательно, выглядят сильнее, чем богатая палитра, применённая как попало. Почему именно повторяемость делает бизнес узнаваемым, подробнее — в материале «Как сделать так, чтобы вас запоминали».
Проверки, которые нельзя пропускать
Читаемость и контраст
Красиво на мониторе дизайнера не значит читаемо на улице.
- Вывеска вечером. Посмотрите, как сочетание цвета букв и фона выглядит в темноте и с подсветкой.
- Телефон на солнце. Откройте макет поста или сайта на телефоне при дневном свете. Светло-серый текст на белом и бежевый на кремовом в таких условиях исчезают.
- Чёрно-белая копия. Переведите макет в оттенки серого. Если текст сливается с фоном, контраста мало — это заметят люди со слабым зрением и все, кто читает на ходу.
- Маленький размер. Прайс, адрес, часы работы, подписи в сторис. Декоративный шрифт в мелком размере превращается в узор.
Для проверки контраста есть бесплатные онлайн-сервисы: вводите два цвета — получаете ответ, достаточно ли они различаются для чтения.
Кириллица и казахские буквы
Это проверка, которую в Казахстане пропускают чаще всего, а последствия видны сразу.
Многие красивые шрифты сделаны только для латиницы. Часть поддерживает русскую кириллицу, но не имеет казахских букв: ә, ғ, қ, ң, ө, ұ, ү, һ, і. Когда такой шрифт используют для вывески или документа на казахском, программа подставляет недостающие буквы из другого шрифта. В итоге в слове «Қош келдіңіз» буквы «Қ» и «ң» выглядят чужими — другой толщины, высоты, формы.
На вывеске это выглядит как ошибка изготовителя. В договоре, прайсе или меню — как небрежность. А двуязычные носители в Казахстане — обычная практика, так что проблема всплывёт почти наверняка.
Как проверить:
- Наберите в выбранном шрифте все казахские буквы — строчные и заглавные: ә ғ қ ң ө ұ ү һ і, Ә Ғ Қ Ң Ө Ұ Ү Һ І.
- Наберите несколько реальных фраз с вашей вывески, меню или документов на казахском.
- Убедитесь, что все буквы одного стиля и толщины и ни одна не выпадает.
- Проверьте все начертания, которые будете использовать, — обычное, жирное, курсив. Бывает, что казахские буквы есть в обычном, но отсутствуют в жирном.
Примеры
Стоматология в Астане. Три слова — «спокойная, точная, бережная». Вместо стандартного ярко-синего выбрали приглушённый зелёно-бирюзовый, тёплый светло-серый фон и простой шрифт без засечек с полной поддержкой казахского. Фотографии — дневной свет, врачи с пациентами, без стоковых улыбок. Двуязычная навигация внутри клиники выглядит цельно.
Барбершоп в Шымкенте. «Грубоватый, уверенный, мужской». Тёмный фон, один насыщенный акцент, плотный шрифт для заголовков. Первый выбранный шрифт оказался без казахских букв — заметили, когда сделали макет вывески с «Қош келдіңіз». Заменили на похожий по характеру с полной кириллицей.
Пекарня в Алматы. «Тёплая, домашняя, утренняя». Владелица хотела модный минималистичный чёрно-белый стиль, как у кофеен в центре. По трём словам он не подходил — выглядел холодно. Остановились на тёплом кремовом, коричневом и одном оранжевом акценте, шрифт с засечками для заголовков, фотографии — утренний свет и хлеб крупным планом.
Образовательный центр. «Живой, любопытный, безопасный». Соблазн был взять радугу. Сделали один яркий основной цвет, два нейтральных и акцент для расписания и цен. Материалы для родителей стали выглядеть серьёзнее, а детям по-прежнему весело.
Частые ошибки
- Выбирать по тренду. Модное сегодня будет выглядеть датированным через пару лет.
- Выбирать по любимому цвету владельца. Стиль говорит с клиентом, а не с вами.
- Слишком много всего. Пять шрифтов и восемь цветов не складываются в систему.
- Декоративный шрифт для текста. Рукописный прайс никто не дочитает.
- Не проверять казахские буквы. Обнаружится на вывеске, когда переделывать дороже всего.
- Оценивать только на экране. Проверяйте на улице, на телефоне, в печати.
Коротко
- Стиль выводится из характера бизнеса в трёх словах, а не из трендов и не из вкуса владельца.
- Цвет, шрифт и фотографии — три главных рычага; фотографии важны не меньше двух других.
- Минимальный набор: 1–2 шрифта, основной цвет, два нейтральных, один акцент и одни правила съёмки.
- Проверяйте читаемость в реальных условиях: вечером, на солнце, в мелком размере.
- Шрифт обязан поддерживать кириллицу и казахские буквы ә, ғ, қ, ң, ө, ұ, ү, һ, і во всех нужных начертаниях.
Когда цвета, шрифты и стиль фотографий выбраны, начинается самое сложное — применять их одинаково везде. Как сделать, чтобы Instagram, вывеска, сайт и упаковка выглядели как один бизнес, разобрано в материале «Как сделать, чтобы Instagram, сайт, вывеска и упаковка выглядели как один бренд».