• Android 4.0设计初体验
    时间:2012-07-30   作者:小猛   出处:54xiaomeng.com

    Android系统是目前智能移动设备中增长速度最快的平台,但App的设计却没有形成自己的风格,绝大都数都是ios风格的移植适配。Google 在去年的10月份发布了Android 4.0 的界面规范,在样式、控件上都做了非常个性化的革新,但由于Rom的多样化,设备的不统一,新的4.0设计规范并没有得到广泛的普及。但以移动设备更新换代的速度,Android 4.0将会是趋势,与ios的差异性也会越来越明显。由于博主的性格属于典型的喜新厌旧,所以打算结合手上的项目做一个吃螃蟹的人…

    先看看目前 Play 市场上有哪些原生的android 4.0应用:

    部分应用界面截图:

    目前按4.0规范设计的大都数是google自家的应用,国内的好像只有百度应用在做初步的尝试。由于博主接受的任务是针对国外买家的应用,在国外4.0的界面普及程度相对好一些,所以这次尝试用4.0的规范来设计,一是由于4.0的界面体验非常优秀;二是因为4.0的界面是向下兼容的,只是有部分系统组件显示效果不太一样,但可以用自定义的方法做到呈现效果一致。

    • 先了解一下案例的大概需求:

    第一步,制作导航:

    Android 4.0遵循的是重内容轻导航的设计理念,起初我也很质疑Android的导航设计,认为切换页面不如ios方便快速。但换个角度想,设计的目的应当优先任务流程和阅读深度,快速的跳转并不是我们的主要目的,所以android 4.0并不提倡使用传统的Tab Bar:

    舍弃了Tap Bar,那需求中的根标签该如何体现呢?Android 4.0有自己的下拉导航。(原型稿截图,非视觉稿)

    我们可以将所有一级的页面理解为同级的视图,利用下拉的方式切换视图,这和ios的底部Tab Bar功能是差不多的。

    这样的导航设计一方面加强了自身平台的识别性,另一方面也释放了更多的屏幕空间。

    第二步,遵循新的界面布局:

    • Action Bar

      主要元素包括:1.程序图标(如果不是第一级页面,需要添加向上的符号);2.标题(允许添加下拉导航);3.优先级比较高的操作按钮(用符号表示);4.优先级低的操作和通用的设置操作(等同于2.3的Menu菜单)。
    • 表单的样式      

      1.分割线
      使用分割线把列表里的内容分割成组,便于浏览。向下滑动时,分割线和检索字母会浮动于顶部,直到下一组的分割线出现。
      2.行内项目
      列表可以容纳很多不同类型的内容,包括单行条目,多行条目,带图标的条目,复选框和操作按钮。android的表单视觉风格都是敞开式的,不同于ios包裹在圆角方框内。
      3.不要出现向右的箭头
    • 底部操作栏

      不要将底部做成ios端的tab bar, Android的底部是为当前页面的常用操作预留的。底部只用图标表示,不需要添加文字说明,这对icon的设计提高了更释义的符号化要求。
    • 按钮位置


    • android 4.0 改变了按钮的位置,将确定操作统一放置在右侧。而4.0之前是统一在左边的位置。
    • Menu菜单

      4.0将彻底弱化实体menu键,所有的通用设置将收纳在图中的菜单中。

    第三步,使用Android独有的组件和交互方式:

    • 1.下拉框

      4.0的界面大量使用下拉框的样式,包括界面视图的切换,分享操作,内容分组。下拉框中的内容也可以显示部分和全部:

      如果调用官方的API,2.3和4.0的下拉框显示效果会不同:

      为保障不同设备的显示效果一致,下拉框的样式最好用自定义的方法来实现。
    • 2.选项卡
      选项卡可以运用在同级视图间的切换,优势就是减少了层级,并让用户的注意力集中在内容上。大量内容的分类之间的横向导航给人一种随意浏览的体验,而不是很强的导航步骤的感觉,选项卡的数量最好控制在7个以内。效果预览 
      tabs_scrolly


      4.0的选项卡和Windows Phone的枢轴视图基本上是同一个概念,都支持点击和滑动的操作,而ios平台只能使用分段器或列表+新页面的方式。
    • 3.情境操作栏CAB

      在长按操作下,原有的action bar会变成编辑栏,提供批处理等操作;这样的操作虽然方便直观,但长按全局的操作只有3.0以后的版本才能用,考虑到向下兼容的问题,这样的方式目前不推荐使用。

    第四步,界面风格

    • 平面化
    • 符号化
    • 棱角分明

    总结

    Android的开发现状是设备多,Rom多,发布平台多,屏幕尺寸难适配,所以很多公司做同一个应用都会优秀考虑ios平台,然后直接移植到Android设备,所以Android的设计规范与标准很难执行下去。但不可否认Android 4.0有很多方便的创新,通知栏,选项卡,情境操作栏等交互方式是完胜ios的,而且以Android的发展速度,4.0设备的普及也会很快到来,作为设计师,应该是最需要提前准备的角色。

    网友留言/评论

    我要留言/评论

    相关文章

    浅谈如何留住用户:应用中心,顾名思义就是应用的集合,是承载各种应用的平台。其主要特点是娱乐性强、沉浸感强。它像是一个商店,里面有供人们随意挑选产品的货架,更像是一个游乐场,里面有各种各样让人眼花缭乱、流连忘返的产品。因此,如何吸引用户到我们的产品来,如何让他们在我们的产品上停留更多的时间,这些都是设计师们的必研课题。笔者经过一段时间对应用中心类产品的研究和设计积累,总结了一些设计思考,在此与大家分享。
    你需要一个简单的开始 – Logo设计:所有的LOGO设计师都会经历一个过程。它是“幼稚的”、“可笑的”,我们并不爱公开地展示它们。或许最后并没有给我们带来任何灵感。但是它们将必不可少地存在着,在我们思维层的任何地方,都会潜意识地让我们思考。
    10个让朋友对你刮目相看的CoffeeScript单行代码绝技:或许你已经看过了Marcus Kazmierczak的这篇在HN上颇受欢迎的“10个让朋友对你刮目相看的Scala单行代码绝技”了, 尽管我对Scala并不了解(Java也是),但是这看起来还真不错,于是我也有点手痒, 想让我的朋友们也对我刮目相看一小下——不过不是从Java到Scala,我是从Javascript到CoffeeScript, 下面的例子都是基于node.js环境的。
    程序员学英语:老实说,我对于英语的认识,从没有把它的重要性放到一个足够的高度上来,从去年下半年开始,接触到越来越多的英文材料,也随着视野的开阔,逐渐发现英文能力,是程序员个人发展的必备技能。在很多情况下,它的重要性可以用“致命”来形容。以前有同事说,程序员职业生涯的发展,起到决定作用的,绝大多数时候都不是技术和业务,而是其他被人忽视的“软实力”,譬如沟通、性格、英文等等。兴许我现在正在渐渐参悟这句话的含义。
    程序员看法上的几个典型错误:今天我不谈抱负理想,也不谈具体的技术,我来谈几个看法上的典型错误。下面的这些问题都是我曾经遇到,或者是我的朋友们遇到过的问题,这些都是我个人的理解,希望对大家有帮助。
    读《神一样的产品经理》:随着iPhone的风靡全球,乔帮主也把产品经理推到了极致,在看了《神一样的产品经理》后,借着ITeye的活动,发一点牢骚。
    技术文化建设实践:众所周知,良好的技术文化不仅有助于人才成长和提升团队内聚力,更是吸引和留住优秀人才的一大法宝。然而,该如何营造良好的技术文化呢?且听本期三位嘉宾的经验分享。本文是专题《怎样营造良好的技术文化》中的第三篇。第一篇是张克军带来的《悉心营造良好的技术文化》,第二篇是许晓斌分享的《分享促进技术文化建设》。
    有关创业公司融资最常被问的问题集锦:很多的创业公司都是沿着一个老套路:一个创业者,一个理想,一个计划就开始自己的创业。往往一提到创业人们就是人潮涌动,而单独一人上路的比有自己的雇员的创业者更加数不胜数。但是谈到成功,许多创业公司必要更深度的一整套的技能和经验。相信创业者们融资时面对投资商所提的这些问题可以引起一些反思。
    移动app设计的那些创新点:移动互联网发展得热火朝天,各种app层出不穷,我们看到了很多创新精巧的小应用,但是也有越来越多的应用同质化严重,与同类产品差异化较小。其实很多让人感觉很有新意的应用,只是找到了一个很小很别致的切入点。或者是抓住了用户的某一种心里,或者是在界面布局上大胆突破,或者是做了很少有人关注到的细分领域,或者是让人产生了真实生活中的亲切感。下面就来聊聊这些新颖别致的创新点。
    如何做一个优秀的领导者:TeamLeader是比较尴尬的角色,是从技术往管理的一个尝试性的阶段,这个阶段是比较辛苦的。