Как сделать сайт цветным?
Дмитрий, Липецк 1,4 тыс. просм.
У нас сайт-визитка на конструкторе, весь белый с серым текстом - выглядит скучно рядом с конкурентами. Хочу добавить цвета, но боюсь, что получится пёстро и безвкусно. Как подойти к этому правильно?
Елена Захарова UI/UX-дизайнер
ответил
Добавлять цвет стоит не хаотично, а через простую систему: один основной, брендовый цвет, один акцентный для кнопок и важных элементов и один-два нейтральных для фона и текста - этого достаточно для живого, но аккуратного сайта. Пёстрым сайт становится не от наличия цвета, а от отсутствия системы, когда каждая секция красится по-своему без общей логики.
Основной цвет обычно берут из логотипа компании или фирменного стиля - так сайт визуально совпадает с остальными материалами бренда. Акцентный цвет должен контрастировать с основным настолько, чтобы кнопки и важные ссылки было видно с первого взгляда: для этого удобны бесплатные инструменты вроде Adobe Color или Coolors, они сразу показывают, как цвета работают вместе.
Дизайнеры часто ориентируются на правило 60-30-10: 60% площади сайта - нейтральный фон, 30% - основной цвет (шапка, заголовки, крупные блоки), 10% - акцент на кнопках и значках. Если этот баланс нарушен и ярких зон становится больше половины экрана, взгляд не понимает, куда смотреть в первую очередь, и сайт начинает выглядеть пёстрым по-настоящему.
Отдельно проверьте контраст текста на цветном фоне: серый текст на светло-голубом фоне может стать нечитаемым, особенно на телефоне при солнечном свете. Если конструктор позволяет менять только предустановленные темы и результат всё равно не устраивает, это повод обратиться к дизайнеру за индивидуальной палитрой - разовая консультация по цвету обычно стоит в разы дешевле полной переделки сайта.
Задать свой вопрос
Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.
Вопрос отправлен на модерацию. После проверки он появится на сайте вместе с ответом.
Вопрос не отправлен: нужно подтвердить согласие на обработку персональных данных.