Цвета и шрифты - это первое, что человек воспринимает на сайте, ещё до того, как прочитает хоть слово. Они формируют впечатление о компании за доли секунды. Удачное сочетание вызывает доверие и желание остаться, неудачное - отталкивает, даже если содержание отличное. При этом базовые правила несложные.
Дизайн - это не только про красоту, но и про удобство. Главная задача оформления - не привлечь внимание к себе, а помочь человеку легко получить информацию и сделать нужное действие. Хороший дизайн часто незаметен: им просто удобно пользоваться.
Цвет: меньше значит лучше
Частая ошибка начинающих - использовать слишком много цветов. Когда на странице десяток оттенков, глаз не понимает, на что смотреть, и всё выглядит пёстро и непрофессионально. Достаточно одного основного цвета, одного дополнительного и нейтральных тонов для фона и текста.
- Основной цвет - фирменный, для важных кнопок и акцентов
- Дополнительный - для второстепенных элементов
- Нейтральные тона - для фона, текста и разделителей
- Акцентный цвет используйте редко, чтобы он действительно выделял
Контраст и читаемость
Самое важное правило для цвета текста - контраст. Светло-серый текст на белом фоне выглядит стильно на макете дизайнера, но его тяжело читать, особенно людям с неидеальным зрением и на ярком солнце с экрана телефона. Текст должен чётко выделяться на фоне. Удобство чтения важнее модного приглушённого вида.
Шрифты: простота надёжнее
Со шрифтами работает то же правило, что и с цветами: меньше значит лучше. Одного-двух шрифтов достаточно для любого сайта. Один - для заголовков, другой - для основного текста. Когда шрифтов много, страница выглядит неряшливо и теряет цельность.
- Не больше двух шрифтов на сайте
- Основной текст - простой и хорошо читаемый шрифт
- Достаточный размер текста, особенно на телефоне
- Удобный интервал между строками, чтобы текст не сливался
Единый стиль
Сайт должен выглядеть цельно. Если на одной странице кнопки одного вида, а на другой - совсем другого, возникает ощущение небрежности. Заранее задайте единый стиль для кнопок, заголовков, отступов и придерживайтесь его на всех страницах. Это и есть основа профессионального вида.
Связь с брендом
Цвета и шрифты сайта должны перекликаться с остальными материалами компании - логотипом, визитками, страницами в соцсетях. Когда всё оформлено в едином стиле, бренд запоминается и выглядит солиднее. Разнобой, наоборот, размывает образ и снижает доверие.
Если сомневаетесь, выбирайте простоту. Сдержанный, аккуратный и читаемый сайт почти всегда выигрывает у пёстрого и перегруженного. Дизайн работает на бизнес тогда, когда не мешает человеку, а помогает.