Редактор Wix: использование и настройка стиля сайта
5 мин.
Создание стиля сайта — это важный шаг в процессе дизайна. При последовательном использовании стили сайта задают тон для посетителей и знакомят их с вашим брендом.
Ваш стиль сайта автоматически используется на всем сайте, а также в элементах в стиле шаблона на панели «Добавить». Вы также можете применить цвета стиля к любому элементу на сайте.
Как работают цвета стиля на сайте
Выбранные вами цвета стиля отображаются в палитре цветов, где вы можете изменять цвет элементов по отдельности. Помимо появления в палитре, цвета также автоматически распределяются и применяются к определенным элементам на всем сайте.
Основные цвета
Основные цвета используются для фонов и текста на всем сайте. Если вы добавили приложения Wix (например, Wix Stores, Wix Блог и т. д.), на этих страницах используются те же цвета фона и текста.
В большинстве случаев самый светлый цвет (1) используется для фона, а самый темный (2) — для текста. Градиент создается автоматически, поэтому вы можете настроить оттенки при необходимости.
Мы рекомендуем выбирать контрастные сочетания, чтобы информацию на сайте было легко читать.
Акцентные цвета
Побуждайте посетителей взаимодействовать с сайтом, выбирая привлекающие внимание акцентные цвета. Эти цвета используются для второстепенных и декоративных элементов, таких как ссылки, кнопки и элементы меню. Они также используются в стилизованных элементах, таких как кнопки и боксы, а также на страницах, связанных с приложениями Wix (например, Wix Stores, Wix Блог и т. д.).
Выбор стиля сайта
Для вашего сайта доступно множество пресетов стиля, которые включают в себя как текст, так и цвета. Наши стили были тщательно созданы с использованием дополняющих друг друга цветов, чтобы охватить широкий спектр стилей и дизайнерских потребностей.
Чтобы выбрать и настроить стиль сайта:
- Нажмите Дизайн сайта
в левой части редактора. - Нажмите Изменить стиль в разделе Стиль сайта.
- Просмотрите пресеты и нажмите, чтобы выбрать новый.
Настройка стиля сайта
Вы можете настроить стиль сайта в соответствии с эстетикой вашего бренда. Выбирайте новые цвета и регулируйте оттенки основных цветов, чтобы добиться желаемого вида.
Чтобы настроить стиль сайта:
- Нажмите Дизайн сайта в левой части редактора.
- Нажмите Цвета стиля в разделе Настроить дизайн сайта.
- Выберите, как вы хотите изменить стиль:
- Изменить цвета стиля:
- Нажмите на цвет, который вы хотите отредактировать в панели.
- Выберите новый цвет, используя курсор, или введите точное значение цвета в форматах HEX, RGB или HSB.
- Нажмите Применить.
- Настроить оттенок основных цветов стиля:
- Нажмите на соответствующий оттенок на градиенте основного цвета.
- Используйте ползунки, чтобы настроить насыщенность и яркость по своему вкусу.
- Нажмите Применить.
- Изменить цвета стиля:
Настройка цветов элементов по умолчанию
После выбора и настройки стиля сайта вы можете установить цвета стиля по умолчанию для определенных элементов на всем сайте. Это отличный способ укрепить ваш бренд и убедиться, что элементы дополняют друг друга.
Чтобы установить цвета по умолчанию для элементов:
- Нажмите Дизайн сайта в левой части редактора.
- Наведите курсор на Цвета и шрифты стиля и нажмите Настроить.
- Нажмите Дополнительная настройка.
- Нажмите на цветовой квадрат рядом с соответствующим элементом, чтобы назначить цвет:
- Общие: выберите цвета, которые вы хотите использовать для основного и вторичного фона на сайте, а также для линий и разделителей.
- Текст: примените выбранные цвета к различным типам текста на сайте, включая подзаголовки и ссылки.
- Кнопки: установите цвета для основных и второстепенных кнопок. Вы можете выбрать цвет для каждого состояния кнопки (в покое, при наведении или отключена) отдельно.
Применение цветов стиля к элементам вручную
Вы можете применить цвета стиля к любым дополнительным элементам на сайте. Они сохраняются в палитре цветов в панели дизайна элементов, поэтому создать единый дизайн становится еще проще.
Чтобы применить цвет стиля к элементу:
- Нажмите на элемент в редакторе.
- Нажмите на иконку Дизайн
.
- Нажмите Настроить дизайн (если доступно).
- Нажмите на настройки цвета.
- Нажмите на цветовой бокс.
- Выберите цвет стиля в палитре.
Вопросы и ответы
Нажмите на вопрос ниже, чтобы узнать подробнее.
Можно ли сохранить пользовательские цвета, которые не входят в стиль сайта?
Почему я могу добавлять пользовательские цвета только в некоторых местах?
Используют ли элементы стиля цвета стиля сайта?