运转|如何让庞大的设计系统实现高效运转？( 二 ) 流程|需求|58同城|系统

文章插图
标准化需要风险评估。
是否存在技术实现难度？是否采用特殊动效、c4d、AR等特殊手法？预期修改意见是否大于3次？是否存在策略层变动风险？是否存在原型变动频繁情况？
如有以上情况，需要在需求文档中额外说明，并邮件同步。技术、产品、设计同学根据风险评估，做好应对方案。
2. 流程模块化
把工作流程梳理成关键节点，采取阶段性的跟踪。在固定的流程上采取固定的方法，从而让流程实现自运转。例如设计走查的时间点，切入在功能测试的同时进行，在冒烟测试阶段进入视觉测试，上线前必须设计同学审核等等，每一步可以利用iwork进行跟踪。

文章插图
3. 组件通用化
设计系统中的元素、控件、版式都可以组件化，但切记通用原则，以保证根据不同目的进行不同的组合。
例如58首页的改版，我们将功能划分为不同模块，充分满足业务进行不同的组合与调用，形成新的界面。
【 运转|如何让庞大的设计系统实现高效运转？】

文章插图

文章插图
需求可以利用工具将组件模块生成为所需页面，并不断验证与优化。

文章插图
02 内核
任何组合都离不开设计内核，真正展示产品的核心优势与价值，与竞品产生差异化。让我们一起探索58同城用户体验的设计内核。
秉承58同城让生活简单美好的愿景，打造丰富的本地服务信息平台，采用简单易理解的、亲民的、无冗余的设计理念。将“设计规范”逐渐改为设计体系、设计语言，把设计语言作为一种“沟通的方式”向产品的各个触点传递。
设计内核：以简驭繁，做有用的设计。

文章插图
58同城logo由红、绿、蓝、橙等色调构成，每种颜色代表了不同的业务，品牌理念围绕LOCO(Life、People、Creativity、Ecosystem），包括生活化、人、创造力、生态四个维度进行LOCO配色拆分，平台采用主橙色，分类业务招聘、房产、黄页、二手车等从橙色延续到蓝色，并将LOCO符号拆分延展，组合成相应的业务品牌符号。紧紧围绕设计语言核心理念，保证了一致性与多元化。

文章插图
全业务通用原则：一致、叠加、多彩、圆润为基调，表达专业、丰富、多元、亲和的设计理念。

文章插图

文章插图
根据品牌基因设定固定配色规则，例如通用标签规则的设计，让每一个组件、每一个元素都具有了58的灵魂。

文章插图
03 元素
为提升设计效率，我们建立了共享设计资产池，其中包括插画库、icon库、元素库、图片库、组件库、玩法库等等。积累需要漫长的过程，所以研发了水晶球共享平台，鼓励设计师上传，互通有无的同时保持设计对齐。

文章插图
04 工具
工欲善其事，必先利其器。2020年初在58UXD高级总监何潇带领下成立了TOOLKITS设计工具研发小组。小组成员紧密配合，设计驱动全方位打造设计中台，利用工具辅助设计流程中的各个触点。

文章插图

文章插图
在设计流程的不同阶段，为设计、产品、技术提供相应的工具。
典型案例：
58问卷系统：企业定制化云服务平台。服务于企业以及产品的调研。提供丰富的问卷模版与58特色的商家数据服务。
IWIKI：文档库管理平台。上传知识沉淀、分享、用研、竞品分析等，同时支持规范查询等相关内容。
IWORK：产品需求管理平台。产品、设计师、技术的任务池，追踪整个设计流程。
58云盘：文件存储云平台。源文件等大型资产存储，支持远程在线协作。
水晶球：设计资产分类管理中心。素材可视化分类，设计产出的复用与再造，为智能化生产提供原材料。
斑马：人工智能设计平台。提供智能合图、抠图、素材模版搭建等功能，最终通过机器制图实现设计自动化。