文档库 最新最全的文档下载
当前位置:文档库 › Android的界面设计规范

Android的界面设计规范

Android的界面设计规范
Android的界面设计规范

作者:Bruce Lee

出处:https://www.wendangku.net/doc/f82546196.html,/BruceLee521

样式

设备和显示器

Android有百万计的手机、平板电脑和其他设备,这些设备都有各种屏幕尺寸。利用Android 的灵活的布局系统,您可以创建小到手机大到平板的各种应用程序。

变通

拉伸和压缩布局,以适应不同的高度和宽度。

优化布局

在大型设备中有额外的屏幕空间利用。但在移动手持设备上需要创建复合的视图,结合多个视图来显示更多的内容,并且是这些视图易于导航。

所有的资源

提供不同的屏幕分辨率(DPI)的资源,以确保您的应用程序在任何设备上看上去都很好,比如32*32,64*64。

策略

那么设计这些多尺寸的屏幕,应该从哪个规格开始?一种方法是先设计标准设备的(正常大小和MDPI),然后设计向上和向下比例的尺寸。另一种方法是从最大屏幕尺寸的开始,然后缩减,并找出我们需要使在小屏幕上的折中的UI。

主题

主题是Android机器应用统一样式到应用程序或活动的一。样式指定用户界面元素的视觉属性,如颜色,高度,填充和字体大小。为了促进更大的平台上的所有应用程序之间的凝聚力,Android 提供了三个系统的主题,你可以从中选择来构建应用程序:

全亮主题

全暗主题

全亮与全暗动作条主题

Gmail是使用全亮的主题。Settings是使用全暗主题. Talk使用全亮与全暗动作条主题.

触摸反馈

使用颜色和明亮来响应触摸,强化行为的手势,并表明什么样的动作是允许的什么样的是不允许的。

当用户触摸可操作的区域,应用程序需要可视化的反应。这让用户知道哪些对象被触摸了,你的应用程序是“听”到触摸了。

状态

Android的UI元素具有内置的触摸反馈,包括状态,用于指示触摸元素是否会产生什么反应。

通讯

当你的对象作出反应,更复杂的手势,帮助用户了解操作的结果将是什么。例如,在最近,当你开始刷的缩略图左或右,开始暗淡。这有助于用户明白,刷卡会导致被删除的资料。

边界

当用户尝试向上或向下滚动过去的一个可滚动区域,边界视觉效果要提示给用户。例如,如果用户试图向上滚动第一主屏幕面板,应该指示进一步向上导航是不可能的。已经有很多Android 的滚动UI部件(如列表或网格列表)支持内置的边界反馈,如果构建自定义的部件,要记住做边界反馈。

度量和网格

移动设备不仅不同的物理尺寸,而且在屏幕分辨率(DPI)。为了简化多个屏幕设计的方式,手机(小于600dp)平板(大于或等于600dp)。有几种分辨率LDPI,MDPI,HDPI,XHDPI。优化您的应用程序的用户界面的布局设计来取舍不同的分辨率,并提供可供选择的不同分辨率位图图像。

空间的考虑因素

要做到不同分辨率的设备无关性。

48d p基准单位

触摸式UI组件通常使用48dp基准单位,比如有些空间可能是48dp*2。

为什么48d p基准单位

48dp转换为物理尺寸大约约9mm左右。这是一个经过多个用户验证过比较适合触摸屏的尺寸,舒适的触摸空间在(7-10毫米)的范围内,这将能够可靠地,准确地定位触摸的手指。

如果设计的元素已经保证高度和宽度是48dp,那么具体原则如下:

你的目标永远不会小于推荐的最小目标尺寸--7mm,无论他显示在什么样的屏幕上。

你要在整体的信息密度以及与其他UI元素的靶向性之间做一个很好的妥协。

缝隙的原则

每个UI元素的缝隙8dp为基准单位。

排版(字体)

Android的设计语言依赖于传统的排版工具,如比例,空间,节奏和基础网格对齐。成功地使用这些工具可以帮助用户快速了解屏幕信息。Roboto是专门为用户界面和高分辨率屏幕要求而设计的。默认情况下,目前的TextView的框架支持常规,粗体,斜体,粗斜体。

默认的颜色

Android的UI使用默认颜色的风格:textColorPrimary和textColorSecondary。对于全亮主题使用textColorPrimaryInverse和textColorSecondaryInverse的。框架的文本颜色样式也支持触摸反馈状态的变化。

字体比例

相同的用户界面有太多的不同尺寸会很混乱。Android框架使用下面的一组有限的大小:

