App界面交互设计规范思维导图

页面布局和交互规范上建议安卓、ios尽量统一，这样可以避免安卓和ios分别设计一套稿子。

安卓

IOS

备注：界面坐标图指在设计已定稿的界面预览图上标注：界面元素的间距、文字的颜色、文字的字号大小、图标的尺寸、按钮不同状态颜色、按钮的尺寸等等

重要颜色中一般不超过3种，这里的例子重要颜色之一红色需要小面积使用,用于特别需要强调和突出的文字、按钮和icon；

而黑色用于重要级文字信息比如标题、正文等。

都是相近的颜色，而且要比重要颜色弱，普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。

普遍用于背景色和不需要显眼的边角信息。

这里主要规范标准字的大小，标准字要注意跟上文的标准色进行组合突出APP重要的信息和弱化次要的信息

大字号普遍用于大标题、top导航，较小字号用在分割模块的标题上。

主要用在大多数文字，比如正文。

普遍与标准色较弱组合用于辅助性文字如一些次要的文案说明 

简洁整齐，条理清晰感

界面元素的排版和间距设计

要注意考虑适配不同的屏幕分辨率

一般解决方案有据屏幕等比放大缩小间距，或者固定某些界面元素的间距，让其他空间留空拉伸。为了满足屏幕分辨率较大的设备，有时甚至需要改变APP界面的页面布局。

分别设计安卓和ios的弹层

弹层需求根据不同的功用设计不同的样式。比如操作性弹层-右上角更多按钮触发；

提示性弹层：弱提示性的应用系统的token飘字提示即可；

需要强提示可以使用取消、确定的模块弹层；

更强提示而且弹层需要承载一定操作的使用强引导弹层，右上角提供关闭操作或者可以点击非弹层区域关闭弹层。

增加loading可以给用户明确的反馈功能正在加载，减少用户在等待功能响应引起的烦躁感

loading动画除了常规的菊花还可以考虑使用npc，让APP更生动、活泼；

或者使用logo口号加强APP的品牌形象。

要注意安卓和ios平台需求不同的大小和不同的文件格式

图标

按钮

主要有：NPC、文案、按钮

要注意根据不同的场景显示不同的NPC和文案。