多功能智能手机的ui设计研究学位论文.docx

多功能智能手机的ui设计研究学位论文.docx

《多功能智能手机的ui设计研究学位论文.docx》由会员分享，可在线阅读，更多相关《多功能智能手机的ui设计研究学位论文.docx（20页珍藏版）》请在冰豆网上搜索。

多功能智能手机的ui设计研究学位论文

毕业设计

题目多功能智能手机的UI设计研究

学院机械工程学院

专业工业设计

班级工设0701

学生孔繁琦

学号20070406005

指导教师吕冰

二〇一一年五月二十九日

摘要

当今智能手机在通讯产业中处于重要的地位，因此我将针对智能手机的UI设计进行研究。

因为当今手机的操作开始进入了全触屏的时代，所以我将此次研究定位于触屏智能手机，因为触屏手机能够更好的表现界面设计的重要性。

UI是“UserInterface”用户界面的简称，主要包括交互设计，用户研究，与界面设计三个部分，本文主要研究的是界面设计部分，通过研究来总结手机UI设计的主要内容，原则，现状和未来。

近年来，随着信息技术与互联网技术的迅速发展，人机界面的设计和开发已成为国际设计界最为活跃的一个研究方向，因此我将对于什么样的界面设计是消费者所喜爱的来进行一下调查研究，主要研究方法是市场调研和查阅书籍。

关键词：

智能；触屏；手机；UI界面

ABSTRACT

Totoday'ssmartphonesinthecommunicationsindustryinanimportantpositionastheinspirationforintelligentUIdesignofmobilephones.Theoperationoftoday'smobilephoneshaveenteredtheeraofall-touchscreen,soIwilltouchthisstudylocatedinthes-

martphone,becausethetouch-screenphoneisabletoperformbettertheimportanceofinterfacedesign.

UIis"UserInterface"，UserInterfacereferredto,includinginteractiondesign,userresearch,interfacedesignwiththreeparts,thisstudyispartofinterfacedesign,throughresearchtosummarizethemaincontentsofmobilephoneUIdesign,principles,statusandThefuture.Inrecentyears,asinformationtechnologyandtherapiddevelopmentofInter-nettechnology,human-computerinterfacedesignanddevelopmentoftheinternationaldesigncommunityhasbecomeoneofthemostactiveresearch,soIkindofinterfacedesi-gnforwhatistobepreferredbyconsumersAboutresearch,themainresearchmethodismarketresearchandaccesstobooks.

朗读

显示对应的拉丁字符的拼音

字典

Keywords：

smart；touchscreen；mobilephone；userinterface

目录

摘要………………………………………………..…….….……………...

ABSTRACT…………….……………………..…………….

1前言……….…………………………………………….….……………..…..…..…..1

1.1选题的背景和意义..........................………….………….………..1

2关于智能手机......................……..….………………………….…..….………….2

2.1对于智能手机的简单介绍………………………………………………………2

2.1.1智能手机的竞争…………………………………………………………2

2.1.2智能手机的未来…………………………………………………………2

2.2智能和非智能……………………………………………………………3

2.2.1智能和非智能比较…………………………………………………………3

2.2.2智能手机界面的主要特点…………………………………………………3

3智能手机的UI设计......................……..….………………………….…..….…………5

3.1UI的概念…………………………………………………………………5

3.2UI的分类…………………………………………………………………5

3.3UI的现状和未来……………………………………………………………6

3.4UI对企业的影响……………………………………………………………6

4以触屏手机为例的UI设计研究......................……..….………………………….…..8

4.1触屏手机介绍………………………………………………………………8

4.2触屏手机UI界面设计的内容和原则……………………………………………8

4.3以Iphone的UI界面设计为例进行分析…………………………………………9

5“兔年青花瓷”与“水晶系列”的设计......................……..….………………11

5.1设计步骤介绍………………………………………………………………11

5.2市场调查………………………………………………………………11

5.3手机外形设计………………………………………………………………12

5.3.1手机的基本尺寸…………………………………………………………12

5.3.2手机的材料………………………………………………………………12

5.3.3手机设计方案说明………………………………………………………12

5.4图标设计………………………………………………………………………14

5.4.1“兔年青花瓷”……………………………………………………………14

5.4.2“水晶图标”………………………………………………………………15

5.5界面设计………………………………………………………………………16

5.6方案可行性分析………………………………………………………………18

5.7方案工程图……………………………………………………………………18

