android4.0 pdf,Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

在拜读和翻译了Android design设计指导后,对比Android 4.0与Android2.3及之前版本的app设计指导,总结了Android 4.0设计的10大改变:

1. 导航栏 (详见模式PATTERNS>导航Navigation)

由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。

fd7e33bf397e9acf7282723665414cfe.png

左侧为早期有4个物理按键的手机,右侧为新版只有3个虚拟按钮的手机

把菜单项和搜索项从导航栏去掉,把之前通过长按主页键才出现的最近任务直接展示在导航栏中。

8420cebd8397eea6dc59d931cd5c131a.png

最近任务的界面

把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”(action overflow),如下图中的黄色圆点所示。

18fe22d9d07c1df520a963c08750ca92.png

黄色圈部分为“更多操作”(action overflow)的位置和点击后内容的展示方式

2. 操作栏 (详见模式PATTERNS>操作栏Action bar)

操作栏从之前的app图标+操作,变成如下图所示:

1向上+2 Spinner+3 重要操作+4 更多操作。

其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作的地方。

ae64ebfd7d4075ce62c059275904c506.png

操作栏可以拆分成下图中的1主操作栏、2顶部栏和3底部栏。如果需要,顶部栏可以承载选项卡tabs,底部栏可以承载主要操作和被收起的更多操作(action overflow)。

18fe889ca3f76c8f7eb14b007c006ea5.png

在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。

5d335b71eccae0b52ca8924027d5a135.png

3. 多面板布局 (详见模式PATTERNS>多面板布局Multi-pane layouts)

多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简化导航。这点在iPad上已经运用得相当娴熟了。

2a701129d86502cc11c6697514a32525.png

4. 选择 (详见模式PATTERNS>选择Selection)

Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个处理,也允许被批量处理。

31fece9ee159fdf08acae2def85f6a1a.png

长按Android2.3及更早期系统版本的内容项时,出现情境菜单的浮出层。

ee456ae5f302d606f68203032ccd0fc5.png

长按Android4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上。

196751579fa077580f3be9b4783f1468.png

在情境菜单环境下,支持批量操作。

5. 返回和向上 (详见模式PATTERNS>返回和向上Navigation with Back and Up)

返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式,连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一个层级,若当前界面已经是最高一级,则没有向上按钮。

61fba3e2ab828292d89caff39403c2f9.png

6fb3ce64e3e20ac8d8cad192229fb4b6.png

黄色部分为点击向上按钮后的页面路径,红色部分为点击返回按钮后的页面路径

6. 主题样式 (详见风格STYLE>主题样式Themes)

推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。视觉设计师们可以重点看下STYLE和BUILDING BLOCKS这两章。

b53ad07a850cb7f3e6e85ee969262d1c.png

7. Widgets (详见开始吧GET STARTED>UI概览UI Overview)

在原apps页里,用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中,应该提高对widget设计的重视程度。

0d5b5e9d765dcdba84de0940c8886307.png

8. 兼容性 (详见模式PATTERNS>兼容性Compatibility)

向后兼容,考虑到物理导航按键手机如何兼容Android 4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。

0c1ad0cacd5372f97b79f44a062960e1.png

在物理导航按键手机上安装android4.0系统,点击物理按键,在屏幕下方出现action overflow的内容。

d51d65b37a8bd8f3fcbab2208dd58c11.png

在新的虚拟导航手机上安装为android2.3及更早版本系统设计的app,会在屏幕下方的虚拟导航的右侧出现action overflow按钮(如上图的黄色部分)。

5651a1cd061fd240948c3266dc3f5dda.png

在新的虚拟导航手机上安装android4.0,点击action overflow后的展示状态如上图。

9. 强调纯粹的Android应用设计(详见模式PATTERNS>纯粹的Android)

在Android4.0 app设计准则中,特别强调为Android设计纯粹的Android app,切勿使用其他平台特定元素的注意事项,有以下5个方面:

(1)强调视觉元素的样式要符合android系统;

(2)不用其它平台特有的图标;

(3)不在界面的下方使用选项卡tabs;

(4)区分向上和返回,不在操作栏上使用返回样式的按钮;

(5)不在内容列表里使用向右箭头。

845eeab6d0ff7761c22ad14f83070238.png

bf189d510d22fe8b065060fc0d76d910.png

Android系统里,选项卡(tabs)会固定放在屏幕上方,不会放在下方。这点与ios系统不同。

10. 其它细节

增加许多新的交互细节、信息展示和视觉样式等规范,详细见翻译。其中,有几点在此强调下:

(1)新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉。

fa6bfe07fcf4a82346c08c4639afe6e0.png

(2)视觉的平面化,栅格风正在4.0中上演。

(3)在writing style中明确指出写wording时,要直接使用第二人称“你”。

Android Design全文翻译由CDC D3多媒体小组(江宁、张云)出品。

感谢您的阅读!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
图像识别技术在病虫害检测中的应用是一个快速发展的领域,它结合了计算机视觉和机器学习算法来自动识别和分类植物上的病虫害。以下是这一技术的一些关键步骤和组成部分: 1. **数据收集**:首先需要收集大量的植物图像数据,这些数据包括健康植物的图像以及受不同病虫害影响的植物图像。 2. **图像预处理**:对收集到的图像进行处理,以提高后续分析的准确性。这可能包括调整亮度、对比度、去噪、裁剪、缩放等。 3. **特征提取**:从图像中提取有助于识别病虫害的特征。这些特征可能包括颜色、纹理、形状、边缘等。 4. **模型训练**:使用机器学习算法(如支持向量机、随机森林、卷积神经网络等)来训练模型。训练过程中,算法会学习如何根据提取的特征来识别不同的病虫害。 5. **模型验证和测试**:在独立的测试集上验证模型的性能,以确保其准确性和泛化能力。 6. **部署和应用**:将训练好的模型部署到实际的病虫害检测系统中,可以是移动应用、网页服务或集成到智能农业设备中。 7. **实时监测**:在实际应用中,系统可以实时接收植物图像,并快速给出病虫害的检测结果。 8. **持续学习**:随着时间的推移,系统可以不断学习新的病虫害样本,以提高其识别能力。 9. **用户界面**:为了方便用户使用,通常会有一个用户友好的界面,显示检测结果,并提供进一步的指导或建议。 这项技术的优势在于它可以快速、准确地识别出病虫害,甚至在早期阶段就能发现问题,从而及时采取措施。此外,它还可以减少对化学农药的依赖,支持可持续农业发展。随着技术的不断进步,图像识别在病虫害检测中的应用将越来越广泛。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值