个性化手机UI的设计与研究(共13页)

1、个性化手机(shu j)UI设计(shj)与研究(ynji)目 录 TOC o 1-3 h z u HYPERLINK l _Toc377576650 摘 要 PAGEREF _Toc377576650 h 2 HYPERLINK l _Toc377576651 第 1 章绪论 PAGEREF _Toc377576651 h 3 HYPERLINK l _Toc377576652 第 2 章UI设计的相关理论 PAGEREF _Toc377576652 h 3 HYPERLINK l _Toc377576653 2.1UI的定义和含义 PAGEREF _Toc377576653 h 3 HYP

2、ERLINK l _Toc377576654 2.2UI设计的分类 PAGEREF _Toc377576654 h 4 HYPERLINK l _Toc377576655 2.3UI设计的原则 PAGEREF _Toc377576655 h 4 HYPERLINK l _Toc377576656 2.4手机UI的设计原则和基本要素 PAGEREF _Toc377576656 h 5 HYPERLINK l _Toc377576657 2.4.1手机UI要遵循的基本原则 PAGEREF _Toc377576657 h 5 HYPERLINK l _Toc377576658 2.4.2手机UI设计

3、的要素 PAGEREF _Toc377576658 h 10 HYPERLINK l _Toc377576659 第 3 章目前手机UI的现状和优劣势分析 PAGEREF _Toc377576659 h 11 HYPERLINK l _Toc377576660 3.1目前手机UI的现状 PAGEREF _Toc377576660 h 11 HYPERLINK l _Toc377576661 3.2目前手机市场份额统计 PAGEREF _Toc377576661 h 11 HYPERLINK l _Toc377576662 3.3用户需求 PAGEREF _Toc377576662 h 11 H

4、YPERLINK l _Toc377576663 3.4在手机UI中整体性与个性的统一 PAGEREF _Toc377576663 h 12 HYPERLINK l _Toc377576664 第 4 章总结 PAGEREF _Toc377576664 h 12 HYPERLINK l _Toc377576665 参考文献 PAGEREF _Toc377576665 h 13摘 要本文(bnwn)首先对手机(shu j)UI的设计原则(yunz)和要素进行了探讨，并对目前在售的在售的各类型系统手机的主要产品界面进行分析与对比。其次对不同消费人群购买和使用手机的意向进行了分析，以此为基础对各个主

5、流的手机界面进行了分析。最后通过对比得出了个性化手机界面的特点，从而设计了个性的手机界面。关键词：手机UI，个性化，用户友好性绪论(xln) 步入21世纪后，电子产业的发展日新月异，技术的进步使得(sh de)成本下降，各种电子产品开始(kish)由昂贵的奢侈品成为人们日常的消费品。手机、平板电脑等各类电子产品层出不穷，在这些产业中，无法方便携带的计算机在消费市场上早已是日暮黄昏，移动终端正在渐渐的侵蚀着曾经计算机领域许许多多的市场。在企业市场中，虽然便携式多功能的多媒体终端还未真正成为一名合格的员工，但是可便携性使得人们可以随时随地的使用它们处理简单企业实例问题等，这也使得移动终端更为迅猛的

6、发展。而在这些品类繁多移动终端中，手机尤其是智能手机可谓是最耀眼的明星，它的发展与壮大是随着人们对生活品质的要求飞跃式的发展的。在经历的低潮后，手机产业会如井喷一样快速的成长，目前已经成为如今的消费市场中的支柱产业。本文主要从手机UI的设计的发展来阐述用户界面的设计对使用人群影响进行研究，通过运用比较分析的方法进行分析和例证。本课题以手机的UI为研究的对象，UI的设计基本的理论入手，寻求探讨在以信息为代表的21世纪，在产品的设计逐步走向多层次化、个性化的基调下，手机UI的相关概念。考虑UI设计时所要准寻的原则，选择时考虑的因素，使用时形成的习惯等，探求其未来发展的趋势。本文着重于手机UI设计的

7、实用性和易用性，兼顾可视化的效果和美观，从不同系统的手机的比较到同系统不同系统版本的UI以及同系统同版本不同厂商的定制后的UI进行对比。从各类型UI的差异化设计入手，分析各个智能操作系统的手机UI设计案例，从而研究差异化中的相似性与人性化，并对手机UI的差异化设计进行了展望。UI设计的相关理论UI的定义和含义 UI即User Interface( HYPERLINK /view/362528.htm t _blank 用户界面)的简称。在人和机器的互动过程中，有一个层面，即我们所说的 HYPERLINK /view/240704.htm t _blank 界面（ HYPERLINK /view

8、/334756.htm t _blank interface）。从 HYPERLINK /view/4268.htm t _blank 心理学意义来分， HYPERLINK /view/240704.htm t _blank 界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。 HYPERLINK /view/440933.htm t _blank 用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的 HYPERLINK /view/48840.htm t _blank 工程，认知 HYPERLINK /view/4268.htm t _blank 心理学、设计学、 HY