6结论......................……….………….……………………..….……...…..….………...19

参考文献......................…………….…………………..….…..……………….………….20

致谢......................………………….……………………..…….…………...…………….21

附录......................…………………..……....…...…...…...…………………….………22

1前言

1.1选题的背景和意义

当前移动设备已经成为人们生活的必需品之一，移动设备的用户界面及体验将越来越受用户关注。

1902年，美国人‘内森·斯塔布菲尔德’在肯塔基州默里的乡下住宅内制成了第一个无线电话装置，这就是人类对于手机这种无线移动通讯最早的探索。

手机的发展非常迅速，从最初的移动电话“大哥大”到近些年的超薄手机，从非智能到智能，从1G到2G，再到如今深受大家青睐的3G智能手机，手机的操作也开始进入了全触屏的时代。

手机是我们生活当中最常见到的，也算是更新速度很快的一类电子产品，越来越受到大家的关注，并很大的影响着我们的日常生活。

现如今手机不仅仅是一个可随身携带的电话而已，更多的是为大家提供一个更方便的娱乐，休闲和互联网的平台。

这种性质也决定了在界面设计上必须更加的人性化，个性化，多功能。

而UI界面作为手机的重要组成部分，起到了非常大的作用，一个好的UI设计可以让软件变得有富有个性，富有品味，提升了软件的层次。

还可以让软件的操作变得自然舒适、轻松、方便,可以充分体现软件的特点和。

一个漂亮个性的界面会给人带来舒适的视觉享受，拉近人与手机的距离，为商家创造一个很好的销售点。

[4]

我选此课题的意义主要是，在满足了人们的物欲追求以后，人们开始了追求精神上的享受。

如今人们已不再满足于购得所需物品而是要享受生活、感受生活，因此我将研究什么样的UI设计才是好设计，什么样的UI设计是广大用户所需要的，作为一名UI设计师，怎么样才能做出最好的设计等，同时针对当今商场上手机UI设计的诸多不足及与时代的不和谐因素来加以改进与设计，进行设计研究——多功能智能手机的UI设计研究

希望我的研究可以达到以下的目的，首先，这种要确保这种设计可以使手机变的有个性有品位；其次，给人带来更加舒适的视觉感受；最后，能够为商家制造销售点。

2关于智能手机

2.1对于智能手机的简单介绍

智能手机（Smartphone），是指“像个人电脑一样，具有独立的操作系统，可以由用户自行安装软件、游戏等第三方服务商提供的程序，通过此类程序来不断对手机的功能进行扩充，并可以通过移动通讯网络来实现无线网络接入的这样一类手机的总称”[1]

智能手机的内部装有开放式操作系统，通常使用的操作系统有：

Symbian、Android、Maemo和WebOS、WindowsMobile、IOS、PalmOS和BlackBerryOS。

中国的智能手机市场发展很好，但增长速度较为缓慢。

各大操作系统之间的竞争非常激烈，逐渐的组成了联合阵营来推动智能手机的普及。

[1]

2.1.1智能手机的竞争

2004年出现了百万以上拍摄像素的手机,这一年发布的手机超越了2002与2003年两年发布手机的总和，诺基亚6260、6670、7610，摩托罗拉等Symbian系统的智能手机争相出现。

2005年手机市场在视频、音乐、智能方面的竞争变得更加激烈,E680、6682、E60、E68等手机层出不穷,智能手机之间的激烈竞争拉开了帷幕，之前诺基亚都是以四位阿拉伯数字来给手机命名，但从今年起，诺基亚开始了以英文字母开头作为手机的名字。

现如今智能手机的主要品牌有诺基亚，三星，摩托罗拉，苹果，HTC，伴随着诺基亚在中国市场的大获全胜，在智能手机领域的占有率也超过摩托罗拉，成为榜首。

诺基亚无论是品牌影响力还是产品的竞争力都是最高的，但是需要面临苹果这一大潜在劲敌。

2.1.2智能手机的未来

一提到智能，大家很容易就会想到3G，因为这两者之间的联系很大，企业希望通过智能手机，一步步的进入3G的终端。

3G是手机最具有发展潜力的一个卖点，远远高于音乐，休闲娱乐，GPS导航等等的关注度。

