Редактор Weblium позволяет создавать сайты быстро и просто. Одно из ключевых преимуществ, которое в этом помогает — это глобальная цветовая палитра сайта. Палитра сайта автоматически подбирает цвет, какой блок или элемент вы бы ни добавили, и держит дизайн сайта консистентным.

Статья ниже поможет вам понять логику работы с цветовой палитрой.

Цветовая палитра сайта

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

Чтобы изменить цветовую палитру сайта, зайдите в редактор, нажмите на троеточие на панели управления и выберите опцию Стиль сайта:



Во вкладке Цвета перейдите к текущей палитре сайта и нажмите Редактировать:



В новом окне поменяйте цвета и проверьте, на какие текстовые элементы они влияют, затем кликните Готово:

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

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

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

Акцентные цвета используются как дополнительный способ выделить объекты на сайте. Мы рекомендуем подобрать светлый и тёмный акцентные цвета, чтобы потом равномерно распределить их по сайту.

Существуют и такие элементы на сайте, цвет которых подбирается автоматически, путём «смешивания» различных цветов в палитре — например, описание и заголовки в блоге, цвет наведения для подпунктов в меню. Изменить их можно, экспериментируя с цветовой палитрой.

Например, цвет даты в посте ниже имеет зеленоватый оттенок:



Но если посмотреть на текущую палитру сайта, зелёного цвета в ней нет:



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



Если вы поэкспериментируете с палитрой, то увидите, что при изменении Тёмного оттенка меняется также и цвет даты в посте:



Вы также можете полностью поменять текущую палитру сайта, выбрав готовый вариант из нашей галереи:



Чтобы изменения вступили в силу, опубликуйте сайт.
Была ли эта статья полезна?
отменить
Спасибо!