- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Android细节体验分享选编
Android体验分享交流
、
后台的运行
A.针对耗时超过5秒的事件,采用后台运行,界面标记状态。
B.界面先行,网络随后。
如:多张图片发帖(可标记为发送中), 以先展示帖子内容在列表
、
载入前显示内容
A.如:列表进入详情页时,由于存在
共同元素,则可以将列表数据显示
到详情页。
B.对于列表和详情页利用元素共享
、
统一的过度加载页面
A.进入新的界面,在数据加载存在耗时操作时,则使用统一的加载界面
、
B.加载失败后处理需要统一空状态的界面。
通常有网络异常、 数据为空(即空状态)
空状态
A.空状态发生于一个常规内容页面不能显示时。可能是一个没有条目的列表,或者一个没有返回结果的搜索。
显示空状态
最基本的空状态显示一个非交互的图片和文本标语。
使用一个图片:
相对于背景来说,显得巧妙和素净。以一个生动的方式传达应用的目的和意图,就像你的应用图标
包含一个标语:
有积极的语气
与你的品牌一致,传达应用的意图,而不需要可操作
、
充分利用好缓存
A.对于列表性等数据,可以采用本地缓存,提前载入数据。同时进行网络加载,随后刷新数据
、
尽量让少输入,输入时,尽量多给一些参考
A.在搜索界面,通过关键字,提示让用户参考选择
B.保存用户的历史记录
、
界面过度--使用转场动画
视觉连贯性
、
在转场效果中,往往具备以下三类元素:
A.进场元素:无论是新生成的元素,或者是变换进入屏幕的元素,设计者需着重笔墨介绍一番新进场的元素。
B.退场元素:指的是在新场景下不复存在的元素,退场元素必须温和、不突兀的退场。
C.共享元素:指的是从转场开始到转场结束都存在的元素,可以是一个图标,也可以是点击后放大的图像。
A.普通Transition
explode:从场景的中心移入或移出
slide:从场景的边缘移入或移出
fade:调整透明度产生渐变效果
、
Activity Transition提供了两种Transition类型: 1、Enter(进入):进入一个Activity的效果 2、Exit(退出):退出一个Activity的效果
而这每种类型又分为普通和共享元素Transition
B.Shared Elements Transition 共享元素转换
它的作用就是共享两个acitivity中共同的元素
界面过度--使用转场动画
、
四种常见专场动画
、
界面过度--转场动画优秀实例
Reveal effect(揭露效果)
Ripples(涟漪)动画如下:
点击动画
、
icon动画
操作功能icon。
在完成点击操作之后,通常会转为对应的另外一种形态。
如“返回”与“菜单,”“选择”与“未选择”,“收藏”与“已收藏”“点赞”与“取消点赞”的状态之间切换。
、
FAB 按钮(Fixed Action Button)
、
大面积色块Action bar
在系统里大面积使用色块,用色块来突出主要内容和标题,让界面的主次感更佳突出,也让原本灰黑色为主的界面拥有了时尚和活力。色块的颜色选择多使用饱和度高、明度适中的颜色,整体拥有比较强烈的视觉冲击,但并不会太刺眼。
、
无边框按钮
、
聚焦大图
A.去掉action bar,只保留返回按钮的设计
如:个人中心或详情
B.修改状态栏底色
、
抽屉式导航
抽屉式导航是Google应用程序中一种常见的模式。抽屉导航从左侧滑出,它遵循列表的关键设计线和标准
/project/material-design/patterns/navigation-drawer.html
、
ICON图标尺寸(分为圆角和直角)
最大尺寸 512X512px
、
使用9-patch PNG图片
开发中背景等存在拉升的情况,为了适配和导入的图片资源尽量较小,可以适当
采用9.png图片
五种主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)应按照 2:3:4:6:8 的比例进行缩放
主流分辨率设计尺寸比例
、
字体排版
/project/material-design/style/typography.html
色彩
/project/material-design/style/color.html
/project/material-design/layout/metrics-and-keylines.html
度量和边框
结构
/project/material-design/layout/structure.html
Anddroid 主流系统和分辨率
/devices/android_resolutions
、
参考文档
您可能关注的文档
最近下载
- 感悟生命_我的生命之树_教案 心理健康八年级全一册.docx VIP
- 企业架构(4A架构)一体化设计方法.docx VIP
- 文秘英语实训(第二版)教参..doc
- 2023-2024学年山东省青岛二中高一(上)期中数学试卷【答案版】.pdf VIP
- 四川省绵阳市涪城区2025届九年级下学期中考三模数学试卷(含答案).docx VIP
- 文学常识题库(含答案).docx VIP
- 主检医师规范化及能力提升培训考试试题.docx
- T_CMSA 0021—2021_民用无人机作业气象条件等级植保.pdf VIP
- 2023年广西玉林市玉州区小升初数学试卷附答案解析.docx VIP
- T/CCIAT 0015-2020 建筑劳务管理标准.pdf VIP
文档评论(0)