传统的页面产出流程是瀑布流式的 -一个工作流程中会涉及到不同的PM、设计师及前端工程师。部分项目在时间紧张的情况下会出现分批交付并行开发的情况、如此多的角色共同参与一个项目下,合作方如果没有紧密咬合、足够的沟通,将会导致大量重复性的工作,增加项目周期、管理难度。
B端产品往往拥有复杂的业务逻辑且页面量级巨大,快速迭代也会引发频繁的变动以及并行概率的增加,需要设计师与开发能够快速的产出方案保证上线。这样的工作模式引发的副作用如:“体验一致性差”、“设计效率低”、“还原度不可控”的问题也逐渐显现,变成一个急待解决的问题。
B类产品中存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容,那么是不是可以通过这种方式从现在的模式中,解绑一下呢?
原子组件思维,构建一套设计系统,以通用化的视角审视模块设计、将需求场景化、页面模块化的同时将组件秉承独立·完整·自由的原则进行最大化的解耦,再按照一定的规则进行重新组合,使其具备独立的完整解决方案
降低冗余的生产成本,最终解决用户体验一致性的问题。
Ke.Design是一个企业级中后台前端/设计解决方案,秉承原子组件化思维,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源。
Ke.Design设计系统的基础构成包括“设计语言/文件”与“前端展示/代码”两个部分。
**【设计语言/文件】**基于组件化思维及『自然』『高效』『包容』的设计价值观提炼出的视觉传达规范/基础组件/业务组件/配套设计资源,包括但不限于视觉传达规范:如配色、字体、KA品牌传达等 ;基础组件:界面的实体组成要素,例如按钮、输入框、表单元素等;以及业务组件:如业务弹窗、筛选项等。
**【前端展示/代码】**可访问的设计系统站点;提供设计规范与物料的阅读,提供前端开发指南与组件API代码。
我们提供的完整的设计系统物料具备以下部分:
**【Design Language 设计语言】**包括 Logo、品牌色、KA定制方案……
**【Layout 布局】**包括模板、页面框架、响应式与网格规则……
**【Style 设计风格】**包括配色、字体字号、投影、图标、Design Token……
**【UI Patterns 设计模式】**基础组件,包括button, form, dialog...
**【BizComponents 业务组件】**包括基于业务属性进行封装的代码组件