软件界面设计本科毕业设计(论文)

2024年3月7日发(作者：六年一班)

软件界面设计本科毕业设计(论文)

第一章绪论

1.1 课题的研究背景和意义

用户来看一个软件首先是通过界面的，通过界面来感知软件的好坏，界面关乎着一个软件的形象。软件界面设计是产品开发中最重要的方面。界面设计师必须要牢记：界面是面向用户的。开发者开发的软件必须满足用户的需求，并且保证软件易于使用。

重视用户界面设计有重要的意义。用户界面设计得越直观，越易用，越美观，用户就使用得越方便，越舒服，培训用户、维护系统的成本就越低。客户支持成本降低了，系统就会更便宜，同时，也将获得更多的用户好感和订单，企业的效益就会更好。

1.2 软件界面设计的现状和基本对策

尽管软件行业有许多技术出色的软件工程师，但多数工程师开发出来的软件既不好用又不美观。客户对软件界面非常的不满意，经常要修改软件界面，导致极大的生产力浪费。用户满意的好界面都是软件企业想要做的，但是他们却不知道怎么做。

软件界面设计一直以来都是中国软件行业的弱项，这里存在两方面行业共性问题：一是缺乏系统性的软件界面设计

方法和相关的教育；这也导致了第二个问题“缺乏优秀的界面设计师和熟练的界面程序员”。

千万不要认为软件开发就是编程，仅懂编程的人，绝不可能做出好的软件系统。要成为优秀的软件人才，仅学会编程语言是远不够的。

系统性的科学技术教育是国内理工科大学的计算机和软件专业偏向的重点。基础课程有物理、数学、电学等，专业课程有数据库、网络管理、编程语言等等。而且每门课程都有很好的教材，有的是国外外文的，而且有很好的老师。所以国内理工科大学要培养出大量技术功底扎实的软硬件研发人才并不难。

相比照之下，软件界面设计专业的教育就差得远了。既缺乏好的教材，又缺乏优秀的教师。

因为计算机软件专业学生接受的教育几乎都是科学技术理论知识，他们对于设计出易用美观的用户界面感到很茫然，许多人甚至不知道还有界面设计这回事。

我们把软件界面开发分为三个环节：交互设计、视觉设计和程序实现。企业希望界面设计师负责“交互设计和视觉设计”，由熟练的程序员实现这个界面，这个要求其实并不高，但现实情况却不理想。

不少软件企业不但有程序员，还有美工人员，但遗憾的是这两类人不会配合着工作。

大多数人都认为界面设计是美工人员的事情，否则公司招聘美工人员有什么用？编程实现是在美工人员完成界面设计后进行，由程序员负责的，至于界面设计好不好程序员不去管。

美工人员大多是美术相关类专业毕业，他们的优点是擅长于视觉设计，缺点是：不知道待开发软件系统的业务逻辑，不了解用户的特征，难以开展交互设计；不懂得软件技术，他们不了解自己做出来的界面在技术实现方面的难易程度。

千万不要低估界面实现的难度，界面不是想做就能做得出的。有些Web软件界面控件，不仅要功能好、性能好，还要易用，可以说技术难度非常高，这不是一般程序员能做得好的。

可见美工人员并不属于理想的软件界面设计师。就目前情形来看，既能做好交互设计又能做好视觉设计的界面设计师还是比较少见的，能够在做好交互设计、视觉设计的基础上再做好程序实现的人更加罕见。

我作为一名学生，肯定不可能去改变中国的教育方法和体系，能做的只有总结一些软件界面设计的规范来供读者（开发人员）参考。

第二章软件界面设计应遵循的原则

本论文总结了软件界面设计应遵循的原则：以目标用户为中心，容易被理解，反馈操作信息，排错性考虑，最少步

骤（最高操作效率），合理的布局，色彩的选择与组合。读者（开发者）理解这些设计原则的含义后，要结合准备的开发软件的基本特征，进一步融会和细研究，从而确定开发软件的界面设计原则。

2.1 以用户为中心

以用户为中心，这是第一重要的界面设计原则，关系着软件的好坏。不以目标用户为中心开发出来的界面，用户不会购买，即使买了也不会去用，即使界面美观也没用。

有些通用的软件系统如操作系统、文字处理软件等，面向的用户十分地广泛。可是由于用户群体之间生活的环境不同，从而会存在年龄、性别、语言、教育程度的差异，进而导致使用习惯也有很大差异。在设计软件界面之前，各类用户群体的使用习惯是我们需要迫切了解的，努力使用户在操作软件界面的时侯感觉不到麻烦，一般要为了适应各种类型的用户提供多种操作途径。

