Form Make

Кастомизация и Дизайн

Внешний вид интерактивной формы напрямую влияет на доверие пользователей и узнаваемость бренда. Программный комплекс Form Make предоставляет гибкие инструменты для глубокой кастомизации интерфейса под корпоративные стандарты (Style Guide / Brandbook) без необходимости написания CSS-кода.


1. Глобальные параметры темы оформления

Настройка визуального стиля осуществляется в специализированной вкладке «Дизайн» панели управления. Все изменения отображаются в режиме реального времени в окне предпросмотра.

  • Интерфейс редактора стилей и тем:

Панель кастомизации дизайна

Основные компоненты кастомизации:

Цветовые схемы (Color Palette):

  • Цвет фона (Background): Настройка заливки подложки (монохром, градиент или фоновое изображение).
  • Цвет бренда (Primary Color): Задает оттенок для кнопок отправки, чекбоксов, радио-кнопок и прогресс-баров в их активном состоянии.
  • Цвет текста (Typography Color): Раздельная настройка для заголовков (H1, H2) и основного текста вопросов.

Управление типографикой (Fonts):

  • Платформа интегрирована с сервисом Google Fonts. Вы можете выбрать гарнитуру, оптимально соответствующую вашему сайту (например, Roboto, Montserrat, Inter), а также определить базовый размер и насыщенность (Weight) шрифтов.

2. Брендирование и медиа-контент

Для создания эффекта бесшовной интеграции (White Label) предусмотрены следующие модули:

  • Логотип компании: Загрузка графического файла (.png, .svg с прозрачным фоном). Логотип может быть выровнен по левому краю, центру или правому краю шапки.
  • Обложка формы (Header Banner): Загрузка широкоформатного изображения, которое закрепляется в верхней части формы. Оптимальное разрешение — 1200x400px.
  • Тёмный режим (Dark Mode): Переключатель в панели управления позволяет принудительно активировать инвертированную темную тему для всей формы, либо включить адаптивный режим (форма подстраивается под системные настройки устройства респондента).

3. Адаптивность и UX-оптимизация

Интерфейсный движок Form Make автоматически компилирует адаптивную верстку. Независимо от того, насколько сложен элемент (например, Матрица или Сопоставление), сетка формы динамически перестраивается под:

  • Десктопные мониторы высокой четкости (4K, FullHD).
  • Планшетные компьютеры в горизонтальной и вертикальной ориентации.
  • Экраны мобильных смартфонов (интерфейсные элементы увеличиваются для удобного клика пальцем).