Android平板电脑设计:屏幕流创建与设计布

  UI元素

  如同大家所想的那样,Android系统竭尽全力把一切做的与它的竞争对手相反(这叫做差异化!)。Honeycomb有其自己的UI规范,并且它现在有一种新的“全息UI”视觉语言,用于诸如选择时间日期、选择一个选项,设置音量等日常操作中。了解这种UI语言对创建屏幕流和设计布局至关重要。


  UI元素的采样,来自Google I/O 2011演示文稿的一页幻灯片

  字体

  iPad4.3可以使用多少种字体?答案是57种。

  Android多少种?只有3种。

  是的,它们是 Droid Sans, Droid Serif and Droid Sans Mono.然而有积极的一方面。虽然平台只有这三种字体,但开发人员可以自由地将其他字体绑定他们的应用程序。


  什么相同?

  对iPad已经熟悉的设计师是幸运的,这两个平台有一些相似之处。

  触控手势

  点击、双击、滑动、拖动、收缩、旋转和任意滚动。

  拆分视图和多窗格用户界面

  拆分视图是平板电脑中最常见的布局之一。它由两个并排的窗格组成。当然,你可以为更加复杂的布局增加窗格。


  Ustream的拆分视图,类别选项在左,内容在右。

  嵌入式多媒体

  两个平台都允许嵌入音频、视频和地图。


  Youtube 应用程序,具有嵌入式视频播放器。

  剪贴板

  支持应用程序内外的信息复制和粘贴。


  拖放

  两个平台都有拖放功能。


  Gmail应用程序中的拖放特性

  设计模式

  Honeycomb沿用了很多在Android 2.0中引入的设计模式,并扩充了它们。如果你对设计模式不熟悉,正如Android中定义的,它们是一种“应对反复出现的问题的一般性解决方案”。设计模式是Android维护者设计的关键的用户界面规范,意图是助于用户体验的一致性、给予设计师和开发人员一个工作模板。它们是可以定制的,所以没有必要担忧。

  如前所述,操作栏是Android 用户界面中最为突出的组成部分,也是这里的重点所在。


  日历应用程序中被高亮显示的操作栏

  图标或标志

  图标或标志在操作栏的最左边。它是可操作的;点击后用户被带到应用程序的主页屏幕。


  日历应用程序的图标

  导航

  下面,我们找了几种典型的导航形式,下拉菜单形式或标签菜单形式。Honeycomb使用一个三角图形指示下拉菜单,并为标签提供了一系列的下划线;下划线通常占据大多数操作栏的自身空间。

  左箭头也可能出现在图标或标志抑或标签的左侧,用作返回导航或者取消主要操作。


  三种不同形式的操作栏导航

  常用操作

  常用操作,顾名思义,就是给用户类似搜索、分享和溢出菜单的东西。它们总是被放置在操作栏的右侧,远离任何标签。


  日历应用程序中的常用操作

  溢出菜单

  溢出菜单是常见操作组的一部分,有时候会被一根垂直的线分隔开。这个位置放置多种菜单项,比如设置、帮助和反馈。


  一个溢出菜单

  搜索

  搜索也是常见操作组的一部分。搜索的独特性在于它的展开和收缩动作。点击搜索图标后搜索框展开让你输入查询关键词。点击“×”取消搜索,此时搜索框收缩,又变成单个按钮的状态。这是在有很多操作键或图标需要展示的情况下节约显示空间的一种方法。


  搜索功能收缩状态(上方的图)和展开状态(下方的图)。点击放大镜展开搜索框,点击“×”关闭搜索框。

  语境操作

  当某个项目被选中的时候,语境操作会改变操作栏的格式,展示出的选项不同于其他项目。例如,照片应用程序正在展示缩略图,一旦一张图片被选中,操作栏就可能发生变化,为编辑这张图片提供语境操作。

  用户可以点击“取消”或操作栏中的“完成”来退出语境操作栏。


  Gmail 应用程序中,点击和选中邮件的时候就会触发语境操作栏

  [译者注:本人英语水平实在有限,而文章专业词汇又过多,翻译失实之处请指正。谢谢!]

  本文编译自一叶苦雨,原文地址。

        系列文章:

        Android平板电脑设计:做得像iPad就行吗?

  译文出处:thinkingrain.lofter.com

时间: 2025-01-26 23:21:04

Android平板电脑设计:屏幕流创建与设计布的相关文章

Android平板电脑应用程序设计交互原则和设计案例

文章描述:Android平板电脑上的APP设计须知. 设计师们从来没有像今天这样需要为如此多的移动设备营造用户体验.随着平板电脑持有量的不断增加,我们进入了"后PC时代".各个公司都在极力为用户提供高质量的用户体验,以争取他们的注意力.设计一个成功的Android的应用程序,不仅需要一个伟大的.可以激励用户下载.使用和保存的构想,还需要一个自然流畅而又直观的用户体验. 以下这些内容有助于设计师了解iPad的iOS和Android的3.x"蜂巢"系统的交互原则和主要元