举例来说，Windows系统的文件管理器，对于一个初学电脑的人来说，他愿意使用鼠标、菜单一步一步慢慢地操作；但是对于熟练使用电脑的人而言，快捷键也许是他更愿意用的。

不要试图让一款产品在差异很大的用户群体中得到适用，要把广泛的用户划分为多个用户群体，根据自己所在企业的实力，选择一个分市场来开发产品。一款产品最好是只

面向一个用户群体，这样容易设计而且质量也可靠。

2.2 容易被理解

在用户使用界面前，一定要确保理解界面的意图。以下措施可以提高用户界面的可理解性：

1.用户界面中的所有元素都不能有错误文字，也不能出现让人费解的文字。

2.图标一定要直观明了，最好让用户看到这个图标就能知道这是什么含义。假如图标比较抽象，则应给图标加上文字说明，不让用户误解。

3.所有的界面元素应当给予有必要的提示。

4.界面结构要能够清晰地反映软件工作流程，这样用户就能有条不紊地操作。

5.没有先后逻辑关系的选择项，如姓名、标题等，可以按照字母排序，便于用户选择。但是不要把功能菜单、有严格逻辑关系的状态集按照字母顺序排列。

2.3 排错行考虑

用户在使用软件时，一些错误是时有发生的，当然也有一些是用户人为造成的，那么有什么方法来降低出错几率呢。

1.排错应该遵循的细则。

2.非正常中止的错误是最重要的，也最应该排除。

3.应当尽可能防止用户无意输入无效的数据。

4.采用一些控件限制用户输入数据的类型。

5.如果可能作出的选择只有两个，可以采用单选框来减少用户输入的麻烦。

6.当选择再多一些时，可以采用复选框。

7.当选项很多时，可以采用列表框。

8.在一个应用系统中，应当避免未经授权的操作，然后没有意义的操作也要避免。

9.对于某些输入字符，可能会引起严重错误甚至会让系统出错，应该要加以限制或屏蔽。

10.对于特殊符号，输入会与系统使用的符号产生冲突，该字符应该被阻止输入的。

11.当用户产生错误的操作时，软件最好能够提供取消系列操作。

12.对有些等待时间可能较长的操作软件最好能够提供取消功能。

13.与系统正在使用的保留字符可能会产生冲突的一定要加以限制。

14.在用户已输入的信息被系统读入时，可以根据需要选择来判断要不要去掉前后空格。

2.4 最少操作步骤

在设计用户界面的过程中，软件设计师应当尽可能多地为用户着想，让用户用

最少的操作步骤完成某项任务，保证使用效率达到最高，

最大程度地让用户满意。

尽管减少一个操作步骤所节约下来的时间很短，似乎可以忽略不计，但是让用户感觉起来，反差却很强烈。而且如果每个环节都能节约一点，整个工程下来，节约的时间就很长了，所谓聚少成多。

界面设计师一定要在深入地分析熟悉软件的业务流程和用户使用习惯的基础上，才能设计出最少的操作步骤，使效率最大化。

2.5 合理的布局

首先，一定的逻辑性要在界面的总体布局中体现出来，总体布局最好能够与工作流程吻合。界面设计人员要在全面地了解软件需求的前提下，才能找到对界面布局有一定帮助的信息。

其次，对于窗口上的界面元素的布局有整齐清爽的要求。界面元素要在水平方向对齐，或者在垂直方向上使界面元素对齐，还要保证一样的行、列间距。要保证合适的窗体尺寸，界面元素不要放得太拥挤，在边界的地方要留有一定的空间，但是也不能太宽松，那样会显得零乱。界面元素要保证一致对齐，以避免产生不齐整的视觉效果。同类型界面元素要尽量在大小上保持一致，最起码在高度或宽度上一定要保证一样。与逻辑有关系的元素应就近放置，这样用户方便操作一些。另外要善于利用窗体的空白，还有分割用的线条。

2.6 一致性

界面一致性的体现包含了诸多方面，其中最需要注意的是一下几点：

1.界面设计与企业营销的策略风格一致。

2.与不同产品操作界面的使用方法一致。

3.与同一产品不同版本的界面保持一致。

4.与用户的预期一起。

5.与页面元素一致。

6.产品在隐喻上的设计一致。

每件产品的用户族群都相当广泛，要与所有用户预期一致其实是很困难的。但至少在评估这个话题时，可以首先界定目标用户群，分析用户需求，随之有效地探

究界面一致性如何与用户预期吻合。

2.7 色彩的选择与组合

在界面设计中，色彩的色调和组合关系会短时间起到“凝聚”用户视觉的作用，同时也会使用户产生心理的变化。