因此用不了多久，智能手机的选择余地将大大增加，智能手机将是最普遍的工具，大有蔓延之趋势，数量上也将逐渐增多，这将会导致智能手机的价格逐渐降低，另外3G网络的开通，人们的选择余地将大大增加，不禁会让人眼花缭乱，那时候的竞争将会是怎样的那？

我们可想而知，因此我们要找到解决的主要办法，或许外观的设计是一方面，但更重要的那就是手机UI设计，怎么样才能与众不同，才能吸引消费者，这才是关键。

2.2智能与非智能

前面我已经介绍过了什么是智能手机，而苹果，HTC，三星，LG等的出现改变了我们原有对智能手机的认识。

这些新的智能手机多建立在iPhone3.0，Android，WindowsMobile6.5等系统上，与传统智能手机相比，为了增强移动的这种感觉，他更注重利用特殊的软硬件的界面设计。

2.2.1智能与非智能区别

经过调查，我将智能与非智能做了一下比较，总结出以下几点区别：

（1）外观方面，智能手机的设计更加的漂亮时尚，更加方便我们的使用，手握起来更加的舒服，使用起来更加的炫。

（2）功能方面，智能手机的功能更加和我们的日常生活相接近，与我们的生活紧紧联系在一起，给我们的生活提供了方便。

　（3）速度方面，智能手机操作的反应速度远远超过非智能手机，在功能的选择上，智能手机更多样化，新增很多人性化的功能

　（4）智能手机提供了更加容易让企业DIY的平台，方便产品的升级。

　但是总体来说智能手机和非智能手机的根本区别就是，智能手机比非智能手机拥有更多的销售点，其功能更加的强大，非智能手机保持原有的基本功能，在功能上没有改进，仅仅是稍稍改变价格和外观，给消费者带来的新奇太少了。

2.2.2智能手机界面的主要特点

智能手机具有多功能的特点，它拥有新的技术，新的系统，使软件界面具有

了以下的新特征：

（1）很容易被察觉，由于界面上的内容表示的是怎么样进行下一步的操作，界面上的文字和图标等等前景信息与背景信息要相区别，通过前后背景等的对比来实现容易察觉。

（2）很容易被理解，符号所表达的意思必须很容易被理解，表达的要简洁，也就指用户对界面表达的内容的理解一定要是正确的，易于理解对于手机面的设计来说是非常主要的。

界面对于用户来说方不方便实用，用户在理解了界面符号之后，是否进行可正确的操作，是否正确的使用了，这都很重要。

（3）界面是否漂亮，智能手机来说，界面美感在当今这个这么注重个性的年代是至关重要的，强大的内存，和系统，更加丰富，绚丽，个性的界面给人更好的享受。

智能手机不同于以往的手机更关键的在于，智能手机在注重界面的美观等的视觉效果外，更加关注潮流，什么是当今最流行的，什么是消费者近期关注的，并将其运用到手机界面设计中，通过手机界面来吸引消费者的眼球。

（4）感受不同，指消费者在观察并使用过手机界面之后的一种主观感受，消费者在使用过手机后是否觉得满意，是否喜欢等等。

这种情况的实现，还要和界面图标的摆放位置，展示效果，以及操作的方式相关，对于当今的智能手机，不同智能手机具有不同的体验效果，具体如下图2.1。

图2.1不同智能手机的不同体验效果

3智能手机的UI设计

3.1UI的概念

UI是“UserInterface”用户界面的简称。

UI真正被人们提出并看重主要是由于电脑的出现，人们为了解决人和电脑两者之间的交流而想出来的一种解决办法，主要是指对于软件的人机交互产生的界面美观的整体设计，仅仅运用轻松的几个选择就解决了用户的需要这种UI设计，使这类的软件的操作变得舒适，简单，自由，让软件变得有个性有品味。

在国内UI能够得到推广也就是近几年的事，在人和产品的互动过程中的一个层面，就是界面。

用户的界面设计非常重要，多种学科的结合构成了界面设计，所以界面的设计很复杂，检验一个界面的标准是最终用户使用的感受，看一看是否达到了预期的效果，是否使顾客满意。

图3.1为UI的系统结构。

图3.1UI从抽象到具体

3.2UI的分类

UI设计主要是研究用户与界面两者之间的一种交互的关系,主要是指消费者研究、人机互动设计、界面设计（图3.2为界面设计的一个简单流程）三个方面。

（1）消费者研究，我们在进行开发设计之前，首先要了解我们的消费群体，看一看他们都是什么样的人，他们都是干什么的，调查出消费者对产品功能的需求，为我们的界面设计提供一个创意的方向，进而设计出让用户满意的界面。

