IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Android 3.0蜂巢界面设计

晓生's新视角 2011-09-27 15:36:30 累计浏览 4,099 次
本机暂存

    蜂巢的设计比之后的版本有很大的改进,更为简洁美观,同时有利于应用程序的架构、界面一致性和兼容多分辨率,虽然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应用程序之后使用三套资源图片兼容多种分辨率,显示在手机和平台时根据分辨率调整界面布局,程序只有一个。

    原图已失效

同分类推荐文章

  1. 「置顶」我做了什么 (2026-05-05 12:13:28)
  2. 万字长文推演:手机不再从 App 开始,Agent OS 如何接管任务入口 (2026-04-28 14:57:22)
  3. Android Perfetto 系列 10 - Binder 调度与锁竞争 (2025-11-16 15:33:30)

查看更多 移动开发 文章 →

建议继续学习

  1. 情绪版(Mood board)操作流程的新思考 (累计阅读 41,753)
  2. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  3. android 开发入门 (累计阅读 19,527)
  4. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  5. Android 连接SSID隐藏网络以及 LEAP 认证的方法 (累计阅读 9,539)
  6. sns视觉设计分享 (累计阅读 9,523)
  7. 网站导航设计的6大分类 (累计阅读 9,298)
  8. 让安卓手机通过代理翻墙的方法 (累计阅读 9,116)
  9. 手机产品设计方向 (累计阅读 7,953)
  10. 实时监控Android设备网络封包 (累计阅读 6,557)