9、PERLINK /view/9995.htm t _blank 语言学等在此都扮演着重要的 HYPERLINK /view/60371.htm t _blank 角色1。 HYPERLINK /view/43210.htm t _blank 软件界面设计就像工业产品中的 HYPERLINK /view/1708895.htm t _blank 工业造型设计一样，是产品的重要卖点。一个友好美观的 HYPERLINK /view/240704.htm t _blank 界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。 HYPERLINK /view/119481.htm t _b

10、lank 界面设计不是简单的画画，他要求确定使用人群、方式、环境并且为设计的目的是为了用户，是一种科学而又艺术的设计。对于最终界面的检验要以用户的满意度为标准，因此UI在设计时始终应该贯穿的思想就是用户要什么我们就做什么。UI设计(shj)的分类源于对用户设计的各种原因的考察，界面设计往往被分为(fn wi)三类。UI设计不是(b shi)完全独立的，三类界面设计之间往往交叉进行2。一、功能性界面。对其来说，它实现的是使用性内容，功能性UI界面设计要建立在符学的基础上。二、情感性界面。主要任务是向人传递情感，任何一个产品或者作品只有与人的情感产生共鸣才能为人所接受。三、环境性界面。不论何种设计

11、都与环境密切相关，这里的环境是只我们所处的社会与文化的大环境。于外部环境之中而言，面对的是群体，因此不能只关注个体。UI的设计和信息的传达都不能是于环境之外独立存在的，现实条件与精神条件是界面设计组成的重要因素。可以说，功能性界面是基础，而环境性界面前提，核心则是情感性界面。三者之间相互依存，从而让界面设计从形式和内容上都得到提升。交互界面的分类可以说是不存在完全对立的，这三类设计之间有着这样那样的交叉，就像简单的问候是一种功能性界面可以说，但是更多的是给用户带来情感上的归属。UI设计的原则 = 1 * GB2 置界面于用户的控制之下，以用户为主体所谓置界面于用户的控制之下就是要了解用户的需求

12、，要知道他所要在UI下需要获得的功能，寻找出用户喜好的UI，只有把用户的目的当作自己的目标进行设计，充分的关注使用的群体，这样才能够设计出一个可以完成用户需求的UI界面。UI并不是程序而是使用者与程序交流的途径，因此要求其能够通过UI向用户传达信息进行服务。界面的设计为的是用户而不是程序员。 = 2 * GB2 减少 HYPERLINK /view/200012.htm t _blank 用户的记忆负担，保持一致性使用者是UI的设计的使用主体，较为统一的风格可以减少用户所要记忆的特征，于用户而言就可以说是简易好用。相反，一个界面设计时如果不能保持界面的一致性，就会让用户觉得杂乱，无从使用，最终

13、使得使用者不知道设计者要向其传达的使用信息而无法使用。包括设计目标一致、元素外观一致、交互行为一致三个方面是UI设计要遵循的重要原则之一。 = 3 * GB2 重视模型对于用户而言，没有什么比现有的UI更让自己熟悉的了，对于现有的UI无需在去适应学习使用，因此我们要学会利用现有的界面模型，通过对其功能的改变就可以达到相应的目的。 = 4 * GB2 运用视觉(shju)等级“设计(shj)师可以从混乱中找到统一；他们可以通过组织操控文字、图片从而清晰地传达设计意图。”设计时，要让用户的注意力集中(jzhng)在重要的地方。用户注意的地方要完整而清晰的表达设计者所要传达的信息，而每一个元素的大小

14、、颜色还有位置都会影响到用户对设计者要表达的信息的理解。 = 5 * GB2 保持简洁界面简介可以让用户更为简易的使用操作和理解设计者所要传达的信息。因此UI的设计要以用户最少的操作达到最大的目标作为设计的原则，所以设计者不要试图在设计中加入自我喜好的元素。手机UI的设计原则和基本要素手机UI要遵循的基本原则通过上一节关于UI设计的原则分析，我们了解到UI设计时要遵循的基本原则。然而作为典型的移动终端工具来说，手机UI设计更要遵循一定的原则3。大体上讲，手机UI或者说UI的一般都要准寻结构、交互、视觉这几个方面的设计才能呈现在用户眼前。 = 1 * GB2 结构设计巍巍高耸的高楼得以不倒，其主

