Цвета и шрифты сайта: как подобрать под бизнес

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

Зачем бизнесу продуманные цвета и шрифты?

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

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

С чего начать выбор цветов?

Начните с того, что у вас уже есть:

Логотип и фирменный стиль - если они есть, цвета сайта берутся из них.

Вывеска, упаковка, форма сотрудников - цвета, которые клиенты уже видели.

Ниша и аудитория - если стиля нет, посмотрите, какое настроение уместно для вашей сферы: спокойное, строгое, яркое.

Не копируйте цвета конкурентов дословно: сайт должен отличаться, а не сливаться с соседями.

Сколько цветов нужно сайту?

Меньше, чем кажется. Рабочая схема такая:

Основной цвет - фирменный, задаёт характер сайта.

Акцентный цвет - для кнопок и важных элементов, чтобы они выделялись.

Нейтральные цвета - фон, текст, линии: белый, серый, почти чёрный.

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

Какой цвет выбрать для кнопок?

Кнопка заявки должна выделяться на фоне страницы. Для этого нужен контраст, а не конкретный «правильный» цвет: красная кнопка на красном сайте теряется так же, как серая на сером.

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

Как выбрать шрифт?

Шрифт для сайта выбирают сначала по читаемости, а уже потом по характеру:

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

Читаемость на телефоне - буквы не сливаются мелким кеглем.

Характер - строгий, мягкий, современный - под тон вашего бизнеса.

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

Сколько шрифтов использовать?

Достаточно шрифта для заголовков и шрифта для текста. А можно взять семейство шрифта в нескольких начертаниях и обойтись им.

Набор из множества шрифтов выглядит неаккуратно и делает страницу тяжелее.

Как проверить, что текст читается?

Простая проверка до запуска:

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

Текст на телефоне - откройте сайт на телефоне и прочитайте абзац без увеличения.

Длина строки - слишком длинные строки на широком экране утомляют.

Если фон сайта тёмный, проверьте контраст особенно внимательно. О плюсах и минусах тёмного и светлого оформления я писал в статье тёмный или светлый сайт.

Сколько стоит сайт с подбором стиля?

Лендинг - от $190, многостраничный сайт - от $490, сложный проект - по запросу. Если фирменного стиля нет, я предлагаю цвета и шрифты под вашу нишу, а вместо логотипа можно сделать текстовый - название компании, набранное аккуратным шрифтом. Что подготовить к началу работы, я описал в статье материалы для сайта.

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