如何建立一套 UI 设计规范？
看到很多不错的设计规范guideline，忍不住上来回答一下。 如果没有耐心看下去的，可以直接看我们的online demo: 这是去掉颜色的设计图，主要是为了展示设计师大致要设计的组件（部分）： 这是早期的取色板，可以看到颜色还是比较混乱的，这就涉及到一个典型的问题，颜色是提供高度定制化，像bootstrap一样呢，还是提供有限的色板，两者各有优势和劣势。 前者的优势在于色彩、定制的丰富性上，每一个component的颜色都可以毫无关联；但劣势也非常明显——加大了色板的控制难度，换言之，如果用代码实现的话，由于颜色的不确定性，管理起来非常困难！ 后者的优势在于便于管理，色彩主题的切换非常容易；但由于颜色的可选性不多，因此可能会导致其适用场景的选择上更加苛刻，或者需要添加额外的色块来完成整体的设计。 之后，我们做了进一步的优化和整理（下面展示的是另一套theme的色板），但明显可以感觉到色彩的应用上不像之前那样杂乱不堪了。 下面的图大致可以展示一下，其中某些组件老版和新版对比： 下图是具体某个组件设计过程中的一些思考： 当然本身而言，在建立一套全新的、完整的UI规范时，必不可少的会先参考已有的一些设计，比如： 下图是之前规划时的组件列表，现在的组件较之前又多了不少，一开始的demo里面就可以看到，不小心找到了，就贴在这边吧。 最后，这些都不是最终成品，限于公司原因，只能展示这么多，如果对其具体的实现感兴趣的，可以移步到： 以上。