写给新手的交互规范入门科普

两天读者问我，应该如何区分初级交互设师高级交互设师？很多指标作参照，直观的问题可以归结出过交互规范。交互涉及到逻辑性，心，视觉设计等多个领域，具体到项目需要把控细枝末节，同时具备归纳总结炼的功堪称美。

每天充斥着各种会议，需求沟通，整的时间都之又，再会归纳总结可觉得每天都在打酱油。曾经有句经典对白，会做视觉规范的设计师只算是个美工。设计师看到「美工」这两个字眼，就像开发工程师看到「bug」一样会瞬间燃起斗志，交互的范畴同适。

先有产品，后有规范？

这就像是先有鸡还是先有蛋一样，众说纷纭。规范顾名思义在经历了同产模，断迭代的过程中，对于产设计者和开发者来说都需要一个实施标准来说对方。当陷入到拉锯战，双方在天平的两端都没有答案的时候，急需标准的东西来推进产发展。

同时不断迭的历程中，很多模块了保住功能了一些修改，这些小的修改积累到一程度就会对产品整体的一致性方面提出挑战。

品需求功能不断完善过程，涉及到业务流程场景也会丰富起来，很多组件适用于不场景也成为品必不可少部分。统这部分已经积累下来真实组件形成规范有利于开发和再利用。

所以先有产品，后有规范更为理。

规范从哪儿开始？

交互规范分为web端和移动端以及其他配合品使用设备端，比如iwatch等。web端规范需遵循诸如致性，连续性，用户可操控性交互原则，熟悉windows和Mac操作法。相于移动端以及其他设备端口需要熟悉平台本身交互设计规范。

• iPhone 交互设计规范
• material design交互规范
• iwatch 交互设计规范

熟悉了平台规则，建立产品自己的规范体系吧。

划分规范体系

规范产品系统化的产出，从的方面产品的整体框架层面起，包括标题栏、顶部导航、底部操作栏，共同部分包括各类信息提示组件，到产品各模块相关的业务组件。

整体框架规范

• 界面规范
• 标题栏
• 顶导航
• 底部操作栏
• 页跳转逻辑

示信息规范

• 预先息提示
• 操类提示
• 谨慎类信息示
• 警示类信息提示
• 悬浮类信息提示

因产品类型不同，组件列表这里就不一一列出了，家可以试总结一下。交互规范对每种组件行详细描述，包含三部分内：

• 构成元素，控件由哪些元素组成（字，icon，操作按钮等等）。
• 使用场景，控件应用于哪些场景，什么时候会使用到，触发条件。
• 细节说明，描述控件具体内容，在不场景如何呈现，特殊场景描述等。

小结

规范是形成系化的标准，定标准需要遵循4方面原则。

• 统一性和标准性，导航结构一致、响应方式一致、文案表达方式保持一致、息提示一致、功能名称保持一致。
• 信息清晰，导向明确，主次局合理、逻辑清晰、导航次清晰。
• 反馈及时有效，户操作及时反馈、准确、简单、直白、具有导向性，don’t make me think。
• 防止错误，不可修复操作及时提示，预防纠错误，错误页面可及时返回，掌控权留给用户。

注作者的微信公众号：「薇谈计」