Android 3.0蜂巢界面设计

2019-04-03    来源:晓生语录

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

蜂巢的设计比之后的版本有很大的改进,更为简洁美观,同时有利于应用程序的架构、界面一致性和兼容多分辨率,虽然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

标签: 蜂巢设计 界面设计 Android设计 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:淘宝商城实习三月记:产品经理做什么

下一篇:站长如何巧妙的利用QQ群进行网站推广