Перейти к основному содержимому

Вопрос-ответ Дизайн и UX

Как сделать сайт цветным?

Дмитрий, Липецк 1,4 тыс. просм.

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

Елена Захарова UI/UX-дизайнер

ответил

эксперт

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

Основной цвет обычно берут из логотипа компании или фирменного стиля - так сайт визуально совпадает с остальными материалами бренда. Акцентный цвет должен контрастировать с основным настолько, чтобы кнопки и важные ссылки было видно с первого взгляда: для этого удобны бесплатные инструменты вроде Adobe Color или Coolors, они сразу показывают, как цвета работают вместе.

Дизайнеры часто ориентируются на правило 60-30-10: 60% площади сайта - нейтральный фон, 30% - основной цвет (шапка, заголовки, крупные блоки), 10% - акцент на кнопках и значках. Если этот баланс нарушен и ярких зон становится больше половины экрана, взгляд не понимает, куда смотреть в первую очередь, и сайт начинает выглядеть пёстрым по-настоящему.

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

Подробный разбор Поиск по сайту: как сделать так, чтобы им пользовались
Все вопросы темы

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

Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.

Похожие вопросы

Все вопросы темы «Дизайн и UX»

Нужен сайт или доработка?

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