💎
Prizm Design System Documentation
ShowcaseGitHubRepot a Bug
  • About Prizm
    • Дизайн-система Prizm
    • Changelog
    • License
  • Guidelines
    • ⭕Accessibility
    • ⭕Colors
    • 🚧Design Tokens
      • Color
      • Border Radius
      • Box Shadow
      • Font
      • Line Height
      • Size
      • Space
      • Transition
      • Page
    • ⭕Grid
    • ⭕Iconography
    • ⭕Naming
    • ⭕Typography
    • 🚧Validation
  • Components
    • 🚧Accordion
    • 🚧Breadcrumbs
    • 🚧Buttons
      • Text Button
      • Icon Buttn
      • Split Button
    • 🚧Calendars
      • Calendar
      • Calendar Range
      • ⭕Calendar Month
      • Calendar Year
    • ⭕Card
    • 🚧Checkbox
    • 🚧Chips
    • 🚧Dialogs
      • Confirm dialog
      • Dialog
      • Sidebar
    • ⭕Hierarchy
    • Hint
    • 🚧Indicator
      • 🚧Counter
      • ⭕Point
      • ⭕Icon
    • 🚧Inputs
      • Chips
      • Chips Select
      • Chips Combobox
      • Date
      • Datе Time Range
      • Date Range
    • Navigation menu
    • 🚧Navigation Panel
      • Header
      • Navigation menu
    • 🚧Dropdown Menu
      • Context Menu
      • Dropdown Menu
    • 🚧Paginator
    • 🚧Panel
    • 🚧Progress
      • Bar
      • Spinner
    • 🚧RadioButton
    • 🚧Scrollbar
    • 🚧Shell
    • ⭕Skeleton
    • 🚧Slider
    • 🚧Splitter
    • 🚧Status Panel
    • 🚧Stepper
    • 🚧Switcher
    • ⭕Table
      • Настройки таблицы
    • 🚧Tab
    • Time Picker
    • 🚧Toast
    • 🚧Toggle
    • 🚧Tooltip
    • Tree
      • Tree Chevrone
      • Tree Line
    • 🚧Widget
  • Patterns
    • ⭕403 / 404
    • Query builder
    • ⭕Cron
    • None content
    • ⭕Group Content
    • ⭕File Upload
    • ⭕Side Menu
    • ⭕Zoom Control
Powered by GitBook
On this page
  • Для кого
  • Из чего состоит дизайн-система

Was this helpful?

  1. About Prizm

Дизайн-система Prizm

Дизайн-система PRIZM – это инструмент разработчиков и дизайнеров для создания новых приложений и сервисов, а также для перевода существующих на единый технологический стек. Ее цель – унифицировать и структурировать процесс дизайна, обеспечить его качество и последовательность во всех продуктах и на всех этапах разработки.

Prizm – это развитие дизайн-системы ZIIoT design system 3.0 (Цифра и Цифровая Индустривальная Платформа), для которого привлекались внешние эксперты из нефтегазовой отрасли.

Prizm распространяется по типу лицензии MIT и подходит для создания цифровых продуктов, включая бизнес-приложения поверх платформы ZIIoT.

Prizm представляет собой целостный визуальный язык и его техническое отражение в виде библиотеки компонентов в едином репозитории. В нее входят сопутствующие дизайнерские шаблоны, набор правил и инструментов для визуального и технического исполнения.

«Дизайн-система Prizm отличается от других дизайн-систем тем, что она концентрируется на промышленности и учитывает специфику промышленного применения в таких отраслях, как нефть, газ, машиностроение, металлообработка, энергетика, добыча. Наши дизайн-решения прошли апробацию на объектах крупных промышленных заказчиков. Prizm развивается и будет обрастать новыми сложными компонентами, которые нацелены на промышленность», – рассказал Александр С. Марков, дизайн-директор ГК «Цифра».

Prizm помогает бизнесу повышать эффективность работы над портфелем продуктов за счет единого пользовательского опыта, дизайнерам – разрабатывать полезные, удобные и инновационные продукты, не отвлекаясь на дизайн-решения, а разработчикам – ускорять разработку и улучшать качество кода.

Для кого

  • Разработчиков

  • Дизайнеров

  • Тестировщиков

  • Аналитиков

  • Руководителей проектов

  • Проектировщиков

  • Владельцев продуктов

  • Технических писателей

Из чего состоит дизайн-система

  • Библиотека интерфейсных компонентов;

  • Библиотека компонентов в Figma;

  • Правила, рекомендации, гайдлайны, паттерны, шаблоны, витрина компонентов;

  • Философия к дизайну, разработке, поддержке;

  • Команда Prizm.

NextChangelog

Last updated 8 months ago

Was this helpful?

License
Page cover image
Cover

ЦЕЛЬ СОЗДАНИЯ

  1. Снижение стоимости разработки

  2. Снижение стоимости дизайна

  3. Унификация множества интерфейсов

Cover

ПРИЧИНА СОЗДАНИЯ

  1. Разрозненность решений

  2. Отсутствие единого источника правды

  3. Поиски лучших решений в каждом проекте

Cover

ЗАДАЧИ ДИЗАЙН-СИСТЕМЫ

  1. Стандартизация решений

  2. Независимость проектов от состава команд

  3. Упрощение передачи продукта по стадиям «исследование – дизайн – разработка»

  4. Снижение затрат на поддержку, развитие и запуск продуктов

  5. Повышает узнаваемость бренда

Cover

ПОЧЕМУ В ЭТОМ ЕСТЬ ЦЕННОСТЬ

  1. Экономит время на дизайн / разработку

  2. Динамична и легко обновляемая

  3. Стандартизирует интерфейсы и минимизирует баги

  4. Служит готовым конструктором

  5. Легко масштабируется

Cover

ПРИНЦИПЫ

  1. Единый UX в продуктах

  2. Масштабируемость

  3. Дизайн на основе данных

  4. Локализация

  5. Сохранение интересов продукта

  6. Развитие и потенциал для эволюции

  7. Универсальность

Cover

КАКИЕ ПРЕИМУЩЕСТВА ПОЛУЧАЕМ

  1. Обучаемость пользователей

  2. Переиспользование графических элементов, паттернов

  3. Единообразие компонентов

  4. Удешевление тестирования

  5. Переиспользование кода / единые компоненты на технологическом уровне

  6. Структурированность