用户可以选择系统范围内的缩放因子设置应用程序中的文本。为了支持这些辅助功能,应做到尺寸无关。支持可扩展的类型的布局,应该对这些设置进行测试。

颜色

颜色

使用颜色的目的是为了突出重点。选择适合自己品牌并能与可视化组件之间形成对比的颜色。需要注意的是红色和绿色对于色盲用户可能无法区分。

调色板

在Android的调色板中蓝色是标准颜色。每种颜色都有一个对应的暗的阴影,在需要时,可以用来作为一种补充。

图标

一个图标是一个图形,占用屏幕空间的一小部分,并提供了一个快速,直观的表示的一个动作,状态,或应用。

启动应用程序

启动应用程序图标在屏幕的首页并且是所有应用程序的可视化表示。由于用户可以更改在主屏幕的壁纸,确保程序运行图标在任何类型的背景下是清晰可见的。

尺寸和比例

移动设备上的启动图标必须是48x48的DP。

启动图标上显示谷歌游戏上必须是512x512像素。

属性

完整资源,48x48DP

样式

使用一个独特的阴影。体现三维的效果,在前视图看来要有轻微的角度,从上方观察要一样,用户感受到一些图标的深度。

动作条

动作栏图标的图形按钮是在你的应用中对于操作人最重要的按钮。每个按钮都应该使用简单明了的比喻来表示一个单一的功能,大多数人都可以一目了然的知道这个图标的应用的基本功能。

要使用预定义的说明,如“刷新”和“共享”

尺寸和比例

电话的动作条图标应该是32x32 dp

核心区域的比例和大小

整体大小为32x32 dp,核心区域24x24 dp

样式

样式要形象的,平面的,而不要过于详细复杂,要线条流畅或尖锐的形状,笔触要比较厚重。如果图形简单单薄,要将其向左或向右旋转45度,核心区域空间线条厚重些。空白和有线条的空白空间的厚度至少保持2个DP。

颜色

底色是: #333333

可以操作时: 60%透明

不能操作时: 30%透明

底色: #FFFFFF

可以操作时: 80% opacity

不能操作时: 30% opacity

小/上下文图标

小/上下文图标使用在应用程序内部,用来说明一个表面的行为或提供特定的状态。例如,在Gmail应用程序中,每个消息都有一个星形图标,来表示邮件为重要。

尺寸和比例

小图标应该是16x16 dp

核心区域的比例和大小

整体大小为16x16 dp,核心区域12x12 dp

样式

样式要中性色彩的,平面的,简单的。笔触比较细小,使用填充的形状更容易被注意。使用简单的视觉隐喻,使用户可以很容易地认识和理解它是干什么的。

颜色

不要使用非中性色,目的是要达到保守的风格。例如,Gmail使用黄色的星形图标来表示书签消息。如果图标能触摸反应的,选择还有要与背景形成反差色。

通知图标

如果应用程序有通知信息,每当有新的通知可以在状态栏中显示一个图标。

尺寸和比例

通知图标必须是16x16 dp

核心区域的比例和大小

整体大小为24x24 dp,核心区域22x22 dp 样式

样式使用平面和简单的,使用单一的并有视觉隐喻的图标作为执行图标。

颜色

通知图标必须是全白了。此外,系统可以缩小和变暗图标。

文本风格

应用中文本原则

文本要简短

要简洁的,简单的和精确的。一般不要操作30个字符的限制(包括空格),除非必须超过30个字符,否则不要违反这个规定。

文本要简单

要把你的用户是聪明并且精干的,但用户又不知道太多的技术术语并且英语讲的不太好。使用简单的字,多用主动动词和常用的名词。

文本要友好

使用缩略形式。使用第二人称(“你”)与用户对话。如果用正式交流的文本读起来不顺畅,我们可以用非正式对话的方式表达,这可能比用正式的交流文本产生更好的效果。不要让用户感到唐突并且恼人的、频繁的,让用户感到安全、快乐和活力。

先阐述重要的

前两个词语(约6个字,包括空格)要体现出本段文本的主题了。如果做不到那要重新构建这段文本。

保证说明白必要内容,并且不絮烦

不要试图解释细微的差别,并且絮絮叨叨。

避免重复

如果一个显著并长期被重复使用在一个屏幕或文本块里的内容,找一种方式只使用一次。举例说明

文本要简短

下面是在设置向导中使用的文本

太正式了更好

文本要简单

下面是来自本地位置设置

不易懂更好

文本要友好

下面是来自程序崩溃的提示对话框

混乱和恼人的-“Sorry”的用词只能是在伤口上洒盐。更短,更直接,没有虚假道歉的标题

先阐述重要的

