“ 嗯，方便实操的方法就是好方法！”
上篇讲到为什么有了iOS、Android规范，我们还是要整理自己的规范。有位童鞋说的很在理，是共性与个性之间的区分。我们之所以创建规范，是表达我们个体的差异性，做出适合自己的产品规范来。废话不多说，来看看怎么做交互规范。
首先整理交互规范，时间节点上，更倾向于选择项目所有视觉稿页面都已经输出完毕，进入开发阶段之后开始。这样以免因为需求更改或者设计遗漏了一些页面，进行二次返工，从而提高工作效率。（大家各位的成品sketch项目页面阁主就不展示了）
一、筛出组合组件
什么是组合组件？就是在单个控件中集成了一个或多个控件组成的。简单的区分方法，以ant design为例来说就是，在像ant design这样的标准规范中找不到的组件的，可以先提出来。初步提出来之后。可以看到的现象如下图

三、将组合组件进行内容分类

在sketch画板上，组件的内容可以大体分为如下几类，大家也可以根据自己APP的内容进行归类。

每条纵列为一个分类，如果一个分类的内容太多，也可以分为2个纵列，分类好之后大概看到页面如下图，每一纵列是一个分类。


四、抽象同一组组件的共同之处
相似的组件，见得最多的应该就是各种卡片样式了，他们会有各种状态。比方说如下图，就是单个卡片的不同状态。

如果要抽象的话可以抽象出如下的组件


五、配上每个组件的说明文字，以及举例说明
然后针对每个组件进行文案说明，文案包括每个部分的名称、使用方式、可能出现的内容展示。如下图


六、总结


还有一篇交互规范目录以及其他内容。这样整篇交互规范的实操整理方法就齐了。下篇更新吧，顺便说说第三期开源项目的事情。

– END –
点击右下角「 在看 」与转发
是对Sophia最大的肯定 
今日互动礼物↓↓↓
神秘礼物一份，就当玩盲盒吧~坐等惊喜
阁主会在留言区+点「在看」的小伙伴中抽取1位小伙伴，包邮送出小礼物至府上（获奖名单将在下一篇原创文章的留言区进行公布）
往期精彩文章
《既然已经有了iOS、Android规范了，为什么我们还是要整理规范》
《以Ant Design为例来说说B端设计的基本套路》
《交互设计知识体系》
《关于交互设计的思维抽象》
《3步设计思维助力职业成长》

有专业交流需求的，扫以下二维码或者加微信号simuyu217可添加小助理，小助理会将大家拉到拉到粉丝2群，群里很干净无广告，打广告的直接会被T出去。

Sophia的玲珑阁，大厂体验设计师，微推客专栏作家、简书互联网优秀作者，分享实用的互联网设计技巧和职场经验。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。