2.7.1 色彩的联想

虽然色彩的联想作用在心理学范畴内，但是它的适用性却体现在了艺术设计中。若不能够预测人是如何感知色彩的、如何发生作用的，也就不可能有效地应用色彩。

色彩的象征意义和心理暗示从人类的高级情感来分析，具体如下：

1.红色

红色是一种令人激奋的色彩。它能使人产生冲动、愤怒、热情、活力的感觉。这种色彩在女性和男性之间、衰老和年轻之间、内向和外向之间、意志薄弱和坚强之间，均倾向于后者。

红色最能引起人的视觉注意，因此，红色常被作为心理上的警示。在逐渐变暗时，红色变得深沉而庄重；反之则变得有激情而欢快。在色环上，当红色变向紫色时，红色就逐渐由兴奋变为安静，变得浪漫、豪华、严肃、富裕、强大和优雅。当红色在色环上偏近黄色时，红色就变得更加具有爆发力、煽动力和暴力倾向。

2.黄色

黄色能体现出快乐、希望和轻快的个性，它的明度是最高的，是一种自我膨胀和寻求幸运的颜色。

黄色还具有警示作用。可能是对于马峰或黄蜂身上的黄黑条纹的恐惧联想，一般能马上注意到这种颜色搭配所暗示的危险的存在，这就是在现实生活中一些危险的地方，如变压器、停车位、放射性工作间等处，常能看见黄黑色设计的条纹和图表的原因。

3.蓝色

蓝色具有凉爽、清新、专业的个性。在视觉上往往给人一种被动、静谧、深邃、潮湿、谨慎、忧郁、科技和理智的

感觉。他颇受成年人的喜爱，因为它表现得更加理智、更加成熟。蓝色越深，就越显得深邃、遥远；反之，便会引起人梦幻、童话、

清凉的感受。

4.绿色

绿色具有黄色和蓝色的某些特征，使人联想到和睦、宁静、健康、坚定。在色环上绿色偏近黄色时，就变得温暖、活泼、健康而无危害。它加进一点白色，就可以产生一种女性的优雅和轻盈的感觉。当在色环上偏近蓝色时，绿色就变得更加坚定、顽强和持久，这种颜色很能吸引那些能抵挡得住各种诱惑、有信念、办事稳妥并具有强烈自尊心的人。

绿色已得到了广泛的运用，它已被人们理解为安全、正常和成功的象征。在街道上，绿色的灯表示可以安全通过。绿色的区域是安全的，绿色的逃生标志引导人们在紧急情况下的逃生路线；绿色的图标提示意味着一切正常等。

5.橙色

橙色也像绿色一样具有其他两种颜色的特征。橙色是一种激奋的色彩，具有轻快、欢欣、开放、温馨、时尚、有活力、无拘束和感情洋溢的感觉。据研究，在橙色的氛围里时人的活动没有任何拘束，因此橙色在很大程度上代表了温暖和真挚的感情。

6.紫色

紫色令人联想到昏暗、深刻、高贵、奢华、阴暗、悲哀、不可靠。紫色越深，严格和呆板的效果就反映得越明显；反之，明亮的紫色会比较容易显得没有主见、脆弱、易受刺激、温柔、寂寞。

值得注意的是，紫色特有的暧昧性、神秘性、不确定，在一些知识分子和社会文明程度较高的、想把处事和感情理性化的人群中受到普片的排斥。

7.白色

白色具有纯洁、完美、纯真、不可触及、不可接近、神圣的、空洞的、无限的感受。白色常给人以光的联想，现在很多界面设计中具有透明质感的反光设计，实际上都是因为考虑到白色的特性。它可以让画面有一种透气感，使得界面不但有清新明亮的感觉，而且没有压迫感，也没有沉闷感。

8.黑色

黑色具有深沉、神秘、寂静、压抑、高贵、消极、邪恶、坚定的感觉。任何颜色和它放置在一起都会显得醒目而又有活力。

9.灰色

灰色具有中庸、平凡、温和、中立、单调、矛盾、厌世、高雅的感觉。灰色越深，就越给人一种安定、沉稳、和谐的心理暗示。它本身是一种缺乏活力的颜色，在视觉上具有次要地位。综合灰色的特性，很多软件的界面设计都将不可执

行的命令设计为灰色。

有些色彩给人的感觉是两极的，比如黑色有时给人沉默、空虚的感觉，但有时也感觉庄严、肃穆。白色有时让人感觉到恐惧和悲哀，但有时却给人以无限的希望。每种色彩在纯度透明上略微变化，就会使人产生不同的感觉。

2.7.2 色彩的心里感受

