Вы можете легко настроить цвета и шрифты в соответствии со стилем вашей компании. Это руководство проведет вас через процесс обновления шрифтов, установки фирменных цветов, создания градиентных фонов и многого другого с панели инструментов Notiondesk.
Настройка шрифтов
Выберите основной шрифт (заголовки и заголовки)
Вы можете изменить шрифт, используемый для заголовков, надписей и других основных элементов вашего справочного центра.
Чтобы обновить основной шрифт:
- Откройте панель управления Notiondesk.
- Перейти к Настройка раздел.
- Под Брендинг настройки, найти Основной шрифт.
- Выберите шрифт из доступного списка. Среди вариантов: Inter, Lora, Montserrat, Noto, Roboto и другие.
После выбора новый шрифт будет автоматически применен к заголовкам и заголовкам вашего справочного центра.
Выберите вторичный шрифт (основной текст)
Вы также можете установить другой шрифт для основного текста статей вашего справочного центра.
Чтобы обновить вторичный шрифт:
- В панели инструментов Notiondesk перейдите в раздел Настройка раздел.
- Под Брендинг, находить Вторичный шрифт.
- Выберите шрифт из доступного списка, например Inter, Lora, Montserrat, Noto, Roboto и другие.
Выбранный шрифт будет применен ко всему тексту статьи в вашем справочном центре.
Хороший вторичный шрифт делает ваши статьи удобными для чтения. Вы можете смешивать шрифты для создания особого стиля или использовать один и тот же шрифт как для основного, так и для вторичного шрифта, чтобы сохранить единообразие.
Настройка цветов
Обновить цвета бренда
Вы можете легко обновить основные цвета вашего справочного центра в соответствии с вашим брендом.
Чтобы изменить цвета вашего бренда:
- Откройте панель управления Notiondesk.
- Перейти к Настройка раздел.
- Под Брендинг На вкладке вы можете обновить следующие цвета:
| Color | Description |
|---|---|
| Primary Color | Used for navigation elements like buttons and active links. |
| Text Color | Used for the main body text across your help center. |
| Link Color | Used for standard hyperlinks. |
| Link Hover Color | Changes the link color when a user hovers over it. |
| Background Color | Sets the background color of your entire help center. |
Каждый раз, когда вы выбираете новый цвет, это изменение мгновенно отражается на вашем сайте.
Настройте цвета заголовка
Раздел заголовка вашего справочного центра включает навигационные ссылки, которые посетители видят в первую очередь. Вы можете обновить цвета ссылок, чтобы они соответствовали вашему бренду или улучшили видимость.
Чтобы изменить цвета ссылок заголовка:
- Перейти к Настройка раздел на панели инструментов Notiondesk.
- Откройте Заголовок вкладка.
- Обновите следующие параметры:
| Color | Description |
|---|---|
| Link Color | Sets the default color for links in the header. |
| Link Hover Color | Sets the color for links when users hover over them. |
Настроить фон блока героя
Hero Block — это верхний раздел вашего справочного центра, часто первое, что видят посетители. Вы можете персонализировать его с помощью фонового цвета или градиента, чтобы лучше отразить ваш бренд.
Используйте простой цвет фона.
Если вы предпочитаете чистый, сплошной фон вместо изображения:
- Перейти к Настройка раздел на панели инструментов.
- Откройте Блок героя вкладка.
- Выбирать Фон: Цвет.
- Выберите цвет фона из палитры или вставьте шестнадцатеричный код вашего бренда.
Выбранный вами цвет заполнит весь фон блока Hero.
Используйте градиентный фон
Градиенты позволяют смешивать несколько цветов в плавный переход — отличный способ добавить глубины заголовку без использования изображений.
Чтобы настроить градиент:
- В Блок героя вкладка, набор Фон к Градиент.
- Выберите Тип градиента:
- Линейный: цвета текут в прямом направлении.
- Радиальный: цвета расходятся от центра наружу.
- Для Линейные градиенты, отрегулируйте Вращение (угол) для контроля направления смешивания.
- Добавьте свои градиентные цвета. Вы можете установить до 5 цветов, каждый со своим процентом и цветовым кодом.
Градиенты можно настраивать в широких пределах. Вы можете создавать тонкие переходы с помощью двух цветов или использовать смелые переходы с помощью многоцветного смешения. Просто убедитесь, что ваш текст остается читаемым сверху.
Настройте цвета карточки и нижнего колонтитула
Вы также можете персонализировать цвета, используемые в карточках коллекций, статьях и нижнем колонтитуле вашего Справочного центра, чтобы все соответствовало фирменному стилю и выглядело визуально целостно.
Коллекции и статьи Карточки
Каждая коллекция или статья отображается внутри карточки в вашем справочном центре. Вы можете изменить цвет фона этих карточек, чтобы они соответствовали вашему стилю или различались между разделами.
Чтобы обновить цвета карт:
- Перейти к Настройка раздел на панели инструментов Notiondesk.
- Откройте Коллекции или Статьи вкладка.
- Выберите цвет фона
Выбирайте сплошные цвета, которые гарантируют, что текст внутри карточек останется читаемым.
Цвета нижнего колонтитула
Ваш нижний колонтитул — это раздел в нижней части каждой страницы справочного центра. Обычно он содержит ссылки или контактную информацию, поэтому ясность имеет решающее значение.
Чтобы обновить цвета нижнего колонтитула:
- Перейти к Настройка раздел.
- Откройте Нижний колонтитул вкладка.
- Установите Цвет фона нижнего колонтитула и Цвет текста нижнего колонтитула.
Это поможет гарантировать, что нижний колонтитул будет хорошо выглядеть и останется доступным на выбранном вами фоне.
Лучшие практики по оформлению вашего справочного центра
Настройка шрифтов и цветов помогает сделать ваш центр поддержки частью вашего бренда, но сохранение его читабельности и единообразия не менее важно. Вот несколько советов, чтобы получить наилучшие результаты:
- Придерживайтесь цветов вашего бренда
Используйте те же цвета, которые вы используете на своем веб-сайте и в продукте. Это делает вещи знакомыми для ваших пользователей.
- Используйте читаемые шрифты
Избегайте чрезмерно декоративных шрифтов, особенно для основного текста. Придерживайтесь четких, разборчивых вариантов, которые легко сканировать.
- Сохраняйте хороший контраст
Убедитесь, что между текстом и фоном достаточно контраста. Например, избегайте светло-серого текста на белом фоне.
- Будьте осторожны с градиентами
Градиенты могут добавить визуальный интерес, но слишком много цветов или резкие переходы могут сделать ваш контент трудночитаемым. Для достижения наилучших результатов используйте два или три цвета.
- Предварительный просмотр на ПК и мобильном устройстве
Проверьте свой дизайн на экранах разных размеров, чтобы убедиться, что все выглядит четко и профессионально.