消费者的研究并不是设计师想怎么样就怎么样，而是要求设计师站在用户的角度去探讨产品的开发设计，最后我们要实现改善产品的可用性，使我们设计的产品更容易被人接受，更容易被使用，但只有这些还不够，我们要在产品投入市场之后，设计人员还要不断的去收集市场上消费者的反馈信息，因为只有收集了用户反馈信息后，我们才能知道产品被推向市场后用户的使用情况和想法等等。

这是提高产品性能的重要途径。

[5]

（2）人机互动设计，主要是指消费者与机器之间的互动，一般都是软件工程师来制作交互设计师的工作内容，人机交互设计的主要目的就是使软件变的更加的容易使用，容易学习，容易理解，使产品更好的为人类服务。

[5]

（3）界面设计，在我国国内，现阶段大部分的UI设计师都是从事界面设计这方面的工作，有的人会把它叫做美工，但事实上并不是这样。

[5]

图3.2界面设计的一个流程

3.3UI的现状和未来

在我国，大家或许对UI这个词汇还很陌生，我询问了一下周围朋友，他们都是做设计的也不了解，一些招聘上写着：

招聘界面美工、界面美术设计师等等。

这说明在我国国内人们对UI的理解还仅仅是美术设计。

[4]UI设计一直没有被国内的企业所重视，但是伴随着科技的发展，电子产品逐渐的融入到了我们的日常生活，这个时候，更多的企业才发现，一个产品单纯的靠先进的技术和个性的外观想要在市场上销售的很好是很难的，人们意识到很好的界面与互动设计是产品在市场上获得成功的一种重要的手段，实践证明很好的界面与互动设计给企业带来了很好的经济效益，何乐而不为那，因此我们相信，在不久的将来，UI将会得到更多企业，更多设计师的重视。

3.4UI对企业的影响

UI是对企业产品具有影响的一个重要方面，以消费者作为设计的围绕点,各大企业不断的追求以实现UI的人性化，个性化，想要完善手机的设计，要求我们对产品的UI进行很好的设计，当今时代,各种各样的软件，各种各样的产品融入进我们的生活中，我们越来越离不开这些电子产品，也更加的依赖这些产品的界面，所以很多企业也已经开始注意到了UI界面设计的重要性，国内一些大型企业已经开始意识到用户界面给电子产品带来的巨大效益了，比如360公司的软件,由于重视其UI设计,才使得360产品在同类软件产品中脱颖而出。

联想软件的幸福系列，家园系列，由于其UI部门的创新,使其容易使用，且美观个性，为联想赢得众多的消费群众，然而它的UI设计起到了不容忽视的重大作用。

但是如今的许多企业也只是关注软件等技术问题,认为UI仅仅起到了次要的作用。

不过,每个事物的发展都有这样的一个过程，就像工业化时代大多数的产品都只是批量化的生产，不会关注个性化，特殊化，但是渐渐的人们发现了这一缺点，开始了向产品的个性化，人性化优化一样，随着科技的发展，产品设计的重点逐渐从技术的改变到产品的个性化设计改变。

漂亮的，个性的界面与简洁，方便的使用的交互方式得到非常充分的重视。

UI设计也就开始了发展起来，然而对于企业来说，一个企业要想脱颖而出，也要拥有一批能够从长远角度出发，充分认识到UI设计重要性的设计人员，所以UI对于企业来说具有非常重要的作用。

4以触屏手机为例的UI设计研究

4.1触屏手机介绍

触觉是皮肤感觉中的一种，是人在受到刺激时引起的兴奋，触觉感受器在全身都有分布，手指尖尤其丰富，除了视觉、听觉，触觉也是人与电脑沟通的一种媒介。

随着感测技术的不断发展，现在触碰式的感测器已经大大的丰富了人与电脑的沟通。

因此为了操作上的方便，人们用触摸屏来代替鼠标或键盘，工作时，必须首先用手指或其他物体触控触摸屏，然后系统根据手指触摸的图标或菜单位置来定位选择信息输入。

[2]

什么是触屏手机？

触屏手机就是可以通过触摸屏幕而实现功能的手机。

触屏手机出现的时间并不长,摩托罗拉公司是最早推出触屏手机的公司，那是在1999年，直到如今也就几年时间。

虽然时间很短，但是触屏手机界面却产生了重大的变化。