15、要的原因是地基和大楼的结构。同样的，一个交互界面发展的长久与否也与界面的结构有莫大的关系，结构是设计的框架，是设计的基础。它决定了界面下有怎样的功能，使用者如何操控使用它，因此结构的设计可谓是最为基础的工作，却又是相当重要的工作，因为它能为我们设计提供更为广阔的空间，也是设计好坏的重要判断依据。我们以三大手机智能操作系统的UI结构为例来讨论，手机UI是要向使用者传达用户所要使用的信息4。因此是数据的流动，而信息传递的载体则是用户感知和使用信息的基础，因此结构设计在此可以分为两个部分，信息架构和信息表达，通过用户的使用进行信息反馈，从而显示用户想要获得的内容。以Windows phone8为例。

16、通过对Windows phone8界面的识别我们可以看到其采用了类似双屏加磁铁的设计。磁铁是整个界面最具有代表性的元素，其动态的效果是WP系列手机的一大特点。首先就是更多不同颜色方案，多大二十种不同主题色彩可以很好的为整体的界面带来个性化的东西，这代表了每个人内心的动。统一(tngy)中暗藏“动”的元素(yun s)其次另一个动的表现就是每个动态磁砖，有些磁砖本身就会产生动，例如人脉、通讯录、图库这些磁砖外表是跟其他的没有区别，但它显示时会本身应用内部的一些信息。图库呈现为最大图标时，它可以以幻灯片方式(fngsh)缓慢的滚动着照片。通讯录则会将联系人的头像翻转显示，让联系人富有了一定的生机。

17、可以说动态磁砖是WP8系统结构的基础，正是基于这样的结构才有了界面这样的布局，通知在磁砖中提示让用户可以不用打开应用就可以了解到用户所需要的信息，使得用户可以更简单明了的操作这个系统。基于这样的结构设计下，相关配套的设计也应运而生，如锁屏、设置等等。就锁屏来说，Windows phone8选择了和Windows8一样的向上滑动解锁的方式，简单明了是我唯一能想到的词汇。WP8锁屏界面WP8的锁屏界面除了一般的手机状态信息外还提供了多种应用信息的推送显示，例如消息，邮件等等，相信这也是和WP8的磁砖界面构架有相当大的关系的，在此类界面下，没有通知栏，加入锁屏界面不能很好的推送消息，那么用户在使用时

18、简单的应用也要进行解锁操作是相当不简便的，这不符合UI设计的基本原则。鉴于WP8手机没有设计(shj)功能键这一设计结构，我们(w men)通过使用发现在每个单独(dnd)的应用中，它还有相应的二级页面或者三级页面设置。因此当我们进入一个应用后，可以直观的看到它还会分裂出一些二级设置页。对于 HYPERLINK / 相机的设计这个有些特殊，它将设置以及切换都放置在底部，当我们需要进行设置时可以向上滑动来进行设置的选择，如果你知道每个图标的功能那也可以直接点击进行设置切换。显然，正是由这些颜色各异互不相同的磁砖组成了我们现在眼中的WP8系统整体的界面，也正是由于这样设计的架构使得界面的设计呈现出

19、多层次、多级别动态显示的特点。从WP8系统界面开发的原则来看，手机UI结构的设计原则就是将目标任务层次化，多级展开来进行设计，这样一步步的构建整个系统的架构。 = 2 * GB2 交互设计产品的设计的目标客户是人类，在进行UI设计时，人-机如何交互是产品世纪的重要环节之一，交互设计的优劣也直接关系到整个产品设计的成败。对于硬件界面这里我们不过多阐述，这里主要以安卓系统界面上的人机交互为例来说明人机交互在设计时要准寻的一些原则。对于软件UI的设计，其根本目标就是(jish)为了让用户更加简单的完成所要达成的任务，用户在操作使用时一定要作为使用的主体，使用户感觉到是自己在操控手机而不是被手机所操控

20、。安卓4.4原生(yun shn)界面可以(ky)看到，安卓系统主页面和锁屏页面都有一个重要的特点-看上去干净明亮，这个格调贯穿着整个系统。此外，从前标志性的蓝色色调也不见了踪影，被换成了更浅的色调。谷歌还改变了透明度的处理，将深黑色的背景换成了半透明的白色。总体上看，整个系统感觉上更加简单、漂亮、机械化。从上图中我们可以简单的总结一下手机UI开发过程中交互界面设计时要遵循的几个原则： = 1 * GB3 界面效果的整体性、一致性手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。 = 2 * GB3 界面效果的个性化那么我们追求界面的整

21、体性以及一致性，是不是就是说就可以忽视软件界面的个性化的特征呢？整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。 = 3 * GB3 界面视觉元素的规范尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。界面上的线条和色块后期都会用程序来实现，这就需要考虑程序部分和图像部分的结合，需要自然的结合才能协调界面效果的整体感，所以需要程序员与界面设计人员的密切沟通，达成一致。整体是holo风格富有(fyu)科技感 = 3 * GB2 视觉(shju)设计（IOS7