热门信息放在后面了,错误的做法热门信息放在前面了,正确的做法

目的放在后面,错误的做法目的放在前面,正确得做法

保证说明白必要内容,并且不絮烦

来自安装向导,是说的明白,但冗余描述说明白必要的,并且精简

模式

保证我们的应用的一致性并且新颖时尚、先进的。

Andrioid的新特性

新版本J e l l y B e a n-A n d r o i d4.1的新特性

通知

通知在Android4.1中得到了显着的增强:

l 用户可以立即从发出处收到通知

l 通知大小和布局上更灵活

l 通知可以按优先级和重要性排序

l 通知可以折叠和展开

基础的通知布局并没有改变,因此应用程序设计的早期版本通知的外观可以不用修改。

可调整大小的应用程序小部件

Widget是主屏幕自定义一个重要方法,它允许是用户从应用程序的主屏幕对最重要的数据和功能直接“一目了然”的看到。Android4.1引入了改进的应用程序小工具,它可以自动调整大小和根据条件加载不同的内容,调整大小和加载内容的因素包括:

l 当用户从主屏幕上删除他们

l 当用户拉伸他们的大小

l 当主屏幕上可用的空间量变化

您可以提供单独的横向和纵向布局小部件,当屏幕方向的变化时系统会适当的调整小部件。小部件的类型决定了它的界面细节,这些需要在设计的时候要注意。

无障碍(辅助功能)

Android的其中一个任务是组织全世界的信息并使所有人都可以从中受益。Android是要达到适用于所有用户的目的,其中包括残疾人,视力障碍的,色觉障碍的,听力障碍的等。

辅助功能的设计要考虑下面的一些细节:

l 操作导航更加直观

l 使用建议的触摸目标大小

l 有意义的视觉UI元素标记

l 超时操作的处理

l 使用标准的框架控件或启用定制的TalkBack控件

您可以提供单独的横向和纵向布局小部件,当屏幕方向的变化时系统会适当的调整小部件。小部件的类型决定了它的界面细节,这些需要在设计的时候要注意。

新版本I c e C r e a m S a n d w i c h-A n d r o i d4.0的新特性

导航条

在Android 4.0的手机上移除了传统的硬件键,取而代之的是一个虚拟导航栏,里面包含了“返回”,“主页”和“最近”按钮。在介绍兼容的部分会介绍如何处理硬件键和菜单键。

动作栏

动作栏是Android应用程序的一个最重要结构元素。它可以使应用程序在不同版本平台的导航和界面操作变得一致。

多窗格布局

用Android创建应用程序,考虑比例以及在不同屏幕尺寸下的展现是很重要的。多窗格布局可以分别显示不同的活动内容,可以在平板电脑或更小的设备上提供丰富的组合视图。

选择

长按一个对象是新的数据选择方式,这将会显示和这个对象关联的动作栏,动作栏允许对选择数据进行表面操作。

手势

手势是用户通过操纵屏幕对象达到与应用程序进行交互的目的。下面列出了Android支持的核心手势。

触摸

触发一个对象缺省的功能,动作是压下,抬起

长按

数据选择的入口,允许你在一个视图里选择一个或更多项然后使用上下文动作栏操作选择的数据,不要使用长按来显示上下文菜单,动作是压下,等待,抬起

滑动屏幕

滑动超过一屏的内容,或者在同层次的视图之间导航,动作是压下,移动,抬起

拖动

在一个视图里重新整理数据,或者移动数据到它的包含体内(比如文件夹、主页等),动作是长按、移动、抬起。

双击

放大一个内容,也作为文本选择的第二手势。动作是快速双击。

捏开

放大一个内容,动作是2个手指压下,向外移动,抬起。

捏闭

缩小一个内容,动作是2个手指压下,像内移动,抬起。

应用程序结构

应用程序有许多种布局变化来满足不同的需求。例如:

l 像计算器或相机的应用程序,是建立在一个屏幕里只处理一个单一的核心功能。

l 像电话应用程序,是在几个不同活动之间切换,它没有更深的导航。

l 像Gmail或商店应用程序,有比较深的视图导航,并每个视图有一些数据。

应用程序的结构很大程度上取决于想展现给用户的表面内容和任务。

一般结构

一个典型的Android应用程序是由顶层到详细内容视图或编辑视图组成的。如果导航层次结构比较深而且复杂,使用目录视图连接顶层和细节视图。

顶层视图

的顶层应用程序通常由不同的意见,您的应用程序支持。的意见相同的数据或显示不同的表述,您的应用程序暴露一个完全不同的功能方面。

应用程序的顶层通常包括其所支持的不同视图。视图既可以把相同数据用不同方式展示,又可以展现应用程序的不同功能。

目录视图

目录视图可以更深入下层数据。

详细视图/编辑视图

详细内容/编辑视图是展现或创建数据。

顶层视图

你的启动屏幕的布局要特别注意。这是用户启动您应用程序看到的第一个画面后,因此它应该是对新用户和老用户都具有同样的体验。

问问你自己:“什么是典型用户最有可能在应用程序想要做的”,并据此构建第一屏幕的体验。把内容向前

很多应用程序的核心都是内容的展现。避免只在界面上出现导航,要让用户在你的第一画面中快速获得他们想要的内容。第一屏要选择具有视觉吸引力、适当的内容类型和屏幕大小的布局。

Android简单的登陆界面的设计开发

通信实训报告 -Android移动平台开发 学院:信息工程学院 班级: 学号: 姓名:

实训内容: 一.1.Andriod的简介 Android一词的本义指“机器人”,同时也是Google于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称,该平台由操作系统、中间件、用户界面和应用软件组成,号称是首个为移动终端打造的真正开放和完整的移动软件。目前,最新版本为Android 2.4 Gingerbread 和Android 3.0 Honeycomb。 Android是基于Linux开放性内核的操作系统,是Google公司在2007年11月5日公布的手机操作系统。 Android早期由原名为"Android"的公司开发,谷歌在2005年收购"Android.Inc"后,继续对Android系统开发运营,它采用了软件堆层(software stack,又名软件叠层)的架构,主要分为三部分。底层Linux内核只提供基本功能,其他的应用软件则由各公司自行开发,部分程序以Java编写。2011年初数据显示,仅正式上市两年的操作系统Android已经超越称霸十年的塞班系统,使之跃居全球最受欢迎的智能手机平台。现在,Android系统不但应用于智能手机,也在平板电脑市场急速扩张,在智能MP4方面也有较大发展。采用Android系统主要厂商包括台湾的HTC,(第一台谷歌的手机G1由HTC生产代工)美国摩托罗拉,SE等,中国大陆厂商如:魅族(M9),华为、中兴、联想、蓝魔等。 2.Android构架图 二.1软件下载 Android SDK,网址是https://www.wendangku.net/doc/f82546196.html,. JDK的下载地址https://www.wendangku.net/doc/f82546196.html,/javase/downloads/widget/jdk6.jsp。Eclipse的下载网址是https://www.wendangku.net/doc/f82546196.html,/downloads/ 2.Android开发环境搭建

APP界面UI设计规范

一、APP界面设计规范 (一)界面尺寸 1、IOS界面尺寸:常见为(宽度640px、高度1136px) 2、Android界面尺寸:常见为(宽度720px、高度1280px) 其他尺寸:ldpi(240*320)、mdpi(320*480)、hdpi(480*800)3、Web Mobile尺寸:常见为(宽度640px、高度960px) (二)导航尺寸 1、IOS导航尺寸:高度60px,留白7px 2、Android导航尺寸:高度64px或48px,留白8px (三)标签尺寸 1、IOS标签尺寸:高度98px 2、Android标签尺寸:高度96px (四)工具栏尺寸 1、IOS工具栏尺寸:高度88px 2、Android工具栏尺寸:高度96px (五)列表高度 1、IOS列表高度:高度88px 2、Android列表高度:高度96px (六)资源状态 对于资源通常设计弹起、点击、点击后、不可用四种状态,通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。 (七)字体

1、IOS默认英文为HelveticalNeue,中文为黑体 2、Android列表高度:默认为 Droidsans fallback (八)字号 字号通常按照标题及征文级别递减为42、36、34、30、24(九)ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48(十)资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px,宽度要适中有留白 3、图文混排中图片一般不高过150*110

第4章 Android用户界面设计

视图组件的使用模式 常用组件 高级组件 提示框与警告对话框

就是Android应用程序的开发过程。一般过程是先通过XML布局文件或Java代码创建界面布局,设定组件显示样式,随后获取UI组件对象,并处理组件事件响应。 视图组件的定义 资源的访问 生成视图组件资源标识 视图组件的引用 视图组件的事件响应 组件的常用属性

1.1视图组件的定义 使用XML布局文件定义视图组件 使用Java代码定义视图组件(不推荐)

1.1视图组件的定义 使用XML布局文件定义视图组件 Android平台为大多数视图组件以及其子类提供了XML标记,可通过XML布局文件中的标记来定义视图组件。XML中的每个元素代表了一个组件,即元素名称对应相应的Java类。

1.1视图组件的定义

相关文档