蜂巢的设计比之后的版本有很大的改进,更为简洁美观,同时有利于应用程序的架构、界面一致性和兼容多分辨率,虽然3.0版本还没有对外开源,但是已经体现在地图、图书、G+、Google I/O、网页Gmail、Google搜索首页和电子市场等界面设计中。
在3.0之前,标题栏显示小号字体,没有任何操作。控件栏位置相当于ios的标题栏,但是其交互更为优秀。文字标题居左显示,留给右边更多的空间,可以显示1-3个按钮。文字标题可以整合返回按 钮或者主页按钮,简化了常见“返回”按钮,这对形成闭环操作非常有利。如果为了节约设计成本,非要将ios和android两个版本的应用程序设计成相似的视觉样式,3.0可以满足这种需求。
右边的控件可以放置对当前界面的操作,如刷新,也可以是全局的操作,如搜索功能和下列菜单,为了减少视觉变化,全局操作的控件尽量放置最右边。
平板的控件栏可以包含标签,在手机上显示成两个部分。之前的标签与按钮相似,3.0的标签视觉较弱,避免标签栏分为两个部分之后顶部过于复杂。
切换标签可以像WP7一样左右滑动,滑动手势没有精准性要求,比起点击标签更为方便。Google+将标签栏文字使用小号字体取代,扩大了正文显示空间,但是不适合标签过多的界面,比如电子市场中的8个标签页。对于界面通常超过两页的应用建议使用这种方式对分页处理。
3.0对输入框也进行了简化,究其原因:一方面是设计风格所需,另一方面简化的设计和可拉伸的色块可以随意兼容多种分辨率。
iphone 4使用了高精度的显示屏之后,需要两套大小的图片资源,但iPad版本需要单独开发,这增加了开发成本,而一个Android应用程序之后使用三套资源图片兼容多种分辨率,显示在手机和平台时根据分辨率调整界面布局,程序只有一个。
对于横竖屏,不只是像iPad那样两栏和单栏之间的切换,变化种类更为多样化。
作者:晓生
文章来源:daichuanqing.com/index.php/archives/2783
新闻热点
疑难解答