交互干货必收 | App界面交互设计规范思维导图
交互干货必收 | App界面交互设计规范，标准色规范、界面元素间距、页面布局规范、标准字规范
树图思维导图提供 交互干货必收 | App界面交互设计规范 在线思维导图免费制作，点击“编辑”按钮，可对 交互干货必收 | App界面交互设计规范 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：9c2cec94e8791140d2ae410dc9c3880f
思维导图大纲
交互干货必收 | App界面交互设计规范思维导图模板大纲
页面布局规范
统一设计稿输出规范
安卓（720*1280px）：界面预览图、界面坐标图、标准界面的图标png文件
IOS（640*1136px）：界面预览图、界面坐标图、1-3倍图矢量图标pdf文件
注意
界面坐标图指在设计已定稿的界面预览图上标注：界面元素的间距、文字的颜色、文字的字号大小、图标的尺寸、按钮不同状态颜色、按钮的尺寸等等
标准色规范
标准色规范：重要、一般、弱
标准色重要：重要颜色中一般不超过3种
标准色一般：都是相近的颜色，而且要比重要颜色弱，普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息
标准色较弱：普遍用于背景色和不需要显眼的边角信息
标准字规范
标准字规范重要、一般、弱
主要规范标准字的大小，标准字要注意跟上文的标准色进行组合突出APP重要的信息和弱化次要的信息
标准字重要：大字号普遍用于大标题、top导航，较小字号用在分割模块的标题上
标准字一般：主要用在大多数文字，比如正文
标准字弱：普遍与标准色较弱组合用于辅助性文字如一些次要的文案说明
界面元素间距
间距设计还要注意考虑适配不同的屏幕分辨率
一般解决方案有据屏幕等比放大缩小间距，或者固定某些界面元素的间距，让其他空间留空拉伸
了满足屏幕分辨率较大的设备，有时甚至需要改变APP界面的页面布局
相关思维导图模板
树图思维导图提供 催收系统升级 在线思维导图免费制作，点击“编辑”按钮，可对 催收系统升级 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：71297774a95b163403440d1ee14ad2e1
树图思维导图提供 1、体检完成后，回收指引单 在线思维导图免费制作，点击“编辑”按钮，可对 1、体检完成后，回收指引单 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：b81adb39f9ac84252ecf410072cd8287
沪公网安备 31011502019485号
上海工商