安卓设计知识框架分享
2022-10-27 11:22:37 0 举报
AI智能生成
安卓设计知识框架分享
作者其他创作
大纲/内容
总结 10大改变
1 导航栏
①由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)
②将菜单项和搜索项从导航栏去掉,把之前通过长按主页键才出现的最近任务直接展示在导航栏中
③把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”(action overflow)
2 操作栏
①操作栏变更:从之前的APP图标+操作→1向上+2SPINNER+3重要操作+4更多操作
②操作栏可拆分为1 主操作栏(选项卡TABS) 2顶部栏 3底部栏(主要操作和被收起的更多操作)
③横向屏幕展示界面时,被拆分的操作栏灵活合并在一起
3 多面板布局
更多针对平板电脑,将手机端的目录视图&详情视图,更多页面,复合展示在同一个页面中。扁平化层级结构,简化导航。(IPAD运用成熟)
4 选择
对比
早期版本:长按操作后,出现情境菜单的浮出层
4.0版本:①长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层②当前界面的内容项允许被单个处理,也允许被批量处理
5 返回和向上
①返回按键用于手机全局的虚拟导航栏,基于用户最近查看的界面历史,采用时间倒序方式,连接界面间的关系。
②向上按钮用在操作栏的左侧,基于层级结构,点击后是渠道当前界面的上一个层级,若当前界面已经是最高级,则没有向上按钮
6 主题样式
推出三套默认主题
7 widgets
①在原APP页里,用选项卡TABS的方式增加了WIDGETS内容。
②改变的作用:一改用隐晦方式添加WIDGET的操作和把WIDGETS零散放在桌面呈现的方式。
8 兼容性
向后兼容,考虑到物理导航按键手机如何兼容安卓4.0系统和虚拟导航手机如何兼容安卓2.3和更早期版本的APPS。
9 强调纯粹的android应用设计
强调安卓设计纯粹的ANDROID APP,切勿使用其他平台特定元素
注意事项
①强调视觉元素的样式要符合ANDROID系统
②不用其他平台特有的图标
③不在界面的下方使用选项卡tabs
④区分向上和返回,不在操作栏上使用返回样式的按钮
⑤不在内容列表里使用右箭头
10 其他细节
(1)新增横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉
(2)视觉的平面化,栅格风
(3)在writing style中明确指出wording时,直接使用第二人称“你”
4.0 设计规范
规范基础
创新版本
核心Apps和系统设计焦点的三大目标
1 迷惑我吧
①Android多个层次上都漂亮且具有美感
②转场快速清晰
③排版&样式干脆利落
④Apps图标漂亮简洁
2 简化我的生活
①Android Apps能让生活更简单且容易理解
②简单的任务从来不要求复杂的步骤,而复杂的任务会为人量身定做。
3 让我感到惊艳
①使Apps易于使用还不足够,Android Apps希望人们能不断尝试新东西和用创意的方式来使用App。
②Android让人们通过多任务、通知和跨App分享,把Apps结合到新的工作流中。
③ Apps个人化,清晰优化的方式享受伟大科技。
设计原则
1 让我着迷
①惊喜
漂亮的界面,精心准备的动画或适时的声音效果都是体验乐趣
②真实对象比按钮和菜单更有趣
让人们直接触摸操作你Apps里的对象,可减少执行任务的认知负担,同时可以更多地满足情感需求。
③个性化
人们喜欢增加个人的东西,它们让人感觉更有亲切感及控制感。
可提供实用、漂亮、有趣、可自定义,且不妨碍主要任务的默认设置。
④记住人们的习惯
学习人们的使用习惯,跟随用户的使用行为。
2 简化我的生活
①尽量表达简洁
②图片比文字好理解
③为我作决定,但要让我有决定权
④只在需要的时候显示我需要的内容
把任务和信息打散成一个个小的、容易操作的内容。
隐藏此时不必要的操作选项。
⑤让我知道我在哪
让你的app每页看上去都有区别。
使用转场显示各个屏之间的关系。
在任务进程中提供清晰的反馈。
⑥永不丢失我的东西
为人们保存他们花时间创建的东西,并在任何地方都可以获取它们。
记住设置,个性化触控及创建电话,平板电脑之间的同步。
⑦如果看上去一样,就应该操作也一样
为了更好的分辨功能,让他们视觉上的区别更大一些,避免那些看上去差不多的样式但操作起来却不一样。
⑧真的很重要时才打断我
人们希望保持专注,除非是非常重要和讲求时效的事情,才愿意被打断。
3 让我惊喜吧
①给我一些可以通用的操作方式
当人们自己搞懂一些事情的时候感觉很赞。
利用其它Android Apps已有的视觉样式和通用方式让人们学习你的Apps变得很容易。
e.g. 横划是很好的导航的快捷切换方式。
②这不是我的错
让用户更正时请温和些。
如果出了问题,给出清晰的恢复指引,而不是详细的技术细节。
③不断地鼓励
把复杂的任务分拆成容易完成的一个个小步骤,即使操作有了很小的改变也要给出反馈。
④帮我完成那些繁重的活
让新手顺利完成他们自己也没有预想自己能完成的任务
e.g.提供照片滤镜效果,通过几个简单的步骤,使一个非专业的照片看上去很棒。
⑤让重要操作快起来
你的APP中不是所有功能都一样重要的。
决定哪些才是最重要的功能,让它们容易被发现和使用。
e.g. 照相机快门键和音乐播放键。
ui概览
UI提供的框架
主界面的体验,设备的全局导航及通知栏。
最重要的Android界面
主界面home,全部Apps界面及最近界面。
①主界面home
定义:home是一个可定制收藏Apps、文件夹、小工具的地方。
解读
可通过左右横划导航不同的屏面板
不论切换到哪个home屏面板,底部始终有一栏为“我的最爱”,可以把最重要的Apps和文件夹放在这里展示。
点击底部栏“我的最爱”中间的“全部应用”按钮可以到达全部Apps和小插件的展示页面
②全部Apps界面
定义:可以让你浏览设备中全部安装了的Apps和小插件。
用户可随意拖拽Apps或者小工具的图标,到达home任意面板空的位置放下。
③最近任务界面
定义:是一个提供最近使用的Apps之间切换的快捷方式。
解读
为多个同时进行的任务提供一个清晰的导航路径。
最近按钮是在导航栏的最右边。
展示用户最近使用的Apps,他们通过时间顺序组织,把最近使用的放在最底部。
UI 栏
定义:专用于显示通知、设备的通讯状态以及设备导航的区域。
解读
UI栏会跟随所运行的app需要而显示
如果是需要沉浸式体验的app如电影或图片,可以暂时隐藏UI栏
①状态栏
左边显示等待通知,右边显示如时间、电池水平、信号强度
向下划动状态栏显示通知详情
②导航栏
4.0安卓新特性
只在没有传统硬件导航栏的设备上显示。
放置了设备的导航控件包括返回,home和最近任务,在安卓2.3及更早版本还有菜单键。
③系统栏
在平板电脑上使用,包含了状态栏和导航栏的元素。
通知
定义:用户可以在任何时候从状态栏获取简短信息的地方。提供更新,提醒以及那些未重要到需要打断用户的重要信息。
向下滑动状态栏可以打开通知抽屉
点击其中一个通知打开相应的Apps
大部分通知都是一行标题一行信息,这里推荐两行布局。时间戳是可选元素。
APP UI
Android app 包含 操作栏和内容区域
①主操作栏
这是app的命令和控制中心
主操作栏包含导航app层级和视图的元素及重要操作。
②视图控制
让用户切换app提供的不同视图。
视图包含了内容不同的组织方式或不同的功能。
③内容区域
内容显示区域。
④次操作栏
把操作从主操作栏,分配放置到次操作栏,它可以在主操作栏的下方或屏幕底部。
设计风格
设备和显示
利用Android灵活的排布系统,可以创建从大屏幕大到小屏幕优雅转化的Apps
灵活
扩展和缩小你的布局来适应不同的高度和宽度。
优化布局
在大设备上时,利用额外的屏幕版面。
创建包含多视图的复合视图,以展示更多的内容和更便捷的导航。
为全部设备做好准备
为不同屏幕分辨率提供资源,保证你的App在任何设备上都漂漂亮亮的。
策略
在标准基础上开始,然后放大或缩小,以适应其他尺寸。
从设备的最大尺寸开始,然后缩小,并适应到你需要的小屏幕尺寸。
主题样式
holo浅色主题、holo深色主题、holo浅色底+深色操作栏主题
触摸反馈
使用颜色和光作为触摸反馈,加强手势行为的结果。
暗示哪些操作能用,哪些操作被禁用。
无论何时用户触摸了一个可操作区域,你的app都要提供视觉反馈,使用户知道哪些可操作。
状态
大部分Android的UI元素都内置有触摸反馈,包括暗示触摸元素是否有效果的状态。
沟通
当有更复杂的手势时,帮助用户理解操作的结果。
e.g.在最近任务里,当你开始横划缩略图时,它会变暗淡。帮助用户横划会引起对象的移除。
边界
做边界反馈:当用户尝试滚动超过内容边界时,要给出一个明确的视觉线索。
e.g.如果一个用户在第一个home屏往左滚动,屏幕的内容就会向右倾斜,使用户知道这个方向的导航不可用。
标准和网络
屏幕物理大小是手机(小于600DP)或平板电脑(大于或等于600DP)的物理尺寸
48DP
可触摸的UI元件的标准。
为什么是48DP?
48DP转化为一个物理尺寸约9毫米,用户手指能准确并且舒适触摸的区域。
至少48DP 可保证
触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。
在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
注意空白
每个UI元素的间距是8DP
字体
Android的设计语言依赖于传统排版工具,如大小,空间,节奏以及与底层网格对齐。成功应用这些工具可以帮助用户快速了解信息。
新字体 ROBOTO.专门为高分辨屏幕下的UI而设。
目前 textview 框架默认 常规,粗体,斜体,斜粗体
默认文字颜色
字体大小
颜色
调色板
图标
启动图标
尺寸与缩放
移动设备的启动图标 48*48DP
应用市场的启动图标512*512DP
大小
整体大小 48*48DP
风格
可以使用一个独特的剪影
三维,前视角带有一点点从上往下的透视。
操作栏图标
代表用户在你的APP中可以使用到的最重要的操作。
每一个图标都应该用简单的比喻来传达一个单纯的概念。
小、场景图标
在你的APP中,使用小图标提供操作或特定目的的状态。
通知图标
APP有通知,要提供一个每当有新通知时显示在状态栏的通知图标
通知图标必须是完全白色
写作风格
保持简短,简单,友好,先讲最重要的事情,仅描述必要的,避免重复
模式
新的android 4.0
导航栏
1 除去传统手机物理按键的需求,以虚拟按键代替
2 虚拟按键包括返回,home和最近任务。
操作栏
跨整个平台的一致性导航,并展示你的app重要操作。
多面板布局
设计app,配置不同设备和屏幕大小。
允许你将在小屏幕上独立展示的界面,以富态视图的方式一同展示在平板电脑的同一个界面上。
选择
长按的手势,在传统操作中是用来展示内容项的情景菜单,现在用于内容项的选择。
当选择内容项的时候,情景操作栏可以展示你APP的重点操作功能。
手势
手势允许用户通过操作屏幕上的对象,与我们的app进行互动
触摸
长按
横划
拖动
双触摸
PINCH OPEN 放大内容
PINCH CLOSE 缩小内容
应用结构
APP结构
e.g.1单个核心功能app 计算器 照相机
e.g.2 不同的操作中切换,而不是更深层次导航的app 电话
e.g.3 结合一系列深层级内容视图的app Gmail 应用市场
常用结构
概述
Androidapp 包括顶级视图和详情、编辑视图。目录视图可连接顶级视图和详情视图
分类
1 顶级视图
支持不同视图。视图既是展示相同内容的不同呈现方式,又是展示app的不同功能模块。
2 目录视图
允许进入更深层级的内容
3 详情| 编辑视图
享受或创造内容的地方。
详述
顶级
启动页布局:首屏应满足新老用户,我的典型用户在app中最想做些什么?
原则
1 把推荐内容置前
2 为导航和操作进行操作栏设置
层级操作栏应考虑
使用操作栏展示app图标或标题
若第一层级包含多种视图,或多个账户中切换是一个重要的使用情景,确保用户在增加视图控制的操作栏上操作容易。
如果你的内容可以被搜索,就要在操作栏中包含搜索操作。人们可以通过搜索打破导航层级结构,进行全局搜索。
3 让人们一眼就能认出你的app
创造识别性,通过版面样式和交互方式形成自己的一个识别点。富媒体应用,创造独特的布局,展示内容和超越单调的列表视图方式
分类
层次深的、数据驱动的app的目的是通过有组织的分类,引导用户可以进入查看和管理。扁平化你的app层级可以减轻用户对导航层级的负担。
可减少冗杂的导航认知
1 使用选项卡结合分类选择和内容的展示
不超过5-7个选择卡
应用市场用选项卡同时显示类别的选择和内容
用户可以通过在内容上左右横划来选择分类
如果在选项卡中的类别不密切相关,偏向于用固定选项卡,一边同时查看所有类别。
2 运行穿越层级的操作
利用快捷键让用户更快达到目的
允许用户在第一层级调用对二级内容直接进行操作的列表项
3 作用于多个内容项
目录视图 引导人们进入内容详情页服务
对内容集进行批量操作
详情页
允许你查看和操作你的内容
详情视图布局取决于内容类型
1 布局
考虑人们将在详情视图中执行的操作,并安排相应的布局。
针对沉浸式内容,利用关灯模式允许用户全屏专心查看内容。
2 让详情页之间的导航高效
若用户想查看多个项目,请允许他们在详情视图间切换。使用橫划查看或其他技术。
清单
在你的首屏中,找到一种方式展示有用的内容。
使用操作栏提供一致的导航。
使用横排导航和快捷方式,扁平化你的层级结构。
使用多项选择来允许用户对内容集进行操作。
允许通过横划查看的方式,在详情页中快速切换。
导航
"向上(去到上一级)"和“返回”导航
对比“向上”和“返回”操作
向上
app中的向上按钮,用于基于层级结构的界面关系间的导航。(e.g. A界面展示一个列表项,选其中一项,进入B界面,B界面提供一个“向上”的按钮跳转A)
若界面是app的最高的一个层级(如 首页),那就不应该出现“向上”按钮
返回
基于用户最近查看的界面历史的导航,采用时间倒叙的方式连接界面间的关系。
同与不同
当上一个视图界面与当前界面有上下层级结构关系时,点击“返回”按钮和点击“向上”按钮会有同样结果。
“向上”按钮确保用户停留在同一个APP中,而“返回”按钮可以让用户回到首屏,或回到另一个app,具有跳跃性
返回按钮可支持
消除浮出窗(对话窗口,弹出层)
消除情景操作栏,以及把选中态从选中项中移除
隐藏屏幕上的键盘。
app中的导航
1 通过多个入口导航进入到界面
2 改变界面视图
改变界面视图的选择不会影响“向上”“返回”的操作:界面仍然在app层级结构的同一个地方,没有创造导航历史。
改变视图的案例
通过使用选项卡或左右横划切换视图
通过下拉列表(又称折叠选项卡)切换视图
列表筛选
列表分类
更改限时特性(如放大)
3 在同一层级的界面间导航
当你的app支持从一个列表项(目录视图)导航到其中一个项的详情视图,它通常需要到支持到从列表的其中一个项中去到列表顺序中的另一项。
app外的导航
两种类别的导航能通过app的层级结构,从你的app外到达你的app内的界面
app间的导航:例如通过有目的的操作来实现。
从系统到app的导航:例如通过通知和系统主界面的插件。
e.g. Gmail提供的案例
app间导航 :点击某个app的“分享”后直接跳转到Gmail的编写界面。
系统到app导航 : 新消息通知和主界面的插件都能够进入到收件箱界面,把用户直接带到对话视图中。
两种类别的导航
app间的导航
含义 当直接通过一些有目的的操作,从另一个app深入到你的app的层级结构中时,“返回”键将会返回到触发进入当前视图的界面。
例子 在应用市场中选择一本书并分享,用户会被直接引导到Gmail的编写界面。向上操作是返回到收件箱(同时是编写界面的上一级和app的首页),返回操作则是去到应用市场。
从系统到app的导航
如果通过系统的通知机制或主界面的插件到达你的app,向上行为在这里的描述与上述的app间导航一致。
例子 Gmail在home界面的小插件有一个按钮可以直接去到他的编辑界面。操作并去到编辑界面后,返回按钮首先会返回到收件箱,紧接着返回到home界面。
操作栏
操作栏的主要目的
突出重要的操作(如搜索)并用可预见的方式访问
支持一致的导航和app内视图的切换
通过把少用的操作收起到更多操作里,以减少混乱
为你的app提供一个专用的空间
常规的组织结构
4个不同的功能区域
app图标 视图控件 操作按钮 更多操作
适应横竖屏旋转和不同的屏幕尺寸
次操作栏的布局注意事项
三个放操作栏内容的位置
1 主操作栏 2 顶部栏 3 底部栏
1 如果用户能从特定的界面去到层级结构的上一层,主操作栏至少要包括向上的符号。
2 通过使用选项卡tab或顶部栏中的下拉菜单spinner,来允许用户快速切换你的app中提供的各种视图。
3 如果需要,可在底部栏展示操作和更多操作
情景操作栏(CAB)
CAB是一个在操作特定子任务期间,重叠在app操作栏上的临时操作栏。cabs通常用于涉及内容或文字选择的任务。
更多信息可见“选择”模块
操作栏的元素
1 选项卡tabs
选项卡展示app视图的同时,使其易于浏览和切换。如果你希望用户频繁切换视图,就使用选项卡的样式
滚动选项卡
滚动选项卡撑满整栏的宽度,当前选中的视图项会在正中间的位置,就使用滚动选项卡吧。
如果你有很多视图,或会灵活的插入而不能确定多少视图将会被展示,就使用滚动选项卡。
滚动选项卡总是允许用户通过在内容区域左右横划来浏览视图,和横划切换选项卡一样。
固定选项卡
固定选项卡会一直展示在屏幕上,不能像滚动选项卡一样被移开
当屏幕方向改变的时候,主操作栏中的固定选项卡可以移动到顶部栏中
2 spinner下拉菜单
spinner是用户切换app视图的下拉菜单
以下情况使用下拉菜单而非主操作栏
你不想放弃垂直屏幕上专属的选项卡栏
你期待使用你的app的用户频繁切换视图
3 操作按钮
用操作栏中的操作按钮,展示你的app中最重要的功能,思考哪些按钮会最常使用,并相应的排列顺序。
由于可用的屏幕大小有限,系统只会显示最重要的操作,把其它放在“更多操作”里。
使用fit作为优先展示按钮的准则
f频繁
你的用户是否在访问这个界面的时候,十次中有七次会使用这个操作
他们通常会连续使用几次
每次使用都会反复增加额外操作吗
i重要
你希望大家都发现这个操作,因为它特别酷或有卖点
是否在某些情况下需要很容易就能操作
t典型
在相似的app中是否把这个操作作为典型第一层级操作
在使用场景中,如果把它收在更多操作里,用户会感到惊讶
如果符合fit,就放在操作栏里,否则就属于更多操作
4 更多操作 action overflow
操作栏里的更多操作作为你的app中不常使用的操作提供入口
更多操作的图标只会出现在没有硬件按钮menu的手机上
5 分享内容
每当你的app分享内容如图片或影片,在操作栏使用一个分享操作接口
设计分享操作接口是为了通过展示最近使用的分享服务来达到快速分享的目的,这个接口放在下拉菜单spinner按钮的旁边,内容包括其它的分享选择
操作栏清单
1 对于这个任务,查看导航有多重要?
2 app中哪些操作需要直接放在操作栏上,哪些可以移到更多操作里
3 还有哪些足够重要的内容需要长期展示
显示情景信息对于你的app来说也很重要
收件箱中的未读邮件数量,播放器里的正在播放歌曲信息,精心策划那些你想要展示的重要信息,并根据计划调整你的操作栏结构。
多面板布局
创建android应用,要记住android设备有许多不同的屏幕尺寸和类型
将多个视图结合为一个
主表格 列表视图 详情视图
平板 列表和详情列表融合
复合视图和朝向变换
拉伸 压缩
堆叠
展开 折叠
显示 隐藏
清单
提前计划你的应用该如何适应不同的屏幕尺寸和屏幕朝向
在屏幕朝向改变时找到最好的方法重新组织复合视图的面板
寻找机会将你的视图整合到具有多面板的复合视图中
确保你的屏幕在朝向改变后保持相同的功能
橫划视图
横向导航 扁平化垂直层次结构,并使得访问相关内项更便捷
横划视图可使用用户通过一个简单的手势高效率的在内容项间切换,并因此带来浏览和享受更流程的体验
在详情视图间横划
一个app的数据通常被组织成“主列表 详情”关系,用户看到一列相关内容项,比如 图片 聊天记录 电子邮件 然后选择一个内容项并在另一个界面查看详细内容
在手机上,因为“主列表”和“详情”视图在不同的界面,避免使用“pogo sticking”而通过横划手势来导航到“下一个”的详情视图
在选项卡tabs之间横划
app使用了操作栏tabs,请使用横划在不同的视图间导航
清单
用橫划在详情视图或tabs之间快速导航
视图间的过渡要伴随着用户的横划手势,不要等手势完成才执行视图间的切换
如果你之前用按钮来完成前一个 下一个的导航,那么用横划来代替这种方式
考虑在你的详情视图中添加情景信息让用户知道当前可见的内容在列表中的位置关系
选择
android3.0引入长按手势:触碰位置一段时间,作为选择数据的全局手势
有什么改变?
长按手势统一被用来调用被选内容项的情景操作
情景操作和选择管理集成一个被称为情境操作栏的新元素中,长按操作现在被用来选择内容。
使用情境操作栏(CAB)
CAB定义
CAB当数据被选择时覆盖在你的app的当前操作栏上的一个临时操作栏。
用户长按某个可被选择的内容项后出现
CAB功能
通过触碰选择多个数据项
通过CAB触发一个操作应用到所有高亮的数据项上,之后CAB会自动消失
通过导航栏的返回按钮或CAB上的CheckMark按钮取消CAB。这会移除CAB和所有选择内容的高亮。
选择CAB操作
你可以决定哪些操作和元素在CAB中出现。根据操作栏中的指南来决定哪些操作项要在顶级呈现,而哪些可以移到更多操作中。
动态调整CAB的操作项
大多数情况下,当用户添加更多的内容项到选中状态时,你需要动态调整CAB中操作项。应用于单个被选内容项的操作不必适用于多个被选内容项
清单
如果你的app支持多个内容项选择,好好利用情境操作栏(CAB)
将长按手势专门保留用于选择操作,而不要用它来显示传统的情境菜单
如果你不支持一个列表中的多项选择操作,长按应该不起任何效果
用安排app的操作栏的操作项的方式来安排在CAB中要呈现的操作项
通知
定义 通过通知系统将重要事件信息告知用户,如聊天应用或日历事件的新信息
何时显示通知
用户的注意力和焦点
用户不是一个能被调用返回值的函数,用户的聚焦更像是一种线程的资源,通知会立刻打断用户线程,用户会处理并关闭这个阻碍性的通知
何时隐藏通知
不要通知用户那些不是直接针对他们或不紧急的信息
如果相关的新信息目前正显示在屏幕上,就不要创建一个通知,而是通过app本身的ui直接在情境中通知用户有新信息
如果系统可以简单的维护自身而不涉及用户操作,就不要以一些低级技术问题去打断用户,比如同步信息,更新app
如果在发生错误时app可以快速的将自己从错误中恢复而不需要用户执行任何操作,就不要用错误通知去打断用户
不要通知一个用户不能自行启动或停止的服务
不要只为了品牌出现在用户面前就创建多余的通知。
设计指南
1 使其私有化
其他用户发过来的通知条目,包含用户图片
2 导航到正确的地方
当用户触碰一个通知时,要把你的app在用户可以使用的地方打开,并且操作的是通知里反映的内容。
一条单独内容条目的详情视图,但如果通知有多条,那么这可能是一个总结性视图并引用了多个内容条目
3 对时间敏感事件的时间戳
android的通知系统包含了一个在右上角的时间戳
4 合并多条通知
当你的app创建一个通知而一个相同类型的通知还在待处理状态时,不要另外再创建一个新通知对象,而把他们合并显示。
其他
自我清理
例如日历事件,某些通知会警告用户某个事件会在某个具体的时间点发生。在那个时间点过去之后,这个通知可能对用户来说就不再重要了,可考虑自动删除。 同样适用于用户看过的聊天对话或听过的语音电子邮件。
提供通知的预览
提供一个简短的文本,可以在通知到来的时候让用户对通知内容有快捷、简短的预览。ticker文本只显示很短的一段时间,然后自动隐藏。
让通知可选
用户应该总能控制通知。在你的app设置中添加通知设置条目,使用户可以选择取消通知。
使用不同的图标
用户在通知栏看一眼就应该能够区分出当前等待处理的是什么类型的通知。
进行中的通知
进行中的通知让用户知道正在后台运行的进程
兼容性
向后兼容
android3.0 中的重要变化包括
反对使用硬件导航按钮(返回、菜单、搜索、主页),支持通过虚拟控制处理导航(返回、主页、最近使用)
在操作栏中,用固定的模式来支持菜单的使用。
android4.0把对平板电脑的这些改变带到手机平台。
android 4.0适用于旧的硬件和app
1 具有虚拟导航的手机
为android3.0以上版本编写的android app在操作栏里显示功能的操作。
通过触摸操作栏里的更多操作菜单可以访问那些操作
2 具有物理导航按钮的手机
有传统物理导航按钮的android手机不会在屏幕的底部展示虚拟的导航栏。相反,在菜单硬件按钮中可以使用更多操作菜单。点击menu的物理按钮后出现的操作浮层样式于一个例子的更多操作菜单一样,但是展示在屏幕的底部。
3 旧式的apps在新的有虚拟导航栏的手机上
当你在有虚拟导航栏的手机上运行更早版本系统设计的app时,更多操作菜单的控制会出现在虚拟导航栏的右侧。通过触摸会以传统android菜单的样式来展示更多操作。
android就是android
不要模仿其他平台的ui元素
不要延续其他平台的特定图标
不要使用底部选项卡栏
不要在操作栏使用“返回”按钮
积木|控件
选项卡tabs
列表
网格列表
滚动
spinner(下拉菜单)
按钮
文本输入
滑块
反馈
选择控件
对话框
选择器
安卓5.0设计规范
0 条评论
下一页