22、为例）界面(jimin)的视觉元素有很多，例如布局、语言、文字、图标和色彩等，而这些单位的元素整体组合出设计者想要给用户展示的内容，以期能够向用户传达有用的信息，这就是视觉设计的整体意义。那么这些单元要如何设计呢？这就是下面我们要讨论的内容。 = 1 * GB3 布局就屏幕的布局来说，设计者在设计时应当站在用户的角度不仅要考虑界面的实用性，也要考虑用户可能会长期使用这个界面，因此大方得体美观的界面布局又显得尤为重要。在布局中要把握几个原则：对称原则、可预测原则、清晰原则、规范化。对称原则指的是注意界面显示的内容要左右相对称，不能够在一方或上下的一边显得过为拥挤，以免用户在使用时产生视觉疲劳和识

23、别错误信息。可预测原则指的是界面的内容显示要能够上下连贯，不宜又过大的视觉变换。清晰原则指的是内容清晰可读是使用的最基本保证。规范化原则指的是规划的设计有利于系统的二次开发。IOS7整体扁平化格式化的图标布局 = 2 * GB3 语言和文字语言和文字可以说是UI设计中最为重要的环节之一，使用者想要获得的信息大部分是通过语言文字获得的，因此在设计时尽可能使用标准的用语和容易识别的文字。 = 3 * GB3 图标和色彩(sci)图片标识的功能是手机(shu j)功能在显示世界中的反映，用户(yngh)通过它了解使用图标所代表的功能，因此图片和标识的设计要能完整而清晰的表达该其背后程序的功能。因此设

24、计要遵循清晰明了、意义明确、协调一致的设计要求。对于界面色彩的使用来说，首先色彩要满足人们对功能的要求，在此基础上尽量设计的更为协调，这里的协调不仅仅是同一界面上，在进入不同程序时也希望能够有统一的色调。对于不同的人群可以设置不同的界面色彩基调，从而让不同用户在使用时都能满意。例如，青年人喜欢更为靓丽的色彩，中年消费者喜欢沉重的色彩，女性消费者喜欢粉嫩的色彩等。最后，可以说结构设计构成了UI设计的基本框架，是交互设计和视觉设计的基础，而交互设计是结构设计和视觉设计之间的桥梁，视觉设计能够让结构设计在交互设计上得到内在和外表双方面的升华5。手机UI设计的要素手机UI设计的要素包括视觉要素和使用要

25、素两类，视觉要素是显示传递有用的信息所要使用的要素，其包括文字、图形、媒体等，使用要素是使用时界面被控制和控制后的反馈信息，使用要素都通过视觉要素来进行表达。手机UI的设计要素也是手机设计环节重要的内容之一。目前手机(shu j)UI的现状和优劣势分析(fnx)目前(mqin)手机UI的现状从目前市场上在售的手机来看，谷歌的安卓、微软的Windows phone系列以及苹果的IOS系列占据了市场销售手机90%以上的市场份额，因此这三种界面UI最具有代表性，而安卓和苹果又占据着绝对主导的地位。WP8、IOS、安卓系统解锁界面通过对比使用我们可以发现，原生的安卓和IOS目前在系统布局上都走的是扁平

26、化界面的路线，两者都有下拉的通知栏，都有通知中心，可以说二者有许许多多相似的地方。但是在可定制化上，安卓的确更走在了前列，不管是界面的元素还是界面的功能相比IOS都有很大的进步。目前手机市场份额统计在刚过去的2013年，苹果公司的iPhone获得了美国40.6%的手机市场份额，相比前一季度的40.4%有略微上涨。谷歌的安卓的份额从51.8%增长至52.2%，目前仍是美国市场第一的操作系统，微软的WP系统则获得了3.2%的份额。用户需求用户的需求往往是多方面的、不确定的，需要去分析和引导。用户的需求是指通过买卖双方的长期沟通，对用户购买产品的欲望、用途、功能、款式进行逐步发掘，将客户心里模糊的认

27、识以精确的方式描述并展示出来的过程。智能手机的出现使得它无时无刻的侵入着我们的生活，从普通的电话短信，到购物消费等，生活的各个方面。一款智能手机是否合用我们首先要看一下他的系统是否符合使用者的要求，手机的外表多种多样，但是对于系统来说，世界也不过寥寥几种，硬件以外真正核心的东西就是软件-系统。通过调查发现，消费者在选购手机时首先会了解产品的口碑，界面的美观程度，使用的人群，软件的数量以及质量，价格，操作的简易程度，硬件配置的高低等几个方面。我们通过一个表格来识别一下这三大系统间有怎样的关系。通过把各项细分，每项以10分为满分进行(jnxng)打分，分别(fnbi)得出各系统的总分，这与目前市场对这三大系统的认可度基本一致。这与先前我们(w men)看到的市场份额情况基本吻合，去除价格因素以后，IOS