色彩本是不带任何任何含义的，只是人的心里感觉把它们分成了不同的类别。例如，在夏天挂上深绿色窗帘，不见一丝阳光，就会在心理上感到非常凉快。这并不是现实中的温度产生了某些变化，而是因为色彩影响到了人的内心。数字媒体界面的色彩是用户使用界面过程中引导用户行为和影响用户心里的重要因素。

1.冷暖

暖色能使人感受到温暖，而冷色则使人感到寒冷。给人热情、刺激、前进、喜庆等感觉的是暖色；给人寒冷、收缩、后退等感觉的是冷色。在运用中常会见到色彩的冷暖对比，所以它非常重要。

2.轻重

中性色有黑色和白色，但它们不容易分别出冷暖，轻重之分却很明显，给人厚重感觉的是黑色，给人轻快感觉的是白色。一般来说，重色彩明度不强，轻色彩明度强。

3.软硬

色彩的软硬感主要由明度和纯度来衡量，一般来说有软感得色彩明度高、纯度低；有硬感的色彩明度低、纯度低。

4.进退

色彩的进退感是色彩对比中“显”和“隐”现象使人产生距离上差异造成的。使人感到近的有红、黄、橙等暖色，使人感到远的有蓝、青、紫等冷色；让人感到远的那些是明度低和纯度低的色彩，让人感到近的是那些明度高和纯度高的色彩。

5.强弱

与色彩的强弱感相关的有色相、纯度,还有配色对比。在色相中，最强感的是红色；有强感的色纯度高，而且对比度大；有弱感的色纯度低，而且对比度小。在无彩色系中，最具强感的是黑色，最具弱感的是白色。

6.膨胀收缩

暖色有膨大感，明度高；冷色有收缩感，明度低。在无彩色系中，有收缩感得是黑色，有膨大感的是白色。

7.明快忧郁

色彩的明快忧郁感与明度、纯度、色相、配色对比均有关系。暖色、鲜艳色有明快感，明度高，纯度高；冷色、阴晦色有忧郁感，明度低，纯度低。有明快感的配色对比大，有忧郁感的配色对比小。

8.兴奋沉静

给人以兴奋感的有暖色和明度高的色以及纯度高的色；给人以沉静感的有冷色和明度以及纯度低的色。有明快感的配色对比大，有忧郁感的配色对比小。

9.华丽朴素

给人以华丽感的色彩鲜艳、明度高；具有朴素感的色彩晦涩、深谙。有华丽感的色彩配色对比大、有色彩系；有沉静感的色彩配色对比小；有朴素感的色彩无彩色系。

2.7.3 色彩组合

色彩组合原理基本上是从色彩的鲜明性、色彩的独特性、色彩的合适性、色彩的联想性4个方面来考虑的。而色彩组合的总体原则也是界面设计的主要原则，即一致性。

为达到色彩对界面的易用和舒适的心里影响这一目的，在对色彩进行组合的过程中，有以下几种方法可以采用借鉴：

1.用一种色彩。界面的色彩变化均基于该颜色进行透明度或饱和度的调节。

2.用两种颜色。先选定一种颜色，然后选择其对比色，当然，这中间应考虑色饱和度的对比关系。

3.用一个色系里的颜色进行组合。

4.用黑色和一种彩色搭配。

针对界面设计，需要注意的是以下几点：

1.一个页面不要将所有颜色都用到，尽量控制在3中颜色以内。

2.背景和前文的对比差异尽量要大，花纹繁复的图案绝对不能用来作为背景，以免影响那些主要文字信息的读取。

3.避免不兼容得颜色大面积地放置在一起，如高饱和度的黄与蓝、红与绿等。

普遍的理论还有：一致的色彩被用来构建整个色彩环境，冲突的色彩被用来显示变化和提示，柔和的色彩用来增强用户的舒适度和减少疲劳，跳跃的色彩用来彰显个性，合适的对比度用来增强文字或图形的可读性等。

2.7.4 色彩分析实例（音乐播放软件千千静听）

从外观上上看，千千静听有多重配色方案。高贵的黑色，淡雅的蔚蓝色，幽深的紫色，高贵的红色和银色，使每一个用户都能从中找到适合自己的、自己喜欢的外观。

紫色与黑色整体颜色的搭配，看起来非常的典雅。中间又镶嵌点点蓝色，使得整个界面看起来富于变化,如图2.1。

图2.1 紫色与黑色搭配

橘黄色和黑色的搭配，很具有跳跃性，很活泼，如图2.2.

图2.2 橘黄色和黑色搭配

浅蓝和深蓝的搭配，清新自然，如图2.3。

图2.3 浅蓝和深蓝搭配