建立一套自己的设计规范
作者：李小先生 来源：简书
建立规范的要素：
明确自己产品定位和目标 ；
规划交互规范的内容范围；
化繁为简，简洁易懂。
一、明白自己产品定位和目标
我们的产品是定位于服务于外贸企业用户的工具，主要目标是帮助客户建立自己的外贸网站/寻找外贸客户/客户管理/外贸营销，简单来说就是建站-获客-管客-营销-转化。
所以我们的产品中需要最多的就是控件就是输入/搜索控件和各类表单图表，而且在控件的设计上不能设计操作性太复杂的控件（千万不要为了追求新奇炫酷而去设计比较少见的控件，否则不仅加大前端同学工作量，用户也不一定用的明白），不然就违背了快速操作反应的原则，在这里建议大家可以参考阿里的Ant design交互规范。
二、交互规范的内容范围
交互规范内容包括什么？
不同的产品的交互规范范围内容不同，一般来说网页端产品的相对移动端产品内容更多，这是因为网页端产品的页面布局多样，交互控件和方式更为复杂；To C网页产品比To B网页产品内容更多，因为To B产品目标明确，更注重使用效率，不会采用过于复杂和新颖的页面布局和交互方式。
而针对我们的产品，交互规范内容总结主要包括以下几个部分：
1. 设计规范说明
设计规范说明主要描述该设计规范的基本信息：
2. 设计更新记录
因为交互规范是需要根据项目不断完善更新的，所以会有很多迭代的记录，及时记录更新可以方便其他设计师、前端工程师知道我们更新了什么内容，及时同步给整个团队。
3. 设计规范主体
主要包括字体规范、色彩规范（这两个建议和UI设计师共同制定）、页面布局、工具、控件库、图表，在这里我的做法是先汇总出当前产品版本所具有的所有规范内容，再参照Ant design、Material Design、element等设计平台。
部分已有的规范内容进行升级再整理，同时根据使用场景和优使用频率，将控件分类和调整排序，这样基本上交互规范的框架就可以建立起来。
最终我为我们产品确定的交互规范内容展示如下：
三、化繁为简，简洁易懂
如果大家通过上述方法来进行设计规范整理，势必会得到一份体量更加庞大的交互设计规范文件，这个时候，设计师更多的需要根据自己的经验来进行删减（会合理删减的设计师才是优秀的设计师）。
哪些可以删减？哪些不能删减？
1. 可以删减
举例来说：下面两个时间范围筛选器，能达成的筛选目的和作用是一致的，但由于长度不一样，上面的筛选器能适配的页面场景更多，所以可以直接把下方的时间筛选器删减。
2. 不可以删减
举例来说：下面两个选择器，两个表面上目的看起来都是进行选择项选择，但右边的选择器带有搜索框，适合选择项数据庞大时的进行搜索选择，左边的适合选择项数据量不大时进行直接选择，所使用的场景并不相同，所以不能进行删减。
好的交互规范不需要太多的文字说明，团队成员直接看图即可明白这个组件的交互方式（点击前、点击后、空数据、有数据、极限情况下等的交互样式），当然有些不好通过图稿表达的信息也必须需要文字说明辅助，但相比文字而言，大家更喜欢看的肯定是图片。
如果想要交互设计规范的小伙伴可以加我的微信：yw5201a1
帮你成长
我之前也创立过产品经理学习交流群，那个时候由于人数少，大家讨论也蛮积极的，但是微信群讨论的一大弊端就是无法将谈论的知识提炼出来，干货内容渐渐被口水话淹没，所以我建立了一个知识星球（原小密圈），在这里我会分享自己的思考感悟，你有问题可以随时像我发起提问，同时别人提的问题你也能看到，更重要的是你不论什么时候看这个回答它都在！
同时大大老师以后所有的live，小密圈的同学都可以免费学习。
为了更好的服务知识星球的小伙伴，大大老师将会在知识星球发表一些干货文章和音频供大家学习，当然这些内容公众号是没有的。
知识星球规则：
1、费用：为了保证社群的质量和活跃度，需要先付款99元，签到后会返还。
2、返还费用：连续签到3天返还30元，连续签到5天返还50元，连续签到7天返还70元。
下图是返还凭证：
2、签到形式：可以是你的产品感悟，也可以是你学习中遇到的问题，也可以是你回答别人问题。（把你的感悟记录下来，把你遇到的问题提出来，帮助解决别人遇到的问题，这个过程就是成长，切记不要潜水，好歹你也是付费进来的）。
3、奖励：每周抽取最活跃的用户，（提出的问题+发表的产品感悟+回答别人问题）总数最多，即有可能获得现金红包、PRD文档、面试简历模板、原型文件等不同奖励形式。
奖励凭证：
邀请5个小伙伴加入，则本人加入的费用免除，并同时获赠68元现金奖励，当让为了保证群质量，邀请的小伙伴需要付费加入。
4、广告：社群内禁止发广告，否则即使付费，也要被T出去，如果想发广告，加入上课群，并红包走起，想加入上课群，加微信yw5201a1，拉你入群。
之前付费进入产品经理学习群的小伙伴，可以加微信（yw5201a1），免费拉你入群。
长按下方二维码加入我们吧！
送福利：把此文章转发到朋友圈保留24小时即可找我领取一份想要行业的原型和PRD文档。
往期精彩文章
点击“阅读原文”
即可进行报名。