Кольорова палітра сайту
Редактор Weblium дозволяє створювати сайти швидко та легко. Одна з найсуттєвіших переваг, яка допомогає в цьому процесі — це глобальна кольорова палітра сайту. Палітра сайту автоматично підбирає доречний колір незалежно від того, який блок або елемент ви додаєте, і допомогає зберігати дизайн сайту цілісним.
Стаття нижче допоможе вам зрозуміти, як саме працює кольорова палітра.
Кольорова палітра відповідає за колір різноманітних елементів на сайті — наприклад, кнопок, тексту або фону блоків. Загалом більшість елементів можна також налаштувати вручну, але підбір кольорової палітри допоможе вам зекономити час та мінімізувати дизайнерські помилки.
Для того, щоб змінити кольорову палітру сайту, зайдіть у редактор, натисніть на іконку Стиль сайту на панелі керування:
У вкладці Кольори перейдіть до поточної палітри сайту і натисніть Редагувати:
У новому вікні змініть кольори та перевірте, на які текстові елементи вони впливають, далі клацніть Готово:
Світлий відтінок палітри використовується переважно для тексту, що знаходиться на темному фоні, а також як фон для темних елементів. Наприклад, світлий відтінок використовується для ціни в картках товарів інтернет-магазину та для кольору іконки бургер-меню на темному фоні в мобільній версії сайту.
Темний відтінок палітри, навпаки, використовується для кольору тексту, що знаходиться на світлому фоні. Він також є фоном для світлих елементів. Так, наприклад, він використовується для кольору іконки бургер-меню, але на світлому фоні.
Основний брендовий колір — це унікальний колір, який підкреслює головні елементи на вашому сайті. Його можна застосовувати багаторазово для підтримання єдиного дизайну. Він використовується, наприклад, для основного стилю кнопок або кольору ціни в картках товарів на світлому фоні.
Акцентні кольори використовуються як додатковий спосіб виділення об'єктів на сайті. Ми радимо підібрати світлий та темний акцентні кольори, щоб потім рівномірно розподілити їх на сайті.
Існують ще такі елементи на сайті, колір яких обирається автоматично, шляхом «змішування» різних кольорів палітри — наприклад, опис та заголовок у блозі, колір наведення для підпунктів меню. Змінити їх можна, експериментуючи з кольоровою палітрою.
Наприклад, колір дати у пості нижче має зеленуватий відтінок:
Однак якщо подивитися на поточну палітру сайту, зеленого кольору в ній немає:
Тому спробуйте змінити різні кольори та подивитися, на які елементи вони впливають. Якщо вам не сподобається кінцевий результат, завжди можна скасувати останні дії в редакторі:
Якщо ви поекспериментуєте з палітрою, то побачите, що за зміни Темного відтінку змінюється також колір дати в пості:
Ви також можете повністю замінити поточну палітру сайту, обравши готовий варіант з нашої галереї:
Для того, щоб зміни вступили в силу, опублікуйте свій сайт.
Стаття нижче допоможе вам зрозуміти, як саме працює кольорова палітра.
Кольорова палітра сайту
Кольорова палітра відповідає за колір різноманітних елементів на сайті — наприклад, кнопок, тексту або фону блоків. Загалом більшість елементів можна також налаштувати вручну, але підбір кольорової палітри допоможе вам зекономити час та мінімізувати дизайнерські помилки.
Для того, щоб змінити кольорову палітру сайту, зайдіть у редактор, натисніть на іконку Стиль сайту на панелі керування:
У вкладці Кольори перейдіть до поточної палітри сайту і натисніть Редагувати:
У новому вікні змініть кольори та перевірте, на які текстові елементи вони впливають, далі клацніть Готово:
Світлий відтінок палітри використовується переважно для тексту, що знаходиться на темному фоні, а також як фон для темних елементів. Наприклад, світлий відтінок використовується для ціни в картках товарів інтернет-магазину та для кольору іконки бургер-меню на темному фоні в мобільній версії сайту.
Темний відтінок палітри, навпаки, використовується для кольору тексту, що знаходиться на світлому фоні. Він також є фоном для світлих елементів. Так, наприклад, він використовується для кольору іконки бургер-меню, але на світлому фоні.
Основний брендовий колір — це унікальний колір, який підкреслює головні елементи на вашому сайті. Його можна застосовувати багаторазово для підтримання єдиного дизайну. Він використовується, наприклад, для основного стилю кнопок або кольору ціни в картках товарів на світлому фоні.
Акцентні кольори використовуються як додатковий спосіб виділення об'єктів на сайті. Ми радимо підібрати світлий та темний акцентні кольори, щоб потім рівномірно розподілити їх на сайті.
Існують ще такі елементи на сайті, колір яких обирається автоматично, шляхом «змішування» різних кольорів палітри — наприклад, опис та заголовок у блозі, колір наведення для підпунктів меню. Змінити їх можна, експериментуючи з кольоровою палітрою.
Наприклад, колір дати у пості нижче має зеленуватий відтінок:
Однак якщо подивитися на поточну палітру сайту, зеленого кольору в ній немає:
Тому спробуйте змінити різні кольори та подивитися, на які елементи вони впливають. Якщо вам не сподобається кінцевий результат, завжди можна скасувати останні дії в редакторі:
Якщо ви поекспериментуєте з палітрою, то побачите, що за зміни Темного відтінку змінюється також колір дати в пості:
Ви також можете повністю замінити поточну палітру сайту, обравши готовий варіант з нашої галереї:
Для того, щоб зміни вступили в силу, опублікуйте свій сайт.
Оновлено: 06/12/2023
Дякуємо!