Android 平板电脑设计

没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了.随着平板电脑被不断接受,我们已经步入"后PC时代",公司会利用平板电脑的用户体验质量来争夺用户的注意力.设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载.使用和保留,还需要一种使Android用户很直观的发现并适应使用环境的用户体验. 接下来通过了解ipad iOS用户界面与Android 3.x "Honeycomb 用户界面 设计规范和元素之间的不同,可以帮助设计师熟悉Andro

设计成功的Android平板电脑的用户体验设计

文章描述:Android 平板电脑设计. 没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了.随着平板电脑被不断接受,我们已经步入"后PC时代",公司会利用平板电脑的用户体验质量来争夺用户的注意力.设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载.使用和保留,还需要一种使 Android用户很直观的发现并适应使用环境的用户体验. 接下来通过了解ipad iOS用户界面与Android 3.x "Honeycomb 用户界面 设计规范和

Android平板电脑设计:做得像iPad就行吗?

没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了.随着平板电脑被不断接受,我们已经步入"后PC时代",公司会利用平板电脑的用户体验质量来争夺用户的注意力.设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载.使用和保留,还需要一种使 Android用户很直观的发现并适应使用环境的用户体验. 接下来通过了解ipad iOS用户界面与Android 3.x "Honeycomb 用户界面 设计规范和元素之间的不同,可以帮助设计师熟悉Andr

Android平板电脑设计:平板电脑布局策略

平板电脑布局策略 使用碎片和多窗格视图 Honeycomb设计的构建模块是"碎片". 碎片是自成体系的布局组成部分,它可以根据屏幕的方向和尺寸改变自身的尺寸和布局位置.为多种尺寸外观而设计这个问题的进一步解决方法是:给设计师和开发 人员一种途径使他们的屏幕布局组成部分具有弹性和堆叠性,并取决于运行应用程序的设备屏幕限制.屏幕组成部分可以被拉伸.堆叠.扩展或者收缩.展示或者隐 藏. 碎片架构给了设计者和开发者几种选择,在跨越多种屏幕尺寸和方向的情形下维护他们的布局. 是什么让碎片变得如此

《Android平板电脑开发秘籍》——3.9节技巧:创建一个下拉列表式的ActionBar

3.9 技巧:创建一个下拉列表式的ActionBarAndroid平板电脑开发秘籍在下拉列表式ActionBar 中,Action项以下拉列表的形式显示出来.为了在ActionBar中显示下拉列表,请调用它的setNavigationMode()方法,把ActionBar.NAVIGATION_ MODE_LIST值作为参数传入,如下所示: actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST); 下拉列表以spinner方式显示一

《Android 平板电脑开发实战详解和典型案例》——2.4节动作条——ActionBar

2.4 动作条--ActionBarAndroid 平板电脑开发实战详解和典型案例Android 3.0正式引入了ActionBar控件,抛弃了传统的导航功能,使用软件按钮取代了物理主屏.菜单.后退等按钮,规范了应用程序的导航设计.向开发人员提供了一个相对较新的导航控件,提供了更丰富的功能. 本节将介绍动作条ActionBar的基础知识与简单应用.主要内容是显示选项菜单和提供标签页的切换方式的导航以及提供下拉列表条目导航的操作. 2.4.1 显示选项菜单基本知识ActionBar上有空间时才会显

Android平板电脑上的APP应用程序设计须知

设计师们从来没有像今天这样需要为如此多的移动设备营造用户体验.随着平板电脑持有量的不断增加,我们进入了"后PC时代".各个公司都在极力为用户提供高质量的用户体验,以争取他们的注意力.设计一个成功的Android的应用程序,不仅需要一个伟大的.可以激励用户下载.使用和保存的构想,还需要一个自然流畅而又直观的用户体验. 以下这些内容有助于设计师了解iPad的iOS和Android的3.x"蜂巢"系统的交互原则和主要元素的不同,以便他们更好地熟悉 Android的平板电脑

《Android 平板电脑开发实战详解和典型案例》——2.1节搜索框控件—— SearchView

2.1 搜索框控件-- SearchView Android 平板电脑开发实战详解和典型案例 本节将介绍Android 3.0新增控件--搜索框控件SearchView,主要内容包括搜索框控件SearchView的基本知识以及一个简单的案例. 提示 本书中的案例都是在540×960分辨率的真机上调试通过的,若执行本书中案例的设备分辨率不是540×960,可能会有显示不正常的情况.但大部分案例都是没有问题的,尤其是最后第14.第15.第16章的大案例都是自适应于各种屏幕分辨率的. 2.1.1 搜索