人机交互 论文

《人机交互技术》 期末论文

题 目：基于人机交互的UI界面设计研究

学 号： 24320082202450

姓 名： 程思

指导老师： 赖永炫

提交日期：2011.06.22

UI界面设计

【摘要】：软件设计的基本功能是编码设计，实现用户所需的功能，满足用户的生理诉求，这一点是广为人所熟悉的；然而界面设计在国人严重还是一个较为陌生的词，这是一个满足用户审美和心理诉求的过程，却未能得到更多的重视。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点；软件的最终需求是为商家创造价值，检验一个界面成功与否的标准不是某个项目领导小组的意见，而是用户的最终感受，一个友好的界面带来的隐形价值不可小觑。在本文中，针对UI界面的设计展开，着重表达在UI界面的设计过程以及设计要点，并学习国外优秀网站，吸取排版布局经验，希望为界面设计带来些许启发。

【关键词】：UI；界面设计；软件；

引言

UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，用户的操作逻辑和界面美观的整体设计。一个好的UI设计不仅使软件的操作更简易明朗，让软件契合用户特定身份不同年龄的需求，而且能展现出软件产品的定位和走向。

对于UI设计的理解，国人仍处于起步阶段，UI设计并没有得到应有的重视，软件设计似乎只需要完成基本的功能实现即可，许多从事网站与多媒体设计的也仅仅是了解编码设计，对于软件的需求还处于低端的阶段。界面设计之于软件设计就像造型设计之于工业设计一样，是产品的重要卖点。

正文

1. 什么是界面设计

界面设计不仅仅是单纯地从美学角度考虑如何地进行排版布局，他是纯粹的科学性的

艺术设计，也是充满人文关怀的的心理学的综合应用。界面设计者根据受众人群、使用场景、使用方式，综合认知心理学、人体工程学、色彩设计等多重理论基础并最终为用户的方便使用而设计，是纯粹的科学性的艺术设计。

2．UI界面设计在中国 2．1知其现状

中国当前的软件产品，在UI设计方面可谓弱中之弱。在大多数产品开发中对编码的偏重是显而易见的，产品急速推广无暇顾及设计的美观。往往是产品已经投放市场，当界面遭到用户非议的时候，才会想到花上可怜的一点时间和金钱把产品做以“美化”，美化仅仅是在表面做工夫，哪肯真正伤筋动骨地大整改一番，而这种敷衍的美化最终往往难以得到用户的全盘的服帖的接受，可能中国网民的绝大多数并不具备对UI设计的鉴别能力，但是对美的感知是人生而有之的。

2.2推其本源

这是为何呢？笔者发现目前中国的软件公司开创者，多为编程技术出身，为此对程序编码的宠爱有加也就成为自然，我们应该承认，产品的思想性、运行速度和稳定性无庸置疑，产品业务的核心地位也从没有人怀疑过，然而，作为产品用户和计算机交互核心以及产品形象工程的UI环节一直尚未得到开发者应有的重视。正如我们前文所说，界面设计不是在后期填补的美化处理，而是独立的属于工业设计的范畴。同时这也是与网民的鉴赏力也是息息相关，市面上的软件界面设计千篇一律，网民的认知是局限，这也决定了网民的要求的高度。市场需求的推动才是产业进步的最大动力，目前看来，我们的市场也是疲乏的。

3．设计师之所为

3.1UI设计师是做什么的

UI设计从工作内容上来说分为3个方向。

研究界面——图形设计师Graphic UI designer。国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。

研究人与界面的关系—交互设计师，interaction designer。在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。

研究人—-用户测试/研究工程师User experience engineer。任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。

3.2和你的客户保持沟通

在设计过程中无论是整体风格的把握、设计构思的过程，还是细微色彩变化、像素轻微的调整，都是一个界面设计师所需要考量的范围。而设计师的产品信息如何而来？这就需要界面设计的同时与用户时刻保持流畅的沟通，通过不断的设计、沟通、修改、整合，一切的一切都是为最终产品的趋近完美的视觉效果而努力。

3.3工作内容

负责软件界面的美术设计、创意工作和制作工作,熟练操作Photoshop、

Illustrator、Flash等图形软件，html、DreamWeaver、javascript等网页制作工具；根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计，有敏捷的用户体验观察力，了解用户心态，思之所思，想之所想，对人机交互方面更是要有自己的理解和认识；对页面进行优化，使用户操作更趋于人性化；收集和分析用户对于GUI的需求。

4．UI设计之原则

4.1有条理的布局

注意力是网络上最优价值的货币。在通常情况下，用户若是不能在几秒钟知道网站是做什么的，他往往会转而访问其他网站。所以你必须迅速地告诉访问者你的网站是做什么的，为什么要在你的网站上花费时间，在此有条理的布局就是抢夺注意力最有效的手段之一。在此我们就某网站的网页布局做出一个分析。

试想，把这张网页截图做个高斯模糊，我们再来猜想一下它的功能布局。

