如何从0到构建设计规范？这份一万多字的实战指南肯定用得上！【澳门1362cc】

为什么要构建 MIZ Design？1. 配景随着米庄 APP 用户的增长，以及 APP 不停的迭代，我们在设计上积累了越来越多的债务。越来越多的新页面，新功效，以及差别的组件，都是由差别的设计师来设计，前端也是由差别的开发来实现，这直接导致了整个 APP 越来越臃肿无序，视觉和交互体验纷歧致，且团队相同成本高，重复劳动力大，输出效率低，迭代速度慢。2. 现状开发层面代码杂乱不统一没有可控性和可连续性场景：设计师：涉及到这个组件的页面都改一下吧。

开发：改不了，每个页面都是单独写的，改起来很是贫苦，耗时间耗资源耗人力。设计师：为什么同样的组件要单独写？开发：我怎么知道，这是以前的开发写的，而且写的七零八落。设计师：……那怎么办？不改也得改呀。

总不能一直留着这些大巨细小的毛病，不解决问题会越来越严重。代码杂乱，遗留了很是多的开发层面代码纷歧致的问题，后期迭代的历程中如果不统一，也会使整个系统失去可控性。设计师层面时间和精神的重复浪费产物体验和气势派头的杂乱场景 1：设计师 A：这个页面是谁做的？源文件有吗？设计师 B：不知道哎。

以前的设计师做的。去库里找一下吧。

30 分钟以后，依然没有找到源文件。场景 2：开会：为什么这个项目的页面和以前的气势派头差许多？设计师 A：现在盛行的就是这个气势派头呀，多悦目。

设计师 B：虽然设计每年都有盛行趋势，但还是要和产物品牌气势派头相联合。一个项目两个设计师卖力，设计出来的页面控件：按钮，列表，输入框，色彩，视觉气势派头完全纷歧致。在 2 个设计师完成设计以后，还需要整合在一起重新修改，效率很低。

而且每次页面中的元素，开发需要凭据差别业务中的差别设计师的「创意」来举行人肉修改。当我们开始设计新的页面，功效需求点优化的时候，这个问题变得越发严重。同时，因为没有一个统一的基础设计规范原则，设计师在设计项目的时候，在设计决议和讨论中花费了大量时间，会存在大量的重复劳动。

同时由于产物的界面和交互缺乏一致性和可预测性，用户体验也受到了影响。整个产物也会在气势派头定位上不统一，没有确定产物气势派头特质的情况下越来越模糊，失去自身品牌该有的特性。

产物迭代，基本上是基于新功效的开发设计迭代，新的功效、新的页面不停的增加，对于设计师而言，有设计规范的原则做基础设计框架，更容易延续 APP 统一的设计气势派头，不至于被差别的需求，差别的设计趋势以及摩拳擦掌的新的设计灵感牵着鼻子走，导致越做越乱，无章可循。一个 APP 就像自己的孩子一样，从一个嗷嗷待哺的婴儿逐渐长大成人。

设计系统就好比一小我私家的生物系统，是整个生物体的基础。如果对此系统不维护，那么此系统将会随着时间的增长越来越懦弱以及出现不行逆的现象。

那么如果维护好一个设计系统，骨骼会在发展中出现纪律清晰的生长模式，会随着业务的生长而生长，可控制、可更新，使生物体康健的生长然后去完成它的使命。什么是设计规范？Design System 最开始是 Guide 演化而来，Guide 是一套可指导、可延续、可扩展、可统一的、可区分的视觉指引手册，指导相关设计结构完成统一性与对外区分性。具象层，它是一种设计方法；抽象层，它是一种思考模型。

最近几年，「Design System」这个词很是火。下面先容红遍全球设计界的两大设计规范网红。

1. Material Design谷歌在 2014 年的 Google I/O 上推出了 Material Design，它的目的是缔造一个将经典的设计原则和科技、创新相联合的设计语言，而且在差别设备上提供一致的体验底层系统，并同时支持触摸、语音、鼠标、键盘等输入方式。一经公布就红遍了全球设计界。新颖的设计理念，清晰明确的设计原则，详细的设计规范，使之成为完美的安卓端尺度设计规范。也给设计界的设计师们提供了很是好的参考，许多设计师也凭据 Material Design 设计原则延展出更多的创新设计可能性，制作了各家的设计规范。

出了官方的 Sketch 组件库以后，谷歌团队还开发了基于此设计规范的延展工具：好比基于 Material Design 色板的 Sketch 源文件下载；谷歌色彩颜色获取工具；一整套的 Material Design IOCN 输出；在 2018 年 5 月份的 Google I/O 大会上，Google 设计团队开发了一款叫做 Material Theme Editor 工具，可以资助设计师轻松且快速建立切合自身品牌又切合 Material Design 气势派头的应用。设计价值观Create：缔造一个将经典的设计原则和科技、创新相联合的设计语言。

Unify：开发一套统一的底层系统，保持各端一致的用户体验。Customize：灵活多变的视觉语言，让各家自成一派，形成奇特鲜明的品牌气势派头。设计原则材质是一种隐喻：Material Design 的灵感泉源于物理世界和世界中的材质，包罗了材质如何接受光的影响以及所形成的光影效果，而且对纸张的质感和墨水的介质重新举行了构想。斗胆，图形，鲜明：Material Design 基于印刷设计的指导原则，字体、栅格、留白、颜色等元素都以缔造条理、意义和焦点为基础来让用户沉醉在设计体验中。

动效赋予意义：微妙顺畅地反馈和过渡性的行动效果，引起用户的注意力并使之保持连续关注。当元素泛起在一个界面中的时候，元素之间的互动重塑了情况。

基础灵活：Material Design 同样旨在实现。