Вы можете легко настроить цвета и шрифты в соответствии со стилем вашей компании. В этом руководстве описано, как обновить шрифты, установить цвета бренда, создать градиентный фон и многое другое — все это можно сделать на панели управления Notiondesk.
Настройка шрифтов
Выберите основной шрифт (для заголовков и подзаголовков)
Вы можете изменить шрифт, используемый для заголовков, подзаголовков и других основных элементов вашего справочного центра.
Чтобы обновить основной шрифт:
- Откройте панель управления Notiondesk.
- Перейдите в раздел «Настройка».
- В настройках брендинга найдите «Основной шрифт».
- Выберите шрифт из доступного списка. Доступны такие варианты, как Inter, Lora, Montserrat, Noto, Roboto и другие.
После выбора новый шрифт автоматически применится к заголовкам и шапкам вашего справочного центра.
Выберите дополнительный шрифт (для основного текста)
Вы также можете установить другой шрифт для основного текста статей справочного центра.
Чтобы обновить дополнительный шрифт:
- В панели управления Notiondesk перейдите в раздел «Настройка».
- В разделе «Брендинг» найдите «Вторичный шрифт».
- Выберите шрифт из доступного списка, например Inter, Lora, Montserrat, Noto, Roboto и другие.
Выбранный шрифт будет применяться ко всему тексту статей в вашем справочном центре.
Хороший дополнительный шрифт делает статьи более читабельными. Вы можете комбинировать шрифты для создания уникального стиля или использовать один и тот же шрифт для основного и дополнительного текста, чтобы сохранить единообразие.
Настройка цветов
Обновление цветов бренда
Вы можете легко обновить основные цвета вашего справочного центра, чтобы они соответствовали вашему бренду.
Чтобы изменить цвета бренда:
- Откройте панель управления Notiondesk.
- Перейдите в раздел «Настройка».
- На вкладке «Брендинг» вы можете обновить следующие цвета:
| Цвет | Описание |
|---|---|
| Основной цвет | Используется для элементов навигации, таких как кнопки и активные ссылки. |
| Цвет текста | Используется для основного текста в справочном центре. |
| Цвет ссылки | Используется для стандартных гиперссылок. |
| Цвет ссылки при наведении курсора | Изменяет цвет ссылки, когда пользователь наводит на нее курсор. |
| Цвет фона | Устанавливает цвет фона всего справочного центра. |
Каждый раз, когда вы выбираете новый цвет, изменение мгновенно отражается на вашем сайте.
Настройка цветов заголовка
Раздел заголовка вашего справочного центра содержит навигационные ссылки, которые посетители видят в первую очередь. Вы можете обновить цвета ссылок, чтобы они соответствовали вашему бренду или были более заметными.
Чтобы изменить цвета ссылок в заголовке:
- Перейдите в раздел «Настройка» на панели управления Notiondesk.
- Откройте вкладку «Заголовок».
- Обновите следующие параметры:
| Цвет | Описание |
|---|---|
| Цвет ссылки | Устанавливает цвет ссылок в заголовке по умолчанию. |
| Цвет ссылки при наведении курсора | Устанавливает цвет ссылок при наведении на них курсора. |
Настройка фона блока Hero
Блок Hero — это верхняя часть вашего справочного центра, которая часто является первым, что видят посетители. Вы можете персонализировать его с помощью цвета фона или градиента, чтобы лучше отразить свой бренд.
Используйте простой цвет фона
Если вы предпочитаете чистый однотонный фон вместо изображения:
- Перейдите в раздел «Настройка» на панели управления.
- Откройте вкладку «Блок героя».
- Выберите «Фон: цвет».
- Выберите цвет фона из палитры или вставьте шестнадцатеричный код цвета вашего бренда.
Выбранный вами цвет заполнит весь фон блока Hero Block.
Используйте градиентный фон
Градиенты позволяют плавно смешивать несколько цветов, что является отличным способом добавить глубину заголовку без использования изображений.
Чтобы настроить градиент:
- На вкладке «Блок героя» установите для параметра «Фон» значение «Градиент».
- Выберите тип градиента:
- Линейный: цвета перетекают в прямом направлении.
- Радиальный: цвета расходятся от центра наружу.
- Для линейных градиентов настройте параметр «Поворот» (угол), чтобы контролировать направление перехода.
- Добавьте цвета градиента. Вы можете установить до 5 цветов, каждый со своим процентом и цветовым кодом.
Градиенты легко настраиваются. Вы можете создать плавные переходы с двумя цветами или использовать яркие многоцветные смеси. Главное, чтобы текст оставался читаемым.
Настройка цветов карточек и нижнего колонтитула
Вы также можете персонализировать цвета, используемые в карточках коллекций, карточках статей и нижнем колонтитуле вашего центра помощи, чтобы все соответствовало бренду и было визуально согласованным.
Карточки коллекций и статей
Каждая коллекция или статья отображается в виде карточки в вашем центре помощи. Вы можете изменить цвет фона этих карточек, чтобы они соответствовали вашему стилю или различались между разделами.
Чтобы обновить цвета карт:
- Перейдите в раздел «Настройка» на панели управления Notiondesk.
- Откройте вкладку «Коллекции» или «Статьи».
- Выберите цвет фона
Выбирайте однотонные цвета, которые обеспечат читаемость текста внутри карточек.
Цвета нижнего колонтитула
Нижний колонтитул — это раздел внизу каждой страницы справочного центра. Обычно он содержит ссылки или контактную информацию, поэтому ясность является ключевым фактором.
Чтобы обновить цвета нижнего колонтитула:
- Перейдите в раздел «Настройка».
- Откройте вкладку «Нижний колонтитул».
- Установите цвет фона нижнего колонтитула и цвет текста нижнего колонтитула.
Это поможет обеспечить привлекательный вид нижнего колонтитула и его доступность на выбранном вами фоне.
Лучшие практики для стилизации вашего справочного центра
Настройка шрифтов и цветов помогает сделать ваш справочный центр частью вашего бренда, но не менее важно сохранить его читаемость и единообразие. Вот несколько советов, которые помогут добиться наилучших результатов:
- Придерживайтесь цветовой гаммы вашего бренда
Используйте те же цвета, что и на вашем веб-сайте и продукте. Это позволит пользователям чувствовать себя комфортно.
- Используйте читаемые шрифты
Избегайте чрезмерно декоративных шрифтов, особенно для основного текста. Выбирайте четкие, легко читаемые шрифты, которые легко просматривать.
- Сохраняйте хороший контраст
Убедитесь, что между текстом и фоном достаточно контраста. Например, избегайте светло-серого текста на белом фоне.
- Будьте осторожны с градиентами
Градиенты могут добавить визуальный интерес, но слишком много цветов или резкие переходы могут затруднить чтение вашего контента. Для достижения наилучших результатов придерживайтесь двух или трех цветов.
- Предварительный просмотр на настольном компьютере и мобильном устройстве
Проверьте свой дизайн на экранах разных размеров, чтобы убедиться, что все выглядит аккуратно и профессионально.