1、软件技术基础课程论文 软件技术基础 课程论文 论用户界面的设计 学院：信息科学与工程学院 专业：计算机技术 班级： 27 班 学号： S16085211026 姓名：苏醒 软件技术基础课程论文 目 录 第 1 章 用户界面概述 . 1 1.1 用户界面定义 1 1.2 用户界面作用 1 第 2 章 用户界面设计 . 3 2.1 用户界面设计原则 3 2.2 扁平化用户界面设计 4 2.2.1 扁平化设计的定义 . 4 2.2.2 扁平化用户界面设计的原则 . 5 第 3 章 总结 . 7 参考文献 . 8 软件技术基础课程论文 摘 要 最佳人机对话方式一直是用户界面设计者追求的目标，近年来，用
2、户界面在计算机及其应用系统中的重要 作用越来越受到人们的关注，“用户第一”也成为系统设计新的出发点。 扁平化设计是 现今 界面设计领域的热点，近年来在网站设计或者移动端的设计方面迅速蔓延。 本文从用户界面设计的定义出发，对用户界面设计的作用原则进行了详细的介绍，并深入的介绍了时下流行的扁平化用户界面设计的原则。 关键字： 用户界面，界面设计，扁平化设计 软件技术基础课程论文 1 第 1 章 用户界面概述 1.1 用户界面定义 用户界面（ User Interface），又称用户接口、人机界面、人机接口等，是人与计算机之间传递、交换信息的接口和媒介，是用户使用计算机系统的综合操作环境。 虽然近年
3、来计算机技术取得了惊人的发展，但计算机仍然是一种工具，是人脑 、手、眼等的扩展，因此它仍然要受到人的支配、控制、操纵和管理。在计算机系统所完成的任务中，有大量是人与系统配合共同完成的。在这种情况下，人与系统需要进行相互间的通信，这就需要借助于用户界面来完成。 在软件系统中，用户界面是系统呈现给用户的部分，也是用户使用软件过程中最直接接触的层面，它主要实现两个基本的任务： 将系统的信息传递给用户； 将用户的操作传递给系统进行处理。 1.2 用户界面作用 用户界面是信息系统中不可缺少的部分其之所以如此重要主要体现在以下几个方面： (1)用户界面是用户与系统之间沟通的桥梁。由 于大多数用户，特别是新
4、手用户本身不了解系统内部的结构和逻辑，而且实质上用户可能也并不关心这些，所以对于大多数用户来说，“用户界面就是系统本身”。因此，用户界面的开发设计，其实质就是对用户需求的实现，将他们的心理模型转化为实际的可视化的交互模型。而用户在操作系统的过程中他们对系统的认知和评价往往都建立在用户界面之上，所以用户界面的易用与否在很大程度上会影响整个系统的可用性。 (2)用户界面是开发设计人员与用户进行沟通，获取用户需求的重要工具。用户的需求往往是不明确的，具有很大的主观性，很难准确地表达出来，尤其是在开 发的初期，用户甚至不清楚自己需要什么、系统能做什么。在这种情况下进行开发是很困难的，容易导致失败。而用
5、户界面原型是最直接、最简单地将系统的概貌展现给用户的方法。通过在软件开发过程中为用户提供界面原型，可以将抽象的设计概念可视化，让用户对他所使用的系统有一个非常感性、非常直观的认识，在使用界面原型的过程中逐步明确用户的需求，以便进一步的改进设计。 (3)用户界面开发是软件开发当中重要的一个环节。在实际的开发设计过程中，用户界面的开发设计占有很大的比重，大约有 50%的代码是与图形用户界面软件技术基础课程论文 2 有关的，它的开发工作量占到整个 系统的 40% 60%，因此可以说用户界面的设计是软件开发的基础之一。只有在用户界面取得用户的认可之后，再进行软件编码等工作这样才能开发出用户满意的软件。
6、 软件技术基础课程论文 3 第 2 章 用户界面设计 2.1 用户界面设计原则 为了设计出更加人性化，更符合用户心理的界面，设计研究人员提出了许多用户界面这几的原则，在所有的这些原则中最主要的三个原则为：置界面于用户的控制之下，减少用户的记忆负担，保持界面的一致性。下面从这三个方面对用户界面设计进行详细的介绍。 (1)置界面于用户的控制之下 用户在使用工具时喜欢有运用自如的感觉，软件系统 也不例外。用户不喜欢被系统控制，由系统决定他们做什么、该怎么做。因此，在设计用户界面的过程中应当明确用户是所有处理的中心，由用户来控制如何工作、如何响应，而不是由开发人员按自己的意愿把工作流程强加给用户。一个
7、友好的用户界面设计应当会随时告诉用户系统正在干什么或者用户正处于什么“状态”。它应该具有较强的交互作用性能，对用户的操作积极做出响应，而不应该让用户去想所发生的事情。 同时，用户所执行的操作应当是可逆的或可更改的，因为用户学习使用系统的过程是一个试错的过程，而这些错误可能会造成很大的破坏性。所以系统需要为用户提供一些简单的途径离开不必要的“状态”，例如撤销等功能。 (2)减少用户的记忆负担 人脑不同于电脑，计算机具有很强的记忆和储存信息的能力，而人类大脑处理信息的能力有限，记忆能力也是有限的，所以对于用户来说，浏览信息要比记忆信息容易得多，这也是为什么用户更愿意使用图形用户界面，而非命令行的原
8、因之一。他们更善于识别信息，而不是回忆信息。 而在用户界面的设计过程中，这一原则往往被忽略，从而导致系统的易用性水平不高，主要包括的问题有： 系统的使用过于复杂，用户不得不记忆复杂的命令或操作过程； 界面提供的信息不及时或不完全； 界面元素或过程难以理解，或误导用户； 用户界面的信息层次过多。 因此，在用户界面设计中需要注意，应当使界面的元素、流程都清晰可见，明确易懂。菜单就是一个例子，它把所有可能的命令系统地显示给用户，避免了用户记忆复杂命令带来的不便。 软件技术基础课程论文 4 (3)保持界面的一致性 一致性是任何一个友好的用户界面所具备的特点，在用户界面设计中应当保持界面的一致性。一致性
9、包括两个方面，内部一致性和外部一致性。内部一致性指的是系统的各部分之间要保持一致，而外部一致性是指系统与其他系统、传统的使用习惯及标准保持 一致。 在系统内，同样的信息应该使用一致的用词、外观和布局。这可以帮助用户很快地学习、记忆和熟悉系统的功能、界面的操作，而不一致的界面会导致用户感到困惑，增加系统学习所需的时间。 外部的一致性则可以借助用户已有的知识和习惯来帮助用户学习和使用一个新的系统，系统的设计应当符合相关的标准和一些约定俗成的习惯。用户界面设计中存在的不一致的现象主要包括有： 界面元素的外观、布局不一致； 界面元素的命名不一致； 系统反馈信息的格式不一致； 界面操作过程不一致； 表达
10、含义不一致； 设计标准与通用标准、使用习 惯不一致。 不一致有时可能会导致很严重的错误，因此在用户界面设计过程中要尽量避免此类错误，保持用户界面的一致性。 2.2 扁平化用户界面设计 2.2.1 扁平化设计的定义 “长久以来，网站的界面风格似乎都在遵从着同一种设计美学，大家都在用斜面、渐变、阴影一类的效果来突出界面元素的质感。对于设计师们来说，制作这类可爱的元素简直变成了行规甚至是荣誉。不过对于我们，以及为数不多的其他一些设计师来说，这种惯用的方式并非一定正确。” 现在，越来越多的软件界面设计趋于扁平化，不管是系统软件，比如Windows、 Mac OS、 iOS、 Android，还是应用软
11、件，比如 QQ、微信等，都是扁平化的界面设计。 扁平化的概念最核心的地方就是：去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出 3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。 软件技术基础课程论文 5 2.2.2 扁平化用户界面设计的原则 扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。扁平化在移动系统上不仅界面美观、简洁，而且达到降低功 耗，延长待机时间和提高运算速度。 那么用户界面的扁平化设计应遵循哪些原则呢，下面介绍扁平化设计的五大原
12、则。 (1)拒绝特效 顾名思义，扁平化设计仅仅采用二维元素。所有元素都不加修饰 阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮，再到导航栏都干脆有力，需要极力避免羽化、阴影这样的特效。现实主义、 3D、拟物化更是扁平化设计的大敌。 扁平化设计中的层次和其它的一一对应，但各个位面间没有交叉，不会明确区分背景图片、前景图片、按钮、文本、导航，等等。 (2)仅使用简单的元素 扁平设计中使 用到很多简单的 UI元素，比如按钮和图标。设计师更常用矩形、圆形、方形等简单的形状。元素独立。正角、直角、圆弧都非常常见。 UI元素应该在保持高可用性的前提下尽可能的简单，保证应用或网站
13、直观、易用，无需引导。为了同时达到简单但直观的效果，可以为按钮填充深色，以鼓励用户点击。 但是， 简单的元素并不意味着设计起来很简单，恰恰相反，扁平化设计理念的复杂度可以与任何其他设计风格相提并论。 (3)注重排版 因为扁平化设计要求元素更简单，排版的重要性就更为突出了。字体的大小应该匹配整体设计，高度美化的字体会与极简设计原则 相冲突。字形上可以应该使用粗体，文案要求精简、干练，最终保证产品在视觉上和措辞上的一致性。 字体选择上可以使用简单的无衬线字体，通过字体大小和比重来区分元素。同时你也可以使用新奇的字体作为点缀，但一定要记得不能过火。 排版的目的在于帮助用户理解设计。标签按钮等其它元素
14、更注重增强易用性和交互性。 (4)关注色彩 色彩的使用对于扁平化设计来说非常重要。扁平化设计的网站、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有更多的色调。一般的网站很少会使用 3种以上的色调，但是在扁平化设计中，平均会使用 6-8种颜 色。 软件技术基础课程论文 6 扁平化设计的色调偏通常更有活力 色彩更纯。其主要、次要颜色通常都是非常大众化的颜色，然后再配以几种其它颜色。扁平化设计的另一个趋势在于复古颜色的使用 浅澄色、紫色、绿色、蓝色 都极为流行。 (5)极简主义 扁平化设计生而简单，整体上趋近极简主义设计理念。设计中应该驱除任何无关元素，尽可能地仅使用简单的颜色与文本。如果
15、一定需要视觉元素，可以添加简单的图形。 软件技术基础课程论文 7 第 3 章 总结 本文从用户界面设计的定义出发，依次介绍了用户界面设计的作用，用户界面设计的原则，并从时下流行的扁平化设计出发，介绍了扁平 化用户界面设计的概念及其原则。 在本篇论文的撰写过程中，通过查阅资料，了解了用户界面设计的原则及扁平化设计的原则，在今后的工程中，会结合实际的要求积极运用这些原则，使用户满意的同时，不断提高自己的能力。 对于理工科的学生来说，保证界面设计的美观性并不是我们的专长，但是应该遵循用户界面设计的基本原则，即 置界面于用户的控制之下，减少用户的记忆负担，保持界面的一致性。在此基础上，尽可能的设计出美观的、整洁的、使用户身心愉悦的界面。同时，应该时刻关注用户界面设计的最新动向，使自己始终保持在潮流的最前列。 软件技术基础课程论文 8 参考文献 1刘晓诗 .精于心，简于形 论用户界面设计的扁平化 .中国美术学院 ,2015. 2曾令敏 .用户界面的设计与可用性研究 .东华大学 ,2007. 3赵红艳 .浅谈用户界面的设计 .信息技术与信息化 ,2007(6):80-81. 4赵忠雷，覃征 .用户界面设计中任务建模与方法研究 .计算机应用研究 ,2006.
