超实用六步透视网易设计规范分享

二、设计规范操作的五大误区

设计规范的工作量不小，开始动手之前应了解一下有哪些误区，尽量少走弯路，更科学高效地完成一份有效的规范文档。

错误一：规范建立时机不对

规范建立的时机很重要，太早或者太晚都会给后续迭代带来很多麻烦。

如上图所示，如果在创作初期就做设计规范，这时视觉风格还没成型，投入太多精力去做规范，在视觉风格定位后，之前做的视觉规范又要推翻重做，因此太早做设计规范会造成没必要的返工。

如果等V1.0上线后才开始做规范，已经错过了最佳时机。因为在V1.0开发的后半部分的两大工作是设计师拓展页面和程序员进行开发，在设计师拓展页面的阶段，如果没有设计规范的指导往往会很难保持视觉统一性，这时把页面交到程序员手里，同样一个控件在各个页面中的呈现样式却不一样，混乱不协调的控件库会对程序员造成困扰，从而影响开发进度。在程序员前期开发阶段，如果有了规范，就可以快速根据规范搭建控件库，高效完成工作。

因此，最佳时机是在完成风格定位后做规范，可以承上启下高效完成工作。

错误二：对非重要界面进行规范设定

记得以前刚接触设计规范的时候，觉得设计规范就像一本设计圣经可以非常细致全面的指导设计工作，然后我对全部界面都做了详细的规范，花了很多时间和精力做出的设计规范多达几十页好几十个细分模块，最后实际应用时发现自己被这份设计规范打脸，因为有时做新的页面，如果死板的100%遵循了规范，做出来的视觉效果不好;如果完全抛开设计规范，那之前做的过于全面的规范等于白做了，可见太过全面的规范会影响设计师发挥，并不是一件好事。

所以，整理规范时，应只针对控件、色值、质感、动效、品牌元素等重要界面进行规范设定。

错误三：规则没弹性

采用28原则只能针对产品80%的界面进行规范。这里讲的80%和20%是一个相对的概念，80%代表色彩、按钮、字体、间距等重要内容，这些内容需要进行详细的规范说明。另外的20%是指某些控件是不可复用并且不重要的，这种20%的内容不需要花费精力做进规范里。这个28原则需要设计师根据具体情况具体分析，作出更适合当下的设计。

如果对所有界面进行100%规范，一方面会束缚设计师的发挥，另一方面也会影响产品迭代的设计弹性，比如一个产品官网进行了100%规范，需求迭代时要在导航加上一个活动入口，这时如果死板的遵循原先的导航规范来加这个活动入口，视觉效果和活动数据效果可能并不理想，所以在面对这类需求的时候，适当的做出导航调整也是可以的。

错误四：规范没有迭代

在完成v1.0版规范后，产品还会一直迭代，产品改版过程中必定会不断优化设计。

如果设计师没有跟着产品改版的节奏去迭代视觉规范，一般会出现两种情况：一是被原规范的旧样式束缚，死板的遵循最初的规范，长久下去会出现视觉样式过时的问题。二是改版中用了新的视觉风格，没有及时总结归纳成规范，这样一来又会出现品牌形象走样的问题。

所以在产品迭代过程中需要对旧的规范进行更新优化，不好的、过时的规范需要及时同步归纳，并及时通知到项目相关人员。要不然，陈旧的规范起不到帮助设计工作的开展，反而是一种负面影响。