5条针对Honeycomb的UI设计建议

标签: 分类?没有 | 发表时间:2011-07-07 20:56 | 作者:yuanyi John York
出处:http://heikezhi.com

Android设备的爆发式增长已经对Android开发者造成了巨大的负担,APP开发者需要对如此大量的不同型号不同尺寸的设备提供支持,这对设计师/开发者可不是个简单的事情。今天,我们就来讲讲如何借助最新的Honeycomb平板的优势设计可以适应所有尺寸Android平板的APP。

1. 借助模块组件充分利用屏幕空间

同手机不同,平板上你可以利用的空间非常充裕,实际上你几乎不可能填满每一个像素,并且有一件事情你绝对不应该做,那就是盲目的将手机上的界面搬到平板上,在10寸的平板上,列表视图的效果实在是不能恭维。

幸运的是针对这个问题你有好几个选择,其中一个就是Honeycomb中介绍的Fragments,Fragments是一个可以以模块形式并动态显示的UI组件,一个最明显的例子就是官方的GMail app。在手机上,用户可以通过一个沾满所有屏幕的列表查看所有邮件,,当你选择一封邮件之后,屏幕就会单独显示这个选中的会话。

有了fragments,这些列表和email就可以在一个试图中紧挨着显示了,这样用户就可以在查看一个邮件的同时了解当前试图所处的上下文。

2. 使用对话框

有时有的视图并不需要沾满整个视图,对于这样的情况,对话框就可以派上用场了,在Pulse中,当用户想要分享一篇文章时,他们就可以直接在弹出的对话框中登陆自己的社交网络账号,在手机上,登录界面需要占满整个屏幕,但是在平板上这样就太浪费了,对话框就为这种情形提供了一种更友好的解决方法。

3. 利用9 patches处理图片缩放

出乎预料的屏幕尺寸对于视觉设计师是个不小的挑战,但是实现每个像素都完美无缺也不是不可能,只不过需要一些技巧,9-patch图片文件让你可以预判图片拉伸或是缩放后的效果,这对于相对布局(relative layouts)是非常有用的。

这这篇Pulse.me的指南中,我们使用了一个从底部指向顶部的.me按钮的箭头图片,借助9-patches,这个箭头在几乎所有屏幕尺寸和朝向下都表现的相当出色。

4. 同时考虑水品和垂直视图

永远不要假设你的用户只会在一种朝向下使用你的应用,不同用户的喜好千变万化,所以你的应用必须考虑在各种情况下都保证用户能正常使用。在水平视图下,宽屏让水平布局显得更加自然,一般情况下应该避免缩放任何东西,如果真的有必要,否则你的应用最后很可能会留下一片空白。

5. 遵循Honeycomb的UI惯例

用户已经对几种Android应用的UI模型形成了依赖,第一个就是菜单栏按钮,或许用户在手机上已经看烦了菜单按钮,但是如果Honeycomb中没有这个菜单栏仍然会让用户不适应,在他们的理解中,顶部的菜单栏就是用来告诉用户他们可以在当前屏幕上做什么事情的地方。

即使你没有使用Android SDK中的Action bar,你也应该做一个你自己的菜单栏,并且通常来说,左上角应该保留给返回上一个屏幕的“Back”按钮,工具条的其他部分则告诉用户可以执行的其它动作,只要遵守这个设计原则,就可以保证你的用户不会迷失在你的应用中而不知所措。

现在你就可以打包这些建议,将他们用到你的下一个创意app中去了!

———
本文翻译自”5 Tips for Honeycomb Design“,作者: Albert Lai

想和我们一道传播黑客精神?快来加入吧!

无觅猜您也喜欢:

贪吃蛇AI挑战赛第二季

蛋疼之字母人像

全球鹰(Global Hawks):在地中海拥挤的上空

为什么Quick Bar还是如此讨人厌
无觅

相关 [honeycomb ui 设计] 推荐:

5条针对Honeycomb的UI设计建议

- John York - 黑客志
Android设备的爆发式增长已经对Android开发者造成了巨大的负担,APP开发者需要对如此大量的不同型号不同尺寸的设备提供支持,这对设计师/开发者可不是个简单的事情. 今天,我们就来讲讲如何借助最新的Honeycomb平板的优势设计可以适应所有尺寸Android平板的APP. 同手机不同,平板上你可以利用的空间非常充裕,实际上你几乎不可能填满每一个像素,并且有一件事情你绝对不应该做,那就是盲目的将手机上的界面搬到平板上,在10寸的平板上,列表视图的效果实在是不能恭维.

Android 平台的 Google Reader 更新 UI 并支持 Honeycomb

- 丁丁 - Engadget 中国版
Android 上的 Google Reader 软件总算更新了. 这次更新提供了新的用户界面以及 Honeycomb 平板计算机的支持,RSS 的重度使用者们,现在已经可以在 Xoom、Galaxy Tab 10.1 或其他兼容的平板计算机上,使用美观的双栏式界面浏览 RSS 订阅的文章了. 而此项 1.0.1 的更新也不仅仅针对平板设备更新,它也针对小屏幕设备的用户界面也换了新的面貌.

从Web借鉴UI设计

- - 博客园_首页
  用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的、平凡的UI设计风格.

UI 设计六要素

- - 人人都是产品经理
UI是User Interface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器. 友好的用户界面,可以实现用户 与网站或者软件之间更好的交互,让软件的操作变得更加舒适、更加人性化. 可以毫不夸张的说,UI决定了互联网创业的成败. 那么,要如何才能针对自己的实际 情况设计出好的UI呢.

UI精品:网站各种表单UI设计PSD

- - 软矿
网站经常需要用到注册表单、登陆表单、找回密码表单、发邮件表单、订阅表单等. 这些表单看似简单,但一个优秀的网站,这些表单的设计也需要下很多的功夫. 小编最近收集到一套比较完整的网站表单UI设计PSD素材,基本涵盖了网站所需要的表单. 如果你正愁不知道怎么安排你的网站设计项目的表单,这PSD素材或许能给你带些灵感.

40个UI设计工具和资源

- Shell Wang - 译言-电脑/网络/数码科技
来源40 UI Design Tools and Resources - Noupe Design Blog.       用户界面设计在持续的基础上不断成长和演变. 要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术. 同时,你也要亲身尝试,并提出原创的见解和应用.       下面列举的这些工具能帮你做到这些.

谈谈Android的一些UI设计

- plidezus - 盒子UI
谈到应用程序设计,对设计师来说,Android就像是房间里的大象. 很多设计师会更希望这是iOS,在那里所有任何人都只需要关心iPhone手机,iPad和App Store. 然后没有人可以忽略Android,它目前已占据智能手机中最大的市场份额,且已经被广泛用于从平板电脑到电子阅读器等各种产品. 总之,谷歌的Android平台正在迅速遍地开花,品牌厂商们很难不注意到.

178个免费的UI 图标设计

- - 紫萝卜 | 所有与设计有关
UI设计教程:界面图标创意设计. 45套网页UI PSD源文件免费下载. 45套网页UI PSD源文件免费下载. 100+高质量的UI设计源文件下载.

详解Path 2.0的UI设计

- - 互联网的那点事
如Path的创始人Dave Morin所说, Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capture all the experiences). 这款目前的私密社交应用王者,在半年前对于UI系统的重新设计可谓是惊煞旁人. 其人性化的设计理念与简洁到极点的设计风格可以说是一本教科书,以至于虽然吸引了大批模仿者但是——在这一派风格中——始终无出其右者.