iPhone界面-状态栏和导航栏

在深入研究iPhone界面的视图和控件之前,有必要理解这些元素的操作方式和隐喻含义。本文将介绍应用于大多数程序的视图,以及它们的属性和使用方式。

状态栏

状态栏显示iPhone的重要信息,包括信号强度、网络连接和电池量。

全屏式的程序是否隐藏状态栏需要慎重考虑,否则用户退出程序才能看到手机的状态,这样的用户体验并不理想。例如,拍照时用户的注意力集中在照片上,这时隐藏状态栏几秒钟是合理的,用户可以通过点击找回状态栏、导航栏和工具栏。如果非要隐藏状态栏,那也必须有利于用户体验,并且用户可以通过点击轻易地重现状态栏,但也不要为了重现状态栏而定义一个手势,用户不喜欢发现和记住这样的操作。

尽管不能限定状态栏的内容,但是可以定制它的外观、大小和操作,具体而言:

  • 是否显示网络连接。如果程序需要花费一小会时间连接网络,状态栏上的显示网络连接是有必要的。如果网络连接可以在瞬间完成,网络连接的图标也不是必须的,因为用户可能还没有注意到这个图标,程序已经完成网络连接了
  • 状态栏的颜色。可以选择灰色、黑色或者透明的黑色,并设置状态栏的颜色是否动态变化
  • 确保状态栏和程序界面协调一致。例如,如果导航栏不透明,就不要使用有透明的状态栏

导航栏

导航栏显示在状态栏的下方,包括标题、按钮和分段控件。导航栏对于信息层次分明的产品应用型软件尤其有用。导航栏有两个作用:

  • 强调程序中不同视图的导航
  • 便于管理视图中的内容

如上图,导航栏居中显示当前视图的标题。

导航栏中的标题随着界面的变化而更换,并且可以加上带有界面标题的回退按钮。

标准的回退按钮明确用户返回到上一个界面,因此也避免改变按钮的操作方式,如上图的分段式回退按钮就是不可取的,这种作法容易导致如下几个问题:

  • 分段式回退按钮占据标题的显示空间
  • 无法显示单个片断的已选状态
  • 分段越多,显示空间越少,也就难以点击
  • 难以选择哪种方式显示分段式导航

如果认为用户容易在程序中迷失,不用分段回退按钮而才采用面包屑路径,这可能就意味着用户进入深层次的信息才能找到他们想要的,这时更应该做的是减少信息的深度。

除了回退按钮,在标题的右边还可以增加第二个按钮。如果不需要回退按钮的话(程序不支持分层式导航),也可以像上图一样在左上角加上一个作用于视图内容的按钮,如编辑按钮。导航上的按钮都有边框,如果在导航栏上放置一个无边框的按钮,程序会自动将其转化为有边框的按钮。按钮可以自己设计,也可以采用iPhone自带的按钮。导航栏上的字体也可以自定义,但是系统自带的字体更有利于阅读,当使用UIKit创建导航栏时,系统将自动使用自带的字体。

当手机竖屏变为横屏时,导航栏的高度会自动改变(不必定义导航栏的高度)。横屏幕的导航栏变窄,界面上可以显示更多的内容,所以在设计导航栏上的图标和界面上的图层时,要考虑到设计不同的高度样式以便适应导航栏的变化。导航栏的颜色和透明图可以自定义,也可以使用标准色彩:

  • 蓝色(默认值)
  • 黑色

在导航栏上增加透明效果,尤其是横屏幕上,使得界面看起来的可视区域更大。但不要用半透明的导航栏结合不透明的工具栏,也不要在同样的显示方式下使用不同颜色和不同透明度的导航栏。

http://daichuanqing.com/index.php/archives/809

posted @ 2010-09-05 17:10  周宏伟  阅读(10763)  评论(0编辑  收藏  举报