Scroll

MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog

Moto4

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Простая в Использовании Цветовая Палитра

Больше не стоит беспокоиться о дизайне, ведь цвет каждой кнопки, текста или фона блока будет регулироваться палитрой сайта.

 

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

  1. Как вы можете это изменить? Откройте редактор, и найдите три точки в правом верхнем углу панели инструментов. Затем щелкните по нему, и выберите опцию “Стиль сайта”:
    Screenshot_1.png
  2. В верхнем левом углу вы увидите вкладку Цвета с текущей палитрой сайта и, чуть ниже, значок Изменить. Нажмите на нее и воплотите свои идеи в жизнь:
    Screenshot_2.png
  3. Затем вы будете перенаправлены на другую страницу для изменения цветов. Проверьте, соответствуют ли они текстовым элементам так, как вы того хотите, и после этого нажмите кнопку Готово.
    Screenshot_3.png

Светлый оттенок - выбирайте этот вариант для:

  • текста на темном фоне (цена в карточках товаров интернет-магазина);
  • фона для темных элементов (цвета иконки гамбургер-меню на темном фоне в мобильной версии сайта).

Темный оттенок - обычно используется для:

  • цвета текста на светлом фоне (цвет иконки гамбургер-меню на светлом фоне в мобильной версии);
  • фона для светлых элементов.

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

  • выделить основные элементы вашего сайта (основной стиль кнопок);
  • сохранить общий дизайн (цвет цены в карточках товаров на светлом фоне).

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

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

 

Обратите внимание на пример даты в блог посте:

Screenshot_4.png

Она зеленого оттенка, но тем не менее, вы не заметите такого оттенка в текущей палитре сайта.
Screenshot_5.png

Не бойтесь ошибок! В любой момент вы можете использовать кнопку “Отменить” и попробовать еще раз. Протестируйте все возможное, чтобы получить потрясающий дизайн - измените цвета и определите, какие элементы вовлечены:

Screenshot_6.png

Цветовая палитра сайта Moto4 готова к вашим экспериментам! Обратите внимание, что после изменения темного оттенка, даже цвет даты подстраивается под него:

Screenshot_7.png

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

Screenshot_8.png

Сохраните изменения, нажмите на “Предварительный просмотр”, чтобы проверить, как будет выглядеть ваш сайт, и, если все в порядке, опубликуйте его.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии