Chinaunix首页 | 论坛 | 博客
  • 博客访问: 351183
  • 博文数量: 43
  • 博客积分: 1493
  • 博客等级: 上尉
  • 技术积分: 660
  • 用 户 组: 普通用户
  • 注册时间: 2008-05-01 10:57
文章分类

全部博文(43)

文章存档

2015年(1)

2013年(1)

2011年(6)

2010年(13)

2009年(13)

2008年(9)

分类: Android平台

2013-03-13 14:11:17

Android UI设计概论


Revision History

Date

Issue

Description

Author

<24/11/2011>

<0.5>

 

wylhistory

 

 

 

 

目录

 TOC \o "1-3" \h \z \u 1.    Abstract.. PAGEREF _Toc310003336 \h 3

2.    Introduction.. PAGEREF _Toc310003337 \h 3

3.    设计目标.... PAGEREF _Toc310003338 \h 3

4.    设计原则.... PAGEREF _Toc310003339 \h 3

5.    设计流程.... PAGEREF _Toc310003340 \h 5

6.    总结.... PAGEREF _Toc310003341 \h 5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1.          Abstract

主要是关于android平台下UI设计的目标,原则,流程的探讨;

2.          Introduction

文档主要探讨了Android平台下UI设计的目标,原则,以及设计流程:

目标:就是我们所要达到的效果;

原则:就是一些必须遵循的基本底线;

设计流程:有了这些原则,我们具体以什么样的过程开始模块的设计,达到我们的目标;

以下内容,纯属个人观点,如有雷同,纯属巧合,如有冒犯,请多包涵!

3.          设计目标

在我的理解里面,UI的设计目标就是:简洁,易用,好用;

简洁

不是简单,也不是简陋,是洗尽铅华的宠荣不惊,是饱经沧桑的返璞归真,比起转瞬即逝的绚烂烟火,我更喜欢恬淡,宁静的田园风光;简陋是看到一座山,就画一个三角形;简单是只看到山的这一面,所以只画了一面;繁杂是看到了山的这面也看到了背面,所以画了两面;简洁是知道正面和背面,但只描绘了需要的一面,并让看官明白,另外一面也不过如此,只需要沿着这条路上山,下山的路自然在路的尽头;乔布斯的设计风格,如果非要用两个字来形容,那就是简洁,如果用五个字来形容,那就是简洁到极致;简洁更多的时候是一种感觉,它还潜在的包含了好看的要求,如果非要量化的话就是:只需要用最直观明了的方式表现用户最需要的功能,其它的功能或隐藏或消失,从这里可以看出,决定简洁的因素,包含了:视觉元素,元素的搭配,元素的布局,以及功能的定义,其中不同的功能的定义,将会严重影响布局的简洁性;所以在主流的UI设计中,往往有两种偏向,也就是在功能和简洁发生冲突的时候,有的人喜欢简洁为上,比如苹果,有的人喜欢功能至上,比如Nokia 的symbian,meego、Windows的芒果系统;

易用

  就是给你一张地图,你能很快找到入口,当前位置,目标等,并且以你最熟悉的方式;比如北面一定是在地图的正面的上方(我就曾经在地铁的某个地图上发现,它的北面,居然是在下方的);

好用

           这个是比较高的要求,是一个综合的评价;比如一张地图,它能让你快速的找到你要找的位置,所以你必须提供搜索功能;它能在你跋涉沙漠,口渴难耐的时候,突然发现地图上标识了最近的水源;

查看一座山的时候,有这个山的历史人文信息;景区游览内急难耐的时候,告诉你厕所的位置;这些都属于功能上得要求,用户不但需要知道这些使用过的功能,并且需要知道如何找到他还没有使用过的功能;同时还有效率上的要求,别等找到厕所的时候,已经尿裤子了;

 

4.          设计原则

我们需要定义一套基本的规则用以达到我们的设计目标;

直观明了

 

a)最主要的功能一定放在较显眼的位置,让用户一眼可以看到;

b)文字表意清晰并且符合目标客户群使用习惯;

c)图标(片)一定言之有物,如果不能表达应有的意思,宁愿不要;

d)要强调的内容用深色系,背景浅色系,通过强烈的色彩对比表达;

e)相关联的内容色系相近,比如都同为浅色系,差别不能太大;

f)对同一界面可能出现的颜色做好规划,防止一种颜色表达不相关的意义;

     一致性:

                   一致性简单说包括UI的一致性和交互的一致性,其中UI的一致性包括:

a)      UI元素,比如图标的一致性,时而圆角,时而直角就不太好了;

b)      颜色的一致性,不能有时用灰色表示disable,有时有红色表示disable;

