云平台设计系统，助力业务快速开发

用友进入3.0阶段，敏捷开发、逆向开发、双披萨饼原则快速作战，“用户之友”价值回归，这些都为快速原型、高保真验证、快速开发、体验一致提出了更高的要求。也带来了更大的压力。

新的变化体现在：

1、阶段性发版变成持续迭代，周期短，进度快

2、单周或双周迭代留给各个角色的时间非常少

3、被C端应用“惯坏”的用户要求更高的B端体验

4、为避免资源浪费，研发流程必须UE先行，非常短时间内完成设计方案及高保真验证

5、各方对产品、体验一致化的要求越来越高

6、协作各个角色要求快速即时沟通、全员0延误共享设计方案

7、设计团队需要摒弃简单重复的低效率工作，要求高效合作、资源共享、协同设计

8、人人都是产品经理、需求变动频繁，设计要随需而变

如何满足新的需求呢？

要满足这些变换的新需求，唯一的解决方案就是需要一个设计系统，一个真正的设计系统，这有别于项目级别guideline或uikit的系统性设计系统，这个系统要求：所见即所得、更清晰、看得见、标准明确、可协同、可复用、可配置、可扩展…… ……云平台设计系统正是为此而生。

设计系统，能够使设计团队更好、更快的打造产品并规模化产出。

设计系统由基础可复用的元件构成，通过明确的标准原则组合在一起，用以搭建任意应用程序。

云平台设计系统

·云平台设计系统是支撑平台产品体验一致、高效开发的UE设计系统，是云平台产品的设计语言。它是基于用友一致化产品标准和风格指南，遵循用友产品设计模式的一种”沟通方式“，是平台积累多年的设计方法、模式、体验原则的理论支撑及应用。它能够有效保障平台产品交互、视觉及体验一致，有效保障团队开发的敏捷高效。

·对平台UE、FE角色而言，该系统尽最大可能保障云平台产品及服务在用户体验领域的整体性、一致性。为团队提供基本的可参考原则及共享资源，提升工作效率、促进协同与创新。

·云平台设计系统秉承用友”用户之友“的核心体验价值观，致力于”稳如磐石、丝般柔滑“的云平台用户体验理念。助力产品服务实现客户高价值、用户高体验的诉求。

云平台设计系统的原则

云平台设计系统定位服务于中、后台产品，提供：系统的、逻辑的、贴合业务的、可落地的设计理论、模式及规范支撑，设计目标追求简单、清晰、高效、一致。

·简单：

设计师尽可能将复杂的东西，用浅显的形式呈现出来

·清晰：

对问题的描述、执行、反馈等，不纠结、不含糊

·高效

系统设计、资源共享、元素、模式复用，团队协同

·一致：

目标一致、交互一致、视觉一致

云平台设计系统的特点

1、云平台设计系统完成了大部分组件的定制。

在实现业务中就不需要多考虑按钮圆角要多大，行间距要留多少，可以更加聚焦于业务逻辑本身，节省时间精力。

2、设计系统具有原子级的样式自定义能力。

我们可以针对不同需求高效地产出对应的设计系统，然后快速复用组件。

3、元素构成系统化。

原子级的颜色、字体、阴影样式等等这些都可以自定义，而且一次修改，所有组件能够同步修改。

4、协同作战

样式资源规范设计团队全员共享

5、先设计系统，后业务与组件库

这是云平台设计系统与伪系统的根本性差异

原子化设计方法的应用

设计系统的维护与进化

云平台设计系统综合了以往的产品、项目、经验及前瞻性趋势，将这些信息打散至“原子”颗粒，再结合产品、项目、业务、用户需求，重新梳理、抽取、沉淀，保留最原始最公共的部分形成设计基础规范及元素，基于底层设计元素组装可扩展、可配置的块元素及大型组件，通过颗粒级的元素+块元素+大型组件来灵活但又不失一致的构建页面，再融入沉淀的设计模式，快速构建应用，快速完成视觉、交互高保真、可交互界面输出。

云平台设计系统的元素遵循以下原则：

1、结构化、模块化

所有元素在展现及模式上均被视为是可重复使用的零件；均基于结构化设计，随意搭建拆解。尽可能减少依赖关系。增强体系化元素。

2、高效、标准

元素或组件基于共同的标准规范。组装时使用最少的元素、产出使用最少的标注及描述来实现并清晰阐述明确设计。

3、抽象、模式化

基础元素（控件、组件、模式）从归纳的典型场景中分离成形。

4、可配置

自定义的基础元素通过可选的参数配置生成，不需要重新设计。

5、可扩展

元件很容易扩展，对未来的设计有预期。

6、准确清晰

所有设计不含糊、不纠结、契合场景角色精准传达。

云平台设计系统如何实现快速开发？

平台设计系统高效一致的保障还来源于UE团队与FE团队的产出均依赖这套系统的指导。

基于云平台设计系统的通用sketch库及前端组件库

设计系统对快速交付及一致性的支撑

一体化的云平台sketch-Libraries，内含通用的平台Symbol.基于sketch-Libraries，普通UE设计师原来需要2天工作量的界面，在充分理解业务的前提下仅仅需要几个小时就可以为开发输出规范的高保真交互页面。所有UE觉得全部基于同一套标准symbol，共同使用，共同维护，实现其设计资源的协同与复用共享。

对前端开发而言，无需重复书写基础样式，这里的基础控件视觉同时也是tinper-react基础控件的设计规范。设计师基于云平台sketch-Libraries快速完成设计方案，并发布到墨刀项目文档，通过共享地址，团队所有角色实现设计方案协同共享，同步即时更新。

前端开发无需分散精力特别关注UI层的实现，只需要引入tinper-react即可保证一致。因为tinper-beereact 组件库，包含丰富的基础组件和应用组件，这些均基于平台设计系统规范封装，包含丰富的基础组件和应用组件， 支持组件的灵活调用和扩展。

基于云平台设计系统的设计及实现方案

专属云-开发平台

开发者中心

云平台设计系统应用案例

企业服务中心、用友云运营系统、云商务系统、移动平台、Moli、企业账号、数据门户、开发者中心、开放平台、友互通、iot物联网平台、精智工业云平台、服务治理平台、云ESB、MDM主数据管理、微服务平台……等产品或系统均基于云平台设计系统。

最后，我们节省了大量的时间，用来做什么？

云平台设计系统帮助设计师避免重复和无用的劳动，避免沦落为密集型劳动力，剔除对设计师没有价值的工作，从而节省时间。这些时间来自，比如：在100个不同的页面上进行同样的调整工作，将系统整体风格变换，创建50次同一个组件或者替换70次同样文字。

然后我们用这些新获得时间关注对用户或是客户更重要的部分，能带来更高价值、更高体验的事儿：深刻理解业务、洞察用户、改进流程、融入品牌特性，做用户反馈的分析，创新与相关的解决方案，情感化设计等等。

转载于:https://juejin.im/post/5c45842c5188251ec0717210