• Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)
    时间:2012-01-19   作者:江宁、张云   出处:CDC D3多媒体小组

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

    1. 导航栏 (详见模式PATTERNS>导航Navigation)
    由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。

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

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


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


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

    2. 操作栏 (详见模式PATTERNS>操作栏Action bar)
    操作栏从之前的app图标+操作,变成如下图所示:
    1向上+2 Spinner+3 重要操作+4 更多操作。
    其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作的地方。


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


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

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

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

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

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

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

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


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

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

    7. Widgets (详见开始吧GET STARTED>UI概览UI Overview)
    在原apps页里,用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中,应该提高对widget设计的重视程度。

    8. 兼容性 (详见模式PATTERNS>兼容性Compatibility)
    向后兼容,考虑到物理导航按键手机如何兼容Android 4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。


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


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


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

    9. 强调纯粹的Android应用设计 (详见模式PATTERNS>纯粹的Android)
    在Android4.0 app设计准则中,特别强调为Android设计纯粹的Android app,切勿使用其他平台特定元素的注意事项,有以下5个方面:
    (1)强调视觉元素的样式要符合android系统;
    (2)不用其它平台特有的图标;
    (3)不在界面的下方使用选项卡tabs;
    (4)区分向上和返回,不在操作栏上使用返回样式的按钮;
    (5)不在内容列表里使用向右箭头。

      

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

    10. 其它细节
    增加许多新的交互细节、信息展示和视觉样式等规范,详细见翻译。其中,有几点在此强调下:
    (1)新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉。


    (2)视觉的平面化,栅格风正在4.0中上演。
    (3)在writing style中明确指出写wording时,要直接使用第二人称“你”。

      原文见http://developer.android.com/design/index.html
    快速查阅,Android Design全文翻译 下载地址:http://cdc.tencent.com/?download=Android-Design-4.0

    网友留言/评论

    我要留言/评论

    相关文章

    拒绝平庸——浅谈Web登录页面设计:用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。
    给设计师和开发者提供的 50 个web开发免费在线工具:设计和维护一个网站并不是一件很容易的事情,他需要花费很多的时间,这就是设计师和开发人员为什么经常去搜寻各种工具来帮助他们提高工作效率。其中网络上有很多相关工具,但是并不是所有的工具都是那么好用。所以今天我们总结了一个工具列表,这将会为设计师和开发工程师非常有用。如果您还有更好的工具,请提出建议,我们也将此呈现给广大设计师们。
    2012年开发者该做的11件事:2011年即将结束,2012正在靠近。你是否在专业领域给自己设定2012的目标?不管你的答案如何,我相信下面列出的11条建议里面总有一两条适合你 :)
    【iShout】Metro UI 的简洁是另一种复杂:Metro UI 推出来的时候,对比其他系统的图标海洋,确实让人眼前一亮,活动格窗取代图标,内容取代形式,微软的宣言是让智能手机用户有更高的效率得处理事务,而不是专注于智能手机本身。但果真如此吗?在我看来,Metro UI 设计得的最初目的是简洁,最后产生的结果却不一定是简洁。
    网络开发新项目阶段总结:摘取人人网上某位高人的针对新项目做的总结,全文如下:
    在windows查看端口占用情况方法介绍:通常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,这时大家可能会到网站找个软件什么的,或则使用防火墙来查看使用的端口;其实没有这个必要,在windows中有个dos命令可以查看当前端口使用情况,下面就介绍一种非常简单的方法,希望对大家有用 。
    短网址算法PHP实例详细介绍:自从twitter推出短网址(shorturl),继之国内各大微博跟风,google公开goo.gl使用API,短网址之风愈演愈烈.不得不说这是一个新兴又一大热门web2.0服务.现整理一下,包括完整短网址网站,短网址算法原理,算法举例,以及优劣比较,同时还介绍几个phper个人实现的.
    MyEclipse快捷键使用详细介绍:Eclipse是一款非常受欢迎的java开发工具,使国内的用户越来越多,熟悉快捷键将会使你的编程工作得心应手,请看下面的分类详细介绍。
    免费的Android UI库及组件推荐:短短数年时间Android平台就已经形成了一个庞大而活跃的开发者社区。许多社区开发的项目业已进入成熟阶段,甚至可以用于商业的软件生产中,且不用担心质量问题。
    网站运营数据分析的指标和算法介绍:网站运营过程中针对网站的数据分析,已经成了每个网站策划和网站运营人员,每天的必备功课,通过这些数据指标可以帮助我们准确的抓住用户动向和网站的实际状况。其实根据网站类型的不同则分析所采用指标项也各有不同,可以有许多不同的指标来衡量。但是如何衡量网站运营的数据指标,哪些是网站运营的关键指标,是每个新人感到困惑。其实通常来说网站分析指标有内容指标和商业指标,内容指标指的是衡量访问者的活动的指标,商业指标是指衡量访问者活动转化为商业利润的指标。为了获得这些数据,我们可以使用51啦,GOOGLE分析工具来得到部分信息,但是为了更加精准的获得某些网站运营时的关键数据,则在网站策划和网站规划阶段时,需要充分将这部分内容考虑进去,对网站做些指标参数的设定,这样就可以降低网站的重复开发工作。