我们可以将这些变化归纳为以下几个阶段：

（1）两种颜色的设计，最早的时候，由于科技不发达，触屏手机的技术达不到，因此大部分采用黑白、蓝黑、绿黑等等两种颜色的屏幕。

在界面设计上,也大部分都是文字，用直线划分开区域来作为辅助设计。

在图标的设计上大部分没有，或者有少量的线条勾勒出来一个图标的基本形状。

这个时候的手机UI设计非常的简单，这时候的设计仅仅是满足于功能的需要,在视觉表现方面和交互设计方面考虑并不会投入太多的精力。

（2）富有色彩的设计，逐渐的，科技不断发展，这时候的触屏手机开始了逐渐采用彩色的界面设计。

内容上也变得更加的丰富，图标的设计也变得更加的形象,多彩，部分设计还运用了动态的表现效果。

文字方面字体字号有了更多的选择,消费者也可以自行安装自己喜欢的字体。

这时候开始，主题也开始进入消费者的视线，很多手机厂商给消费者提供多套页面可供选择,用户也可以自己DIY主题，这段时期,触屏手机页面在设计方面得到了高速的发展,视觉表现方面，交互设计方面和之前相比有了很大的进步。

（3）人机交互界面设计，2008年,苹果手机的出现，促使触屏手机界面设计进行了一场历史性的巨变，人们逐渐的认识到,触屏手机界面的设计不仅仅只是用户图形界面的设计,同时也包含了交互设计。

4.2触屏手机UI界面设计的内容和原则

对于触屏手机UI界面的设计，主要内容不外乎为:

图标，字体，图像，板式，布局，色彩等等。

无论哪一个点,设计师所要考虑的都是怎么样把它们放进触屏手机这个小小的空间中才能达到我们最想要的和最好的效果。

（1）图标的设计，纵所周知，触屏手机界面屏幕的尺寸很小,因此,如何让手机的这些功能很好的展现给大家，就是一项非常重要的工作，拿手机的图标设计为例,每个图标都代表了一个功能，因此这个图标在表达意思上要做的很好，能够很好的帮助用户进行认识，要做到用户一看到图标，就知道怎么去操作。

对于图标的设计，大小要适当，过大会出现比例失衡，太小人手又不容易操作，不符合人机工程学，在色彩的确定上，不应该用多种和过复杂的色彩表现，那会产生一种很乱的感觉，同样的。

色彩也要保持好可识别性。

（2）字体设计，一般情况来说,我们在手机界面的设计过程中,字体的大小要与界面的大小互成比例。

（3）版式设计，对于触屏手机界面的版式设计,和书籍等平面的设计有很多相同的地方，版式设计对于界面设计非常重要，版式设计的意思也就是在触屏手机这个小小的空间上，将所有的构成元素进行整合归纳,将这种手机思想通过这些元素表达出来。

（4）色彩选择,色彩对于消费者是非常重要的，它能够最先吸引住消费者的眼球。

色彩能够影响一个人的心情,就像红色给人以激情，黄色给人欢乐，活泼的感觉，触屏手机界面的色彩选择也是如此,就像蓝色的背景，附着上白色的图标就会给人一种非常醒目的感觉，然而大红色的背景上配有绿色的图标就会很难看，用户一看到就会很厌恶，不会再想去了解他。

所以色彩的选择非常重要。

通过上面的一系列分析和对比，我们可以总结出一些触屏手机界面设计的设计原则：

（1）内容应该简单明了。

在应用程序里，我们首先看到的内容应该是这款手机的主要功能，我们可以适当的减少图标，来突手机的主要功能。

（2）有顺序的排列界面内容，减少没必要的空白，背景尽量简单。

界面上只显示当前那些必要的内容和图标。

尽量减少纯装饰性的图片，尽量减少界面上不必要的空白，但是文字和图标等等也不能都挤到一块。

[2]

（3）简简单单的表达主要的信息。

当展示在用户面前的手机界面上的文字和内容简单，很容易读懂时，用户就可以快速的轻轻松松的理解你的意思，之后，你所要做的就是怎么样来突出重要信息，这样的话，用户就可以通过简短的内容来了解自己下一步应该怎么去做。

[2]

（4）尽量减少不必要的互动。

4.3以Iphone的UI界面设计为例进行分析

当今的手机种类超级多，但苹果手机以其简单、直观、自然的操作方式