c)      状态的一致性,不能有的文字(图标)表示当前状态,有的文字(图标)表示将要切换到的状态;

d)     文字,术语等的一致性,不能一会较wifi,一会叫wlan,一会叫无线网络;

e)      由这些元素构成的系统性窗口在不同应用之间的一致性,比如弹出框需要表现一致,比如确定键不能时而在左,时而在右;

f)       相关联的用户表现的一致性,比如通讯相关的几个应用;

g)      和事实上的标准保持一致,比如拨号键一般都是绿色的,你不能搞成红色的;

交互性的一致性包括:

a) 错误提示的一致性,不到万不得已不要提示,提示的话尽量谦逊,淡化,别吓坏了用户;

b)对于已经大量使用的控件,比如button,list item,checkbox,tabwidget等的表现需要一致,比如你不能期望用户双击一个按钮触发事件,虽然这在windows上是正常的;不能有的列表界面可以支持滑动反弹,有的不行;

c)过场动画的一致性,尽量不要时而从上到下,时而从下到上,除非你已提供了明确的指示信息,这里我个人的观点是不需要太快,可以让用户有种控制的感觉;

d)反馈颜色的一致性,不能有的应用红色表示选中,有的蓝色表示选中,而且尽量和业界保持统一;

       反馈:

                     反馈就是对用户的操作做出反应,包括:

a)      即时,也就是快速的做出反应;

b)      如果一件事需要一定时间完成,一定要有动画,文字等提示用户,耐心等待,并且动画需要一致;

c)      对于用户的操作有颜色的变化来通知用户,所以Android上通常一个图标都由四个状态,正常,禁用,获得焦点,按下,分别配以不同的图片;

d)     能不用模态对话框,就不用,用户在进入到一个等待场景,忍无可忍的时候,却无法退出,那是很让人抓狂的;

容忍

         容忍就是理解用户的难处,对于他的行为尽量包容,把他当成完全不懂的人;

a) 尽量不要让用户输入,比如联系人,提供让用户快速找到而不需要输入的方法;

b)允许用户输入错误,并尽量记录用户的输入,比如用户输入一个账户,在用户下次进入的时候,就不需要再重头输入了,比如用户已经发过短信的联系人,就可以快速的找到;

c) 可撤销

d)              设计一个功能的时候,要站在一个完全不会用的人的角度来思考;

结构化设计:

         这个说实话,比较难,它属于分类和概括的范畴,对于一个不得不表达很多内容的UI,它尤其重要,比如我们的设置,很多用户抱怨,根本找不到想要的功能,它包含一下内容:

a)      恰当的分类,这个原则是把常用的放在前面,不常用的往深处放,比如可以分为网络,常用设置(声音,显示,输入,时间等),安全(锁屏等设计个人隐私的东西),应用管理等几大类,尽量把不常用的隐藏起来;

b)      恰当的表现,如何表达同一类的内容,如何表达不同类之间的内容,如何表达相同和不同级别的内容,颜色如何搭配,不同级别如何切换等,都是需要仔细斟酌的;

这块比较难,所以到现在为止,基本没有公司 做得让人非常满意;

5.          设计流程

也就是如何开始一个模块的UI的设计,以下是我个人的理解:

a)      设计之前先参考其它公司的产品,比如IPhone,HTC,三星,魅族,MIUI,点心等,取其精华去其糟粕;

b)      定义功能集,哪些是需要让用户看到的,哪些是放在菜单里面的;

c)      根据这些功能,选择恰当的UI元素,计算可能用到的颜色,制定布局;

d)     制定交互流程,内部activity之间的切换流程;

e)      评审,这里为尽量减少反复,需要让评审人员参与到功能确定和UI的设计和布局过程中,如果还不通过,需要回到b或c,重新开始;

 

6.          总结

UI的设计其实是一个非常复杂的工程,甚至一定程度上需要一定的天赋,毕竟这里面都涉及一些很感性的东西,但是如果多分析别的优秀的产品,还是可以学习到一些设计理念的;我个人比较偏好简洁的风格,这个可能每个人不一样,有的人就喜欢喧嚣,有的人却喜欢宁静,有的人喜欢色彩绚丽,有的人喜欢黑白素雅;根据我个人的UI设计目标:简洁,易用,好用,制定了一套设计准则,不一定全面,只是个人的理解,也设定了一套流程;UI是一个产品非常重要的部分,所以我们还需要花大量的精力来学习,路漫漫其修远兮,吾将上下而求索!

 

 

作者:wylhistory

联系方式:wylhistory@gmail.com

阅读(1177) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~