专为Novva系列产品设计的 Design System,对其设计中出现的设计问题提供向导和一般解决方案的设计系统。

What's next?

在第一个解决方案与新的设计系统交付后,我们收集了开发人员和设计人员的反馈,我们了解到:

在使用了新的设计系统时,设计人员在设计的过程中花费更少的时间;PM的原型图趋近高保真,工作效率倍增!

使用了新的设计系统后,设计复查中,减少了设计的调整。

新的设计系统时交付后:Novva Imaging Pro 与 Novva imaging Plus 共用一个原子(Atoms)系统,并且大部分组件可通用,大大节约开发成本与沟通成本。

My roles

Management

Design Principles

Component Design

Microinteractions

Documentation

Interface redesign

Team

Cheney, Design Lead

Chenzirong, UI

Lianghao, PM Lead

Songwenbo, PM

Huanhuan, PM

Huyang, PM

专为Novva系列产品设计的 Design System,对其设计中出现的设计问题提供向导和一般解决方案的设计系统。

What's next?

在第一个解决方案与新的设计系统交付后,我们收集了开发人员和设计人员的反馈,我们了解到:

在使用了新的设计系统时,设计人员在设计的过程中花费更少的时间;PM的原型图趋近高保真,工作效率倍增!

使用了新的设计系统后,设计复查中,减少了设计的调整。

新的设计系统时交付后:Novva Imaging Pro 与 Novva imaging Plus 共用一个原子(Atoms)系统,并且大部分组件可通用,大大节约开发成本与沟通成本。

My roles

Management

Design Principles

Component Design

Microinteractions

Documentation

Interface redesign

Team

Cheney, Design Lead

Chenzirong, UI

Lianghao, PM Lead

Songwenbo, PM

Huanhuan, PM

Huyang, PM

专为Novva系列产品设计的 Design System,对其设计中出现的设计问题提供向导和一般解决方案的设计系统。

What's next?

在第一个解决方案与新的设计系统交付后,我们收集了开发人员和设计人员的反馈,我们了解到:

在使用了新的设计系统时,设计人员在设计的过程中花费更少的时间;PM的原型图趋近高保真,工作效率倍增!

使用了新的设计系统后,设计复查中,减少了设计的调整。

新的设计系统时交付后:Novva Imaging Pro 与 Novva imaging Plus 共用一个原子(Atoms)系统,并且大部分组件可通用,大大节约开发成本与沟通成本。

My roles

Management

Design Principles

Component Design

Microinteractions

Documentation

Interface redesign

Team

Cheney, Design Lead

Chenzirong, UI

Lianghao, PM Lead

Songwenbo, PM

Huanhuan, PM

Huyang, PM

Color drop

Select color:

Local color

Button Component

Button Text

Button Text

Components

Components

将原子设计理论完全应用于B端组件化设计系统中,将包括色彩、文字、边框和圆角、按钮、间距、栅格、表单、卡片等元素都进行组件设定,不但保持统一,更是极大提升了设计效率。

将原子设计理论完全应用于B端组件化设计系统中,将包括色彩、文字、边框和圆角、按钮、间距、栅格、表单、卡片等元素都进行组件设定,不但保持统一,更是极大提升了设计效率。

Click & drag to look around!

你可以从下面文档查看详细设计规范

你可以从下面文档查看详细设计规范

Checkboxs

Checkbox Unselected

Checkbox Selected

Checkbox Disabled

DatePicker

May 2021

Su

Mo

Tu

We

Th

Fr

Sa

1

2

9

16

23

30

3

10

17

24

31

4

11

18

25

5

12

19

26

6

13

20

27

7

14

21

28

8

15

22

29

Today

Logo

component

Design phase

Button

2019.03.37

Plan

studies

studies

studies

studies