«ПЛЕКС» — это дизайн-система, структура которой включает визуальные компоненты, библиотеку кода и гайдлайны по использованию в фреймворках React и VUE.
Это гибкий инструмент, который помогает избежать ошибок в юзабилити и необходим для создания наилучшего пользовательского опыта, который должен присутствовать во всех продуктах БАРС Груп. При этом каждый продукт может развиваться самостоятельно, а самые удачные решения, которые можно масштабировать, попадают в общую библиотеку компонентов для переиспользования. Everything should be made as simple as possible, but not simpler.
Цели дизайн–системы
Ускорение процесса разработки и дизайна за счёт использования переиспользуемых компонентов и чётко определённых стандартов. Это сокращает время на проектирование и кодирование
Создание продуктов, доступных для всех категорий пользователей, включая людей с ограниченными возможностями, что улучшает общую доступность и соответствует юридическим требованиям
Обеспечение единого визуального и функционального стиля продуктов и сервисов компании, что улучшает пользовательский опыт и укрепляет бренд
Упрощение взаимодействия и сотрудничества между дизайнерами, разработчиками и другими участниками проекта, благодаря чётко определённым руководствам и стандартам
Легко масштабировать продукты и проекты, поддерживая при этом единообразие
«ПЛЕКС» выполняет следующие задачи:
Описывает правила работы с UI фреймворком
Добавление и описание компонентов в Storybook
Валидация с помощью JS / RegExp
Организована структура дизайн-системы, 24 компонентов и их зависимостей
Работа с гридами
Работа с файлами
Представлена документация для каждого компонента, включая примеры кода, инструкции по использованию и API. Работа с файлами
В набор компонентов и элементов входит:
Редактор кода
Календарь
Флажок/группа флажков
Выбор цвета
Выбор из справочника
Радио-кнопка / Группа радио-кнопок
Значок
Кнопка
Скелетон компонентов
Поля:

  • дата
  • диапазон дат
  • поле выбор даты и
    времени
  • составное
  • числовое
  • пароль
  • текстовое
  • время
  • многострочное
Списки / Выбор из списка / Мультивыбор из списка
Форма
Набор иконок
Теги
Типографика
Спойлер
Редактор Markdown
Набор контейнеров
Работа с таблицами
Меню
Маски
Переключатель
Всплывающее сообщение
Подсказка
Спиннер
Стоимость информационной системы рассчитывается индивидуально для каждого заказчика. Расчет стоимости производится после проведения предпроектного обследования или заполнения опросного листа.
Для детального расчета стоимости оставьте заявку на электронной почте contact@ost-digital.ru или в форме обратной связи.
Скачать дистрибутив программы React JS
Скачать подробное описание ПО
Скачать дистрибутив программы VUE JS
Скачать руководство пользователя
Скачать инструкцию по установке
Отправьте запрос на бесплатную консультацию
Наш специалист свяжется с вами