Цветовая палитра сайта
Редактор Weblium позволяет создавать сайты быстро и просто. Одно из ключевых преимуществ, которое в этом помогает — это глобальная цветовая палитра сайта. Палитра сайта автоматически подбирает цвет, какой бы блок или элемент вы ни добавили, и держит дизайн сайта однородным.
Статья ниже поможет вам понять логику работы с цветовой палитрой.
Цветовая палитра отвечает за цвет различных элементов на сайте — например, кнопок, текста или фона блоков. В основном, большинство элементов на сайте также можно настроить и вручную, но подбор цветовой палитры поможет вам сэкономить время и минимизирует дизайнерские ошибки.
Чтобы изменить цветовую палитру сайта, зайдите в редактор, нажмите на иконку Стиль сайта на панели управления в редакторе:
Во вкладке Цвета перейдите к текущей палитре сайта и нажмите Редактировать:
В новом окне поменяйте цвета и проверьте, на какие текстовые элементы они влияют, затем кликните Готово:
Светлый оттенок в палитре используется в основном для текста, который находится на тёмном фоне, а также в качестве фона для тёмных элементов. Например, светлый оттенок используется для цены в карточках товаров интернет-магазина или для цвета иконки гамбургер-меню на тёмном фоне в мобильной версии сайта.
Тёмный оттенок в палитре, наоборот, используется для цвета текста, который находится на светлом фоне. Он также является фоном для светлых элементов. Так, например, он тоже используется для цвета иконки гамбургер-меню в мобильной версии, но только при светлом фоне.
Основной брендовый цвет — это уникальный цвет, который подчёркивает главные элементы на вашем сайте. Его можно применять многократно для поддержания общего дизайна. Он используется, например, для основного стиля кнопок или цвета цены в карточках товаров на светлом фоне.
Акцентные цвета используются как дополнительный способ выделить объекты на сайте. Мы рекомендуем подобрать светлый и тёмный акцентные цвета, чтобы потом равномерно распределить их по сайту.
Существуют и такие элементы на сайте, цвет которых подбирается автоматически, путём «смешивания» различных цветов в палитре — например, описание и заголовки в блоге, цвет наведения для подпунктов в меню. Изменить их можно, экспериментируя с цветовой палитрой.
Например, цвет даты в посте ниже имеет зеленоватый оттенок:
Но если посмотреть на текущую палитру сайта, зелёного цвета в ней нет:
Поэтому попробуйте поменять разные цвета и посмотрите, на какие элементы они влияют. Если вы не довольны конечным результатом, всегда можно отменить последние действия:
Если вы поэкспериментируете с палитрой, то увидите, что при изменении Тёмного оттенка меняется также и цвет даты в посте:
Вы также можете полностью поменять текущую палитру сайта, выбрав готовый вариант из нашей галереи:
Чтобы изменения вступили в силу, опубликуйте сайт.
Статья ниже поможет вам понять логику работы с цветовой палитрой.
Цветовая палитра сайта
Цветовая палитра отвечает за цвет различных элементов на сайте — например, кнопок, текста или фона блоков. В основном, большинство элементов на сайте также можно настроить и вручную, но подбор цветовой палитры поможет вам сэкономить время и минимизирует дизайнерские ошибки.
Чтобы изменить цветовую палитру сайта, зайдите в редактор, нажмите на иконку Стиль сайта на панели управления в редакторе:
Во вкладке Цвета перейдите к текущей палитре сайта и нажмите Редактировать:
В новом окне поменяйте цвета и проверьте, на какие текстовые элементы они влияют, затем кликните Готово:
Светлый оттенок в палитре используется в основном для текста, который находится на тёмном фоне, а также в качестве фона для тёмных элементов. Например, светлый оттенок используется для цены в карточках товаров интернет-магазина или для цвета иконки гамбургер-меню на тёмном фоне в мобильной версии сайта.
Тёмный оттенок в палитре, наоборот, используется для цвета текста, который находится на светлом фоне. Он также является фоном для светлых элементов. Так, например, он тоже используется для цвета иконки гамбургер-меню в мобильной версии, но только при светлом фоне.
Основной брендовый цвет — это уникальный цвет, который подчёркивает главные элементы на вашем сайте. Его можно применять многократно для поддержания общего дизайна. Он используется, например, для основного стиля кнопок или цвета цены в карточках товаров на светлом фоне.
Акцентные цвета используются как дополнительный способ выделить объекты на сайте. Мы рекомендуем подобрать светлый и тёмный акцентные цвета, чтобы потом равномерно распределить их по сайту.
Существуют и такие элементы на сайте, цвет которых подбирается автоматически, путём «смешивания» различных цветов в палитре — например, описание и заголовки в блоге, цвет наведения для подпунктов в меню. Изменить их можно, экспериментируя с цветовой палитрой.
Например, цвет даты в посте ниже имеет зеленоватый оттенок:
Но если посмотреть на текущую палитру сайта, зелёного цвета в ней нет:
Поэтому попробуйте поменять разные цвета и посмотрите, на какие элементы они влияют. Если вы не довольны конечным результатом, всегда можно отменить последние действия:
Если вы поэкспериментируете с палитрой, то увидите, что при изменении Тёмного оттенка меняется также и цвет даты в посте:
Вы также можете полностью поменять текущую палитру сайта, выбрав готовый вариант из нашей галереи:
Чтобы изменения вступили в силу, опубликуйте сайт.
Обновлено на: 06/12/2023
Спасибо!