之所以在模糊之后依然可以看出大体的功能分区，那是因为大色块的运用暗示出了功能上的分布，在用户仔细阅读网站内容之前就给予用户充分的暗示，就能帮助用户更快地找到所需的内容，也使网页本身更有条理。

4.2字体的选用与编排

不要使用难于阅读的花哨字体。为了让用户迅速地捕捉你想表达的信息，在字体的辨认上过于为难用户并不见得是一个高明之举，艰涩难懂的字往往让用户直接放弃，跳转到相似的可读性强的网页上了，当然某些字体可以让网站精彩纷呈。不过它们容易阅读吗？如果你的主要目的是传递信息并让读者阅读，你应该让阅读过程舒服些，再者，不要让字体过小或过大，你千万别想象一个用户使用FIREFOX的放大镜功能来浏览你的网页，或者你过大的字体会让用户觉得非常不专业。同样结合这个网站，我们具体展开。

首先，设计师选用了几款非常具有现代感的字体。logo选用的字体是笔画很粗的非常适合做标题的字体，同样，该款字体也用于按钮上。段落标题用的是serifa字体。正文则是最常用的arial字体。虽然设计师地字库中蕴含丰富，但他却仅仅选用了三种字体，不使用太多的字体保证了网页简洁。同时该元素选用什么样的字体好什么样的尺寸也就代表着该元素在文档中的层级和地位，在我的论文中正文是宋体五号字，我的题目则是黑体二号字加粗，网页也是同一个道理，这也是为了让我的读者、界面的使用者更清楚地分清条理。

4.3慎重地选择你的配色方案

不要用令人不快的颜色。如果用户连续阅读10分钟后觉得头疼， 那么你最好选择别的配色方案。不仅如此，你的配色方案还应该契合你的产品主题，儿童乐园应当选用明快的纯色以及适当的荧光色，业务性的软件应当减少亮丽色彩的频繁使用，多用不同层次的灰可以使使用者也感到专业和冷静。再看这一图片，设计使用了两种层次的灰色以及极其浅的紫色做为底色，并用带有纹理的低对比图片作为大背景，更多的色调，丰富了作品的层次，也会更耐看。

4.4清晰流畅的画面

PHOTOSHOP的功底在这时就需要体现了，相信很多人在看到网页的第一时间就往往会被色彩艳丽的图片所吸引而不是枯燥的文字，而且人在浏览网页时是不加防备的，往往是感性认知在先，若是图片色泽饱满而，景深变化交错富有纵深感，必然就是一个网站的焦点，而若是像素低景物糊，这样显眼的败笔必然会在用户的第一眼中就留下了不够专业的印象，因此图像的选用与处理关系到一个作品的档次。

4.5友好地对待客户，让客户完全占有主动权

不必要是不要让用户注册，这便涉及到一个隐私的问题，用户上网是为了获取信息而不是为了让别人获取用户的个人信息，并没有任何必要却强迫用户注册并留下电子邮箱以及其他信息往往会惹恼你的用户，这种不舒适的感觉会伴随他的体验过程，在很多SNS网站中或是银行网站中频繁出现的用户信息泄密，这是相当不安全的。

不要在未经访问者同意的情况下为他们订阅电子杂志，不要在访问者注册时自动给他们订阅电子杂志。这种强迫性的行为不仅达不到预期的宣传效果，反而会遭到用户的心理的抵制，当前在许多团购类的网站中，需要你邀请好友注册进行积分，或者是在你注册信息后，每天向你的邮箱中发送每日的团购信息，这一点是非常不可取的，很容易激起用户厌烦、愤怒的心态，因此针对这一点，聚美优品在每一封邮件的首行都会提示若您不想收到任何关于本网站的订购信息请按XX退订信息，这就把主动权交还给用户了。

适当地使用声音文件，而当你必须使用声音时，让用户启动它。浏览器可以同步打开多个网页，若是打开之时便有自动的声音文件流出，会给用户带来麻烦，打乱了浏览的习惯并且手忙脚乱的关闭。有时你必须使用声音文件， 比如你要给用户发送一份演讲，或者你的教程包含声音。这没问题，但要让用户来控制， 让用户点击“播放”按钮，别在打开网页的瞬间播放声音。而音乐文件，请尽量避免，许多音乐盒，如酷我，仅仅是在打开时有明星的“欢迎来到酷我音乐盒”，然后需要用户的点击事件，才开始音乐的播放，让你的客户完全占有主动权。

4.6慎重检查，避免出现低级错误

例如拼写或语法错误。这不是网站设计的错，但却是影响网站整体质量的重要因素。

小结

在本论文中，就什么是界面设计，界面设计如何，怎样做一个界面设计师，怎样进行

界面设计四个方面讨论了UI界面设计，着重于如何进行界面设计上结合实际谈了谈我自己

的观点，时间仓促，准备尚不够成熟，尚无力全面地罗列出当前界面设计中主要原则与问题，还需要进一步的在理论和实践双方面努力。