经典知识：交互设计规范8大总结！附84页资料：《J 东交互设计规范》

京东APP交互设计规范摘要

京东APP交互设计规范是一套系统性的指导方案，用于统一产品界面风格和界面元素的样式、颜色和大小。这些规范的建立可以减少沟通成本、避免界面元素设计重复并控制安装包大小。设计规范的建立包括三个要素：确定产品定位和目标、规划交互规范的内容范围以及简化规范内容。

产品定位和目标

产品的定位和目标决定了产品的风格，例如一个针对外贸企业的工具，其功能包括建立外贸网站、客户管理和营销。因此，设计时应重点关注输入/搜索控件和表单图表的简洁性。阿里的Ant design交互规范是一个值得参考的例子。

交互规范内容规划

交互规范的内容范围依产品不同而异，通常包括界面布局、色彩规范、字体规范、元素间距、弹层、loading和图标按钮等方面。设计时推荐使用Sketch工具，并以iPhone5的尺寸为标准进行设计，同时制定详细的界面坐标图示例。

色彩、字体和间距规范

色彩规范分为重要、一般和弱三类，以表达不同的视觉重要性。字体规范也采用类似的分类，并且要与色彩规范相结合。元素间距的设计需要考虑屏幕分辨率的适配，确保界面整洁和清晰。

弹层和Loading规范

弹层设计需遵循不同平台的设计要求，例如iOS的弹层通常从底部弹出，而Android则显示在页面中央。Loading设计应提供反馈，减少用户等待时的不适感。

图标/按钮和页面展示规范

图标和按钮需根据平台和功能设计不同状态。页面加载失败和空白页的设计应统一但根据不同场景进行自定义。

规范的制定与删减

设计规范的整理需要设计师根据经验进行合理删减，区分可删减和不可删减的元素。优秀的交互规范应简洁直观，减少文字说明，更便于团队理解和执行。

总体来说，设计规范应与前端开发和产品经理达成共识，并严格遵守。在制定过程中，产品经理扮演组织者的角色以确保规范贴合实际需求。