27第五章7-App界面版式设计规范及交互设计原则_第1页
27第五章7-App界面版式设计规范及交互设计原则_第2页
27第五章7-App界面版式设计规范及交互设计原则_第3页
27第五章7-App界面版式设计规范及交互设计原则_第4页
27第五章7-App界面版式设计规范及交互设计原则_第5页
已阅读5页，还剩24页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

App界面版式设计规范及交互设计经验法则

天津电子信息职业技术学院以App目的导向为原则的界面版式设计App界面版式设计规范App交互设计经验法则及解析知识要点App界面版式设计规范第一部分App版式设计规范讲解主要内容：1、内容布局（列表式、卡片式）2、图片设计比例3、对齐4、对称5、分组

…………App界面版式设计规范内容布局列表式布局卡片式布局

…………App界面版式设计规范内容布局列表式布局卡片式布局

…………App界面版式设计规范界面图片设计比例常见图片尺寸比例：16:94:33:21:1

…………App界面版式设计规范对齐对齐是版式设计基础、重要的原则之一，通过整齐的外观，给用户一种有序一致的浏览体验。

…………App界面版式设计规范对称对称设计传达出页面的平衡、安静和稳定，同时表达了完整性、专业性和一致性。

…………App界面版式设计规范分组常见的分组方式就是卡片，为用户选择提供专注而又明确的浏览体验。

…………App界面版式设计规范设计适配显示分辨率逻辑分辨率设计尺寸选择

…………App界面版式设计规范设计适配ios切片常见为：@2x切图（以750px为宽度尺寸为基准切图）@3x切图（以1242px为宽度尺寸为基准切图）App交互设计经验法则及解析状态可见原则系统应该让用户快速的了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解；一般的方法是在合适的时间给用户适当的反馈；原则一环境贴切原则软件系统应该使用用户熟悉的语言、文字、语句，而非系统语言。软件中的信息应该尽量贴近真实世界，让信息更自然，逻辑上也更容易被用户理解。原则二用户可控原则用户误触到某些功能，应该让用户可以方便的退出。用户发送一条消息、总会有意识到自己不对的地方，这个叫做临界效应；支持撤销/重做功能。原则三一致性原则结构一致性色彩一致性操作一致性反馈一致性文字一致性原则四一致性原则结构一致性操作一致性反馈一致性文字一致性原则四色彩一致性一致性原则结构一致性色彩一致性反馈一致性文字一致性原则四操作一致性一致性原则结构一致性色彩一致性操作一致性文字一致性原则四反馈一致性一致性原则结构一致性色彩一致性操作一致性反馈一致性原则四文字一致性防错原则在用户提交之前给他一个确认的选项。需要注意的是：在用户操作具有不可逆效果的功能时要有提示，防止用户犯不可挽回的错误。原则五易取原则通过把组件、按钮及选项可见化，来降低用户的记忆负担。软件的使用指南应该是可见的，且在合适的时候可以再次查看。原则六灵活高效原则可以同时满足有经验和无经验的用户。允许用户定制常用功能。原则七优美简约原则展示的内容应该去除不相关的信息或几乎不需要的信息。原则八容错原则出现错误信息应该使用简洁的文字，指出错误是什么，并给出解决建议。原则九人性化原则应该提

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论