ui设计论文十篇

ui设计论文篇1

关键词网页设计；UI界面设计；教学分析

随着现代网络技术不断发展，社会上对网页设计人才也有着越来越大的需求，因此在高校教育过程中加强网页设计课程教学，对网页设计专业人才进行培养具有十分重要的作用及意义。就当前网页设计课程教学实际情况而言，UI界面设计教学已经成为十分重要的一项内容，可在很大程度上提高学生设计能力，促进网页设计教学进一步发展。作为网页设计课程教师，应当充分认识UI界面设计教学的重要性，并且要通过有效方法及策略加强UI界面设计教学，使其得到理想效果。

1网页设计课程中UI界面设计教学的重要性分析

首先，UI设计教学使网页设计实践中视觉传达设计理论的不适性得以有效解决。对于传统视觉设计理论而言，其研究对象主要为静止媒介中相关视觉现象及规律，其代表主要就是形式、色彩以及图形与文字等一些基础理论课程，其视觉对象大部分都属于二维空间，其基础为视觉感官刺激，是一种信息传递设计。相比于传统视觉传达设计而言，网页设计的承载媒介与其存在本质差异，与静止媒介相比较而言，网络媒介在形式上具备光影效果强化，同时还具备运动现象参与以及交互行为主导，在网页设计过程中以静止形态为基础的版式和视觉流程原理两者之间有严重不适情况出现，网页设计涉及到听觉、视觉及触觉等多种感觉渠道，因此在网页设计实践过程中单独利用传统视觉设计理论很难对其进行指导，而UI设计理念的应用能够使这一情况得以很好解决。其次，UI设计教学使网页设计方法及设计效果具有更加明确的验证方式。对于设计类课程而言，其核心内容就是通过对学生进行启发，使其对设计进行思考及实践，这样才能够使设计教育产生更加实际的价值。在UI设计理论体系中，其核心目标为用户，也就是对用户进行研究，从而对设计更好服务于用户进行研究，在学生将网站项目作为互联网产品实行设计训练情况下，课堂教学中的各个方面均将会更加明确，并且在实行设计实践过程中，也就能够在情感上对所选择设计方法合理性更加容易理解。在UI设计过程中提出信息架构有关理论，这一理论使网站信息结构设计具有更加可靠方法，并且在设计网站导航系统、标识系统以及检索系统与组织系统过程中，可使设计人员责任及实施方法更加明晰。另外，在UI设计中引入用户测试，在检验网页设计方案使用方面具有更加系统的方法，根据具有较强代表性的客户对方案的最终可行性设计进行测试，也就是对其最终目标进行测试。第三，UI设计教学能够使网页设计课程更好应用于网页设计教学。对于UI设计理论教学而言，其对网页技术课程和网页技术课程两者之间界定进行明确，可使设计人员对设计更加专注地进行思考及实践，而不必对程序进行考虑，同时随着当前网页制作工具逐渐向集成化及人性化发展，在面对设计对象中，通过复杂功能可使设计过程更加简单化。在课堂实际教学过程中，应当使学生对当前网页制作技术能够达到的效果有所了解，并且要了解一些基础操作代码，这在实际教学过程中对不同层次学生分配不同任务十分有利，可使因材施教得以真正实现，并且对于课程中的主要任务，可将其定位于教学设计方法，可对设计任务的驱动性及设计实践参与进一步强调，可使学生了解设计并非仅仅为简单制作。①②

2当前网页设计课程中UI设计教学现状分析

就当前实际情况而言，UI设计课程仍属于前沿学科，由于当前UI设计专业就业形势比较良好，很多高校均开设UI设计专业课程，从而使UI设计课程教学得到良好发展。然而，当前我国UI设计产业仍不够完善，当前很多人对UI设计认识仍处于较浅层次，因而当前高校内UI设计教学仍缺乏完善系统，其具体体现主要表现在以下方面：第一，UI设计课程与网页设计课程结合程度比较低。对于UI设计课程而言，其中包含很多网页设计方面的相关知识点，然而很多高校在对UI设计课程进行设计时与其它课程之间出现脱节情况，其所导致结果就是学生无法对该课程知识较好地进行系统性学习。第二，UI设计课程设置缺乏实践性。对于UI设计课程而言，其实践性比较强，然而当前很多院校在实际教学过程中往往存在定位不清楚情况，其所造成结果及时学生未能够对相关专业知识进行较系统学习，导致其在今后社会就业过程中缺乏应有技能。第三，教师素质比较低。在UI设计教学过程中，教师素质会对其产生直接影响，然而在当前高校UI设计教学过程中，很多教师都缺乏专业素质，学历比较低，并且实践能力比较差，未能够较好把握课程教学，导致实际教学效果不理想。②③

3网页设计教学过程中UI设计教学的有效策略分析

3.1进一步完善课程教学大纲

在当前网页设计教学过程中，UI设计课程教学已经成为必须内容，其与其它课程之间具有十分密切的联系，所以在设置课程方面应当对课程教学大纲进一步进行完善。首先，应当对当前教学目标明确。对于UI界面设计课程教学目标而言，一方面是要求学生将各种相关网页设计实践操作方法掌握，并且对各种网页设计规范及标准熟知；另一方面而言，就是要使学生将网页设计相关流程掌握，对于用户设计理念应当准确领悟，并且应当对相关流程熟知。其次，对课时行合理分配。由于UI设计课程内容具有较强连贯性，该课程开始应当安排在二年级或者三年级开设，从而使学生能够将必要基础知识掌握，之所以对课时进行这样的设计，主要目的就是使学生先对相关系统理论知识进行一年时间学习，使其能够将相关基础理论知识掌握，在此基础上对该课程进行深入进一步学习。另外，还能够为学生今后就业划分提供能力进行学习，可使学生依据今后就业岗位对相关学习能力进行锻炼。第三，对设置课程原则明确。在对课程进行具体设置过程中，应当注意遵循相关原则，主要包括人性化原则、反馈原则以及灵活性原则，此外还包括安全性原则与易用性原则。

3.2明确培养人才方案

人才培养方案能够对教学活动进行指导，同时也是教学活动得以开展的依据，人才培养方案对具体教学内容及具体课程设置结构进行规定，在制定人才培养方面为不断进行变化的，人才培养的制定应当以深入社会调研为基础，同时应当与学生实际特点相结合。通过调查UI设计专业人员实际就业情况及社会对学生能力要求，其结果显示当前学生就业能力，尤其学生实践能力仍有一定缺陷。因此，在当前实际教学过程中应当对人才培养方案进行积极探讨，从而将明确人才培养方案制定出来，以便能够对人才培养方向进行合理定位。对于UI设计课程而言，其是以地区产业升级需求为基础，为社会培养实用型高素质人才的一门课程，所以其课程定位应当为确定一体化项目课程。所以，通过进行课程学习，所培养的学生应当具备的技能主要包括以下方面：其一，应当具备牢固理论基础。对于UI界面设计而言，其理论性比较强，若缺乏牢固理论基础，则在今后结业过程中学生也就无法对相关知识点进行熟练运用，所以学生对该课程进行学习的前提就是应当将相关理论知识掌握。其二，应当具备较强的实践操作能力。学生在毕业之后都是要直接进入就业岗位的，所以学生必须要具备较强就业实践能力。其三，应当具备较高综合素质。随着当前社会就业压力越来越大，人才竞争也越来越激烈，学生为能够使自身竞争力得以有效提高，必须要具备良好人文素质及职业道德，同时还应当具备较高的思想政治素质。

3.3积极创新课堂教学手段

首先，应当积极丰富课堂教学方法，进一步激发学生学习热情。传统灌输式教学模式会对学生学习热情及创新思维产生抑制，所以，教师应当改变传统单一教学方法。在实际教学过程中，教师可选择多种方法相结合的教学方式，可使学生通过课堂融入社会，然后再回归课堂，并且可在课堂对自身所设计优秀作品进行展示，使学生在多样化训练过程中能够积极参与。其次，在课堂教学过程中可引入设计竞赛，从而使学生社会实践能力得以增强。在提高学生实践能力方面，设计竞赛属于十分重要的一种途径，所以在UI设计教学过程中可适当引入设计竞赛内容，从而使理论性及实践性实现有效结合，进而有效提高学生学习积极性。第三，可开展作品展示，加强学生之间学习交流。在实际课堂教学过程中，教师可选择课堂展览方式，可邀请同一专业学生共同进行欣赏，使学生能够在参观展览过程中加强交流讨论，从而使学生综合素养能够得以有效提高，促进学生进一步发展。③④

4结语

在当前多媒体网页设计实际教学过程中，UI设计教学是十分重要的一项内容，对网页设计教学进一步发展具有很大促进作用。因此，在实际教学过程中，教师应当充分认识UI设计教学重要性，并且应用了解当前教学现状，从而通过进一步完善课程教学大纲，明确培养人才方案，积极创新课堂教学手段等方式加强UI设计教学，从而使实际教学效果得以提升。

注释

①张军.网页设计课程中关于UI设计教学的探索体会[J].湖北美术学院学报,2009(4).

②张延玲,喻芸.网页设计课程中融入UI设计理念的教学探索[J].电脑知识与技术,2015(34).

③熊科军,黄琴,李平平.浅议网页设计课程中UI设计教学的重要性[J].大众文艺,2015(5).

ui设计论文篇2

Abstract: The integrated individual soldier combat system(IISCS) is a brand new weapon system. The research on its evaluation techniques is of great significance. The article has the point that the similarity measure theory applies to the comprehensive performance evaluation of the IISCS, and estimates the comprehensive performance evaluation of the IISCS with this method. It provides the quantifying method of the index factor according to its character, and establishes the comprehensive performance evaluation model based on AHP(analytic hierarchy process) and similarity measure theory.

关键词：单兵综合装备；综合性能；相似度量；层次分析法

Key words: integrated individual soldier combat system；comprehensive performance；similarity measure theory；analytic hierarchy process

中图分类号：E9文献标识码：A文章编号：1006-4311（2010）32-0152-02

0引言

单兵综合装备是近年来各军事强国竞相研制的士兵系统，它以士兵为作战平台，集火力、火控、防护、通信、指挥与控制等功能于一体。该系统通常由火力与火控子系统、多能头盔子系统、通信/计算子系统、软件子系统、防护装备子系统等部分组成。系统在实现单兵的火力、火控、防护等方面相较一般的单兵装备有质的飞跃。长期以来，我们在轻武器装备建设中还没有形成有效的评价机制，尤其是在装备的论证阶段，所提出的各项指标与外军同类装备相比究竟处于何种水平，在不同的研制方案中，如何区分各个方案的优劣，难以给出科学的定量评估结果，因此，改革和完善武器装备评价技术和方法显得越发重要[1]。

1综合性能评价的步骤及方法[2]

武器系统综合性能评估的过程是根据工作需要阐明任务，在充分考虑现实性和可能性的基础上，选择指标并建立指标体系。建立评估模型，搜集数据，对指标量化后运用模型求得结果。其核心是指标的选择和量化。因此，评价的关键性步骤包括以下 3 步。

1.1 综合性能指标的选择选择指标时，一般应符合以下要求: 一是对武器系统的单项性能参数相当敏感；二是物理意义比较明显可利用模型直接求解； 三是可用试验方法加以评估； 四是与研究的目的相对应；五是指标的选择要全面，宁多勿缺。同时，在确定评价指标体系时应遵循系统性、简明性、层次性、客观性、可测性、完备性、独立性和一致性原则。

1.2 综合性能指标的量化综合性能指标的量化是通过科学化、合理化的技术手段将指标转化为可计算和可比较的数值量，它包括指标的定值和指标权重的确定。

1.3 指标的合成就是通过各种指标值综合计算出武器系统的综合性能，计算结果往往是一个数值的形式，以利于不同武器系统之间的比较。对于单兵综合装备来说，由于使用条件比较复杂，战术运用比较灵活，不易区分它的任务剖面来划定它不同的工作状态。因此本文采用层次分析与相似度量分析相结合的方法来评价单兵综合装备的综合性能。

2Vague集理论

Vague集理论是是模糊集的一种推广形式，Vague集的特点是同时考虑隶属与非隶属两方面的信息，这使得Vague集在处理不确定信息时比传统的模糊集有更强的表示能力，且更灵活。在 Vague集中，给每个对象同样分派一个隶属度，不同的是该隶属度是 [0，1]的一个子区间，这个子区间既给出了支持u∈U的证据，同时也给出了反对u?埸U的证据。

与模糊集相比较，Vague集能够更好和更准确的表达模糊信息。我们正是利用 Vague集的这一优势，对综合装备综合性能评价的诸多不确定因素进行分析和归纳[3]。

2.1 基本概念设论域U={u1，u2，u3，…，un}，U上一 Vague集是由真隶属度函数tA和假隶属度函数fA所描述。

tA：u∈[0，1]，fA：u∈[0，1]

式中tA（ui）是由支持ui的证据所导出的肯定隶属度的下界；fA（ui）是由反对ui的证据所导出的否定隶属度的下界，且满足tA（ui）+fA（ui）≤1。元素u在 Vague集 A中的隶属度被区间 [0，1]的一个子区间[tA（ui），1-fA（ui）]所界定，称该区间为u在 A中的Vague值，记为VA（ui）。

Vague集 A=[tA（ui），1-fA（ui）]ui，ui∈U

?坌ui∈U，称πA（ui）=1-tA（ui）-fA（ui）为ui相对于 Vague集A的不确定程度，它刻画了 Vague集A的踌躇程度，是ui相对于 A的未知信息的一种度量。πA（ui）值越大，说明ui相对于 A的未知信息越多。同时，πA（ui）值满足πA（ui）≤1。

2.2 Vague集的相似度量假设A 和B 是论域U={u1，u2，…，un}上的两个Vague 集，其中VA（ui）=[tA（ui），1-fA（ui）]表示Vague 集A 中ui的隶属值，VB（ui）=[tB（ui），1-fB（ui）]表示Vague 集B 中ui的隶属值,则Vague 集A 和B 之间的相似程度可以由下面的函数T′计算得到：

T′（A，B）=wiM′（VA（ui），VB（ui））

=wi1--（1）

tA（ui）+πA（ui）tA（ui）=pA（ui），tB（ui）+πB（ui）tB（ui）=PB（ui），

fA（ui）+πA（ui）fA（ui）=qA（ui），fB（ui）+πB（ui）fB（ui）=qB（ui）

wi为各指标的权重，∑wi=1，显然，T′（A，B）∈[0，1]，并且T′（A，B）值越大，Vague集A 与B 越相似。

3单兵综合装备评价

3.1 建立评估对象因素集与各因素的评价集现有A、B、C 3种型号的单兵综合装备，未来战场单兵综合装备综合性能主要体现在战场生存能力、侦察能力、机动能力、指挥控制能力、战场适应性几个方面，依据层次分析法理论[4]，在全面分析单兵作战装备战场需求以及综合归纳专家咨询意见的基础上，给出系统综合性能评价的各个因素，以及某一成熟单兵综合装备Z的评价集，如表1 四种单兵综合装备综合性能指标比较所示。

3.2 建立 Vague集定义论域U为U={ui}，i=1，2，…16。论域中每一因素的隶属度取r=x/xmax（xmax为各参数指标的最大值）。对上述每一种单兵综合装备分别建立相应的 Vague集，所建立对应各参数的 Vague集 A，B，C，Z。Z为一标准单兵综合装备的Vague集。

A=[0.4，0.6] /u1+[0.6，0.8] /u2+[0.3，0.3]/u3+[0.5，0.6]/u4+[0.8，0.8]/u5+[0.6，0.8]/u6+[0.6，0.6]/u7+[0.8，0.8]/u8+[0.4，0.6]/u9+[0.8，0.9]/u10+[0.2，0.3]/u11+[0.3，0.4]/u12+[0.5，0.6]/u13+[0.4，0.6]/u14+[0.7，0.8]/u15+[0.8，0.8] /u16。

B=[0.5，0.6]/u1+[0.6，0.6]/u2+[0.4，0.4]/u3+[0.6，0.8]/u4+[0.8，0.9]/u5+[0.6，0.8]/u6+[0.7，0.8]/u7+[0.7，0.9]/u8+[0.4，0.6]/u9+[0.8，0.9]/u10+[0.2，0.2]/u11+[0.4，0.6]/u12+[0.5，0.6]/u13+[0.6，0.6]/u14+[0.8，0.8]/u15+[0.8，0.9] /u16。

C=[0.4，0.6]/u1+[0.5，0.8]/u2+[0.5，0.6]/u3+[0.5，0.6]/u4+[0.4，0.8]/u5+[0.6，0.9]/u6+[0.5，0.6]/u7+[0.7，0.8]/u8+[0.4，0.6]/u9+[0.8，0.9]/u10+[0.3，0.3]/u11+[0.3，0.4]/u12+[0.4，0.6]/u13+[0.4，0.6]/u14+[0.6，0.6]/u15+[0.8，0.9]/u16。

Z=[0.4，0.6]/u1+[0.6，0.8]/u2+[0.3，0.3]/u3+[0.5，0.6]/u4+[0.8，0.8]/u5 +[0.6，0.8]/u6+[0.6，0.6]/u7+[0.8，0.8]/u8+[0.4，0.6]/u9+[0.8，0.9]/u10+[0.2，0.3]/u11+[0.3，0.4]/u12+[0.5，0.6]/u13+[0.4，0.6]/u14+[0.7，0.8]/u15+[0.8，0.8] /u16。

3.3 利用AHP 方法计算各层指标权重确定各评价指标的权重就是确定论域中各因素对组织结构类型评价的重要程度。通过专家评比和AHP法确定上述指标的权重[5]。

T={0.0625，0.0625，0.0625，0.03，0.0625，0.03， 0.0625，0.0625，

0.0625，0.0625，0.0625，0.0625，0.08，0.08，0.08，0.075}。

3.4 综合性能相似度量通过对各组织结构类型的Vague集A，B，C与期望Vague集Z之间相似度量的计算，得到相似度量结果:T′（A，Z）=0.83156 T′（B，Z）=0.90625 T′（C，Z）=0.82155

4结束语

通过比较，从综合性能的大小来说，B 型号> A 型号> C型号， 这与实际的情况也相吻合。本文采用的相似度量与层次分析法力求单兵综合装备综合性能的评价指标全面和准确，考虑了指标的相对性、不可比性，对多目标评价的结果比较清晰、准确。

参考文献:

[1]薄玉成,姚养无,王国庆.自动武器性能的综合评价研究[J].兵工学报, 1995,8(3):11-16.

[2]郭齐胜,袁益民,郅志刚.军事装备效能及其评估方法研究[J].装甲兵工程学院学报,2004,18(1):1-5.

[3]张敏.基于Vague集的装备采购项目组织结构评价方法[J].军械工程学院学报，2008，20（2）1-4.

ui设计论文篇3

【关键词】UI设计；视觉设计风格；发展

中图分类号：TB472 文献标志码：A 文章编号：1007-0125（2017）07-0171-01

一、UI设计概述

（一）UI设计的定义：UI是由User Interface（用户界面）缩写而来。UI设计即为用户界面设计。是对软件的人机交互、整体操作的逻辑以及操作界面的视觉美观性的整体设计过程。

（二）UI设计中视觉设计风格定义：UI设计中视觉设计风格是指视觉设计师在进行用户界面设计时所使用的图形化语言。视觉设计师在进行软件界面设计时对数据进行全面分析并归纳总结，运用点、线、面等图形化语言并设定合适的色彩创造出符合用户审美的用户界面风格。当前主要运用于UI设计中的视觉设计语言有：1.拟物化风格，该视觉设计语言风格是对真实物体的模拟，最大程度在去模拟真实物体的形体和质感。2.极简化风格，该视觉设计风格是视觉设计师将想要表达的形体事物以最简单的线条或者图形概括出来，使用户看到这一图形即可联想到一定的实物。

二、国内外UI设计视觉设计风格发展现状

美国于上世纪中期便发明了计算机并建立了互联网，这方便了人们的工作和生活，在人与计算机使用和被使用的过程中便产生了人机交互这一概念。在人机交互上是以发现问题到解决问题的模式不断地形成了规范；在视觉设计语言方面，美国、德国、法国等国家受到包豪斯设计学院的影响，遵从包豪斯“艺术与技术的新统一、设计的目的是人而不是产品、设计必须遵循自然与客观的法则来进行”的观点，形成了简约至上的现代视觉设计语言风格。

国内关于艺术类的教育仍然处于讲述基本知识的学院式教育，教学仅仅是为了讲述知识，而并没有和当前先进的科学技术生产力接轨，关于UI设计的教学也仅仅是依靠教师在相关领域的相关经验，并不能切实地结合社会需求。这些都极大地限制了中国在UI设计行业的发展。随着互联网技术在中国突飞猛进的发展，目前国内也有许多互联网企业在借鉴了国外成熟的设计规范后，发展出了自己完善的UI设计规范，也做出了相当成熟的产品。

三、成熟UI设计视觉语言风格应用

（一）拟物化设计风格：是借助已有的实体进行设计，将设计中功能上并不必须的元素也要添加，这种真实的实物感以及质感带给用户极大的亲切感，能使用户更快地掌握如何操作和使用该产品。如锤子科技公司的手机系统Smartisan OS，该系统UI大量采用了拟物化设计风格：其系统自带软件计算器，其图标是具有真实质感的计算器按钮，能使用户快速识别。打开软件后，无论从质感立体感到屏幕显示、字体显示、界面颜色再到触觉反馈，无不呈现出一个真实的计算器。这样的设计能带给用户生活中的亲切感。

（二）扁平化设计风格：是指在设计过程中使用简单的特效或者不使用视觉特效，以极简单的形体去进行设计。这种设计方式较简单直接也更加轻量化，更加适用于移动界面的设计。如2010年微windows phone操作系统，其整体布局采用色彩明亮的色块进行区块划分和整体布局，图标设计也采用极简的线形和面元素设计，整体轻快简洁。随后，苹果公司和谷歌公司在iOS和安卓系统中也开始采用扁平化设计风格。目前无论是苹果还是安卓，在原生系统级的图标和布局的设计都采用了扁平化设计风格。受此影响，国内外的软件厂商为和手机系统风格保持一致也纷纷效仿改变风格。

（三）原质化设计风格：是谷歌公司所研究出来的一种新的设计语言，也是一种设计规范。该风格是由谷歌团队对于纸质和墨水材料的研究，在基本元素的处理上，借鉴了传统的印刷设计、排版、网格、空间、比例、配色、图像。同时强调结合实体物理属性和规律的、合理的动效和高效的空间化利用。以和物理世界接近的触感可以让用户更为自然、快速地理解和认知。该风格是在扁平化风格基础上加以真实物理世界的触感，是介于上述两种风格之间的风格，原质化设计风格尚处于发展初期，在未来的发展中它可能在UI设计视觉语言风格中占有一席之地。

四、结语

互联网技术发展日新月异，互联网商业也紧随其后，这就决定了UI设计发展的重要性。随着人们对各系统操作的熟识，UI设计视觉设计风格也要随着用户的审美变化而不断发展。而这种发展也会是符合现在设计发展的规律，由起初简单的文本界面发展为精美雕饰的形体界面，再由繁复的界面简化为简约轻快的界面，之后还会在简单的基础上再去增加体验。总而言之，UI设计视觉设计风格的发展也会遵从由简到繁再由繁到简这样一个过程。

参考文献：

[1]人机互动，UI 的绚丽与便捷*移动互联网时代的手机UI设计与主流终端厂商理念评析[J].新潮电子，2009，（9）：29-47.

ui设计论文篇4

【关键词】工学结合；课程开发；UI课程

一、引言

工学结合课程的内涵是以工作过程系统化课程为基本，突出以学生为主体，工作（学习）过程符合人的职业成长规律，源自于职业岗位，内容、要求和环境具有真实性、全面性和学习性，结构完整遵循系统化原则。其基本特征是：工作中学习，工学一体化，实现学习者综合职业能力的培养。本文以《UI设计与实操》课程实践模式，探讨基于工学结合的校内课程实施方式方法。

二、开展UI课程的前期准备

工学结合课程具备以下两个特征：（1）工学结合课程的载体是综合性的“典型工作任务”；（2）工学结合课程的实施，要让学生亲自经历结构完整的工作过程。目前广州市中职学校计算机专业普遍开设了图像制作、网页设计的课程，大部分以单个案例教学法教学法为主，学习任务随意性较大，有时为了一些简单的知识点，设计出一个项目。学生缺失了在一个职业活动情境中，参与具有结构完整的工作过程，包括计划、实施以及工作成果检查评价等步骤。笔者在参加发改委推行的双师型培训过程中，得到去企业实习和交流的机会，参与了2010年亚运会O/S内部系统界面设计，与及南沙区黄阁镇政府OA办公系统UI设计的工作，意识到以往网页设计、图像制作课程单个知识点的案例教学法，不利于学生全面了解企业的工作模式，缺乏和用户的有效沟通，造成参加工作后学校的知识点与工作岗位要求脱节，于是笔者编写了《UI设计与实操》的校内教程，并向学校申请增设该课程，从用户需求分析开始，到书写UI（用户界面）规范，建立用户界面执行准则、设计准则，最后具体实现应用实例，使学生在课堂中亲自经历结构完整的工作过程。

三、基于工学结合的课程标准

课程标准需要根据专业培养目标，期望学生达到的知识、能力的基本要求而制定，是编写教材、进行教学任务、评价的依据。笔者根据当前企业的岗位情况，将理论知识、素质培训、实际操作技能进行整合。

与UI课程相关的工作岗位有UI设计师、网页制作WEB前端开发、手机应用程序美工、游戏界面设计、淘宝美工等等，本课程面向的是中等职业学校二年级学生，他们已经在前期学习过《图像制作》、《网页设计》的课程，同时在学习《FLASH二维动画设计》。UI设计课程主要介绍有关网站、手机等操作系统用户界面的设计，通过色彩、构图等各种技巧，培养学生对图标、logo、菜单、banner的设计能力，提高学生对素材的原创能力，笔者结合自己社会专业的社会实践把教学环节设计为几个典型的工作任务：大运会住宿安排系统界面设计、汽车网站主页面设计，家居网站主页面设计等。再在里面划分为客户需求分析，UI规范文档制定，UI界面具体构造等几个子任务，使学生参与从客户需求，订单生产出发，到整个项目完成的完整工作过程，具有较强的操作性和时效性。

四、基于工学结合的UI课程的典型工作任务

（一）企业调研

通过笔者在广州智联公司实习期间，了解到企业基于互联网B/S模式以及基于客户端C/S模式的UI设计流程，大概分为需求分析、项目细化、项目构建三个阶段，其中项目构建阶段分为：（1）UI设计人员与界面制作人员共同合作，制作出前端界面并规范UI 文档；（2）界面制作人员与技术人员共同合作，完成前端界面制作与及后台技术实现。对于UI课程教学而言，主要关注需求分析阶段、项目细化阶段与及构建阶段中的与界面设计人员合作部分（部分小型公司UI设计人员兼任界面制作）。

（二）工作任务

下文以“深圳大运会住宿安排管理系统”的界面提练为典型工作任务，作为工学结合的教材并实施教学，工作流程如图1所示。

图1 大运会住宿安排管理系统界面设计流程

（三）工作任务分析

大运会住宿安排管理系统是基于WEB B/S模式下使用的内部系统，界面设计功能区包括住宿规则管理、住宿计划安排管理、入住退房跟踪管理、访客通行管理。同时要求能与交通计划管理、基本信息管理、系统管理几个大功能模块进行访问对接。要求UI设计遵循易用性、规范性、合理性、一致性、美观性的几个原则。

（四）教学分析

在整个教学实施过程中，学生是学习过程的主体，教师是学习的引导者。教师在学生编写需求分析文档、建立界面交互模型，以及编写《UI规范文档》的时候进行指导，重点对以下几方面进行把关：

1.易用性：（1）用户获取信息的链接深度不易过深，应提供合理的快捷入口按钮或快捷搜索功能；（2）完成同一功能或任务的表单元素，按钮等放在集中位置，减少鼠标移动的距离。（3）复选框和选项框要有默认选项，按选择机率的高低而先后排列，并支持Tab选择。

2.合理性：（1）网页标准色原则上不超过两种，如果有两种，其中一种为标准色，另一种为标准辅助色。（2）页面导航条清晰明了、突出，层级分明。

3.一致性：如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致，要求所有页面要在普屏（1024*768），宽屏1280*800，高分屏（1600x1200）等几种分辨率下运行通过。

4.独特性：WEB应用软件界面设计应能体现出软件所属行业，用户群等特征。在框架符合规范的情况下，设计具有自己独特风格的界面尤为重要。

（五）工作过程设计

1.启动阶段

学生了解产品整体需求；了解用户UI需求，整理UI规范；参考产品需求以及UI规范来整理《UI需求分析文档》。

2.细化阶段

学生根据《UI需求分析文档》做交互模型，让用户能直观的了解界面间的逻辑关系，来确认设计的可行性（即界面层次的交互演示）。

使用性测试阶段可把学生按4-5人分组设置为多角色，依照交互演示来进行体验测试，如普通目标用户角色、研究角色、需求角色和开发人员角色来评审逻辑关系的合理性，包括使用合理性和设计合理性，教师审定并检查界面规范方案并总结。

3.构造阶段

学生根据交互演示设计效果图，皮肤，界面布局，图标元素并与界面制作人员完善并确立UI规范文档等。教师对学生制定的UI规范进行讲评并修正。

以下为构造阶段的几个步骤实例：

（1）通用布局规范，如图2所示，此种布局结构特点是功能模块划分清晰，主次分明，适合目录式数据结构的展现与操作，同时也是行业内最常用的一种布局结构，也符合大众一般的操作习惯。但是需要注意的是，这种结构布局会因各模块内大量数据信息展示，由于屏幕分析率和浏览器的不确定性，使得网页可视长度会撑得很长，而出现多处滚动条，这种界面会降低对用户浏览操作的体验。基于此，在这里规定整个BODY区统一自适应屏幕宽/高度，固定一些静态的操作模块区，其它区数据内容过多可处理成出现局部滚动条即可。

图2 通用布局规范

（2）色彩规范。软件系统整体色调选择，参考大运会会徽的标准色彩使用规范以及网页配色原则，通过对会徽五基色的延展应用，搭配出符合大运会信息化系列软件系统一致性的视觉感。

本规范提供三套配色方案，橙，蓝，绿供设计师选择；色彩的具体应用可根据各WEB应用软件系统需求，应用范围，用户群等相关因素也可由UI设计师根据配色方案思路自由发挥，创意。

（3）表格数据展示区规范

表格适用于表单数据的展现，视觉效果设计应该以为数据展现服务的原则。分表table，表头thead，表主体tbody，表尾tfoot。设计效果应以深色浅色来区分各表区域的属性与权重。边框线，背景颜色应符合主体色调一致，同时区别于不同类别数据的显示，以及利于用户阅读表数据可以采用隔行换色来提高数据可读性，增加用户体验度。

表格风格如图3所示：

图3

基于UI规范，制作出具体化的控件和页面。UI系统应用实例示范如图4所示。

图4

（六）工作任务总结与评价

针对学生的成果和学习过程进行评价和总结，可以安排以下几个环节：（1）学生成果展示；（2）学生自我评价和总结；（3）教师根据本项工作任务的完成情况进行评估与总结，评价方式见表1所示。

五、教学反思与改进

《UI设计与实操》课程是一个较新的课程尝试，目前市面上未有适合中职类教学的教材，故此，笔者结合本专业的情况，编写适合中职学生的教材。本课程的特色是：（1）本课程以工学结合课程的要求进行开发，结合中职学生的实际设计能力，把企业中的实际工作项目，提练成典型工作任务，并以理论实践一体化的教学模式加以实施。（2）提倡学生注重用户感受，分析不同客户对使用界面的习惯不同，引入企业的界面规范手册，把以往的完成一项界面设计项目，转换为完成一份客户订制的合同，让学生体验整个从订单到完成项目的完整的过程。（3）作为前端网页设计课程的延伸，为学生以后在从事界面设计的职业生涯打下较好基础。

在教学过程中，笔者在制定课程评价方案时遇到了较多困难，因为该课程的作品评价主观性较强，同时应以客户满意度为最大权重的评价标准，虽然制定了“表1工作项目综合评价表”，仍然感到不能准确评价这次工学结合的教学效果，还需要学校加强企业的合作，把更多的企业订单带到课堂教学中来，同时聘请专家、企业工程师研究该课程的评价体系，做到更高效促进工学结合在中职教育中的发展。

参考文献

[1]赵志群.职业教育工学结合课程的两个基本特征[J].教育与职业，2007，10下（30）.

ui设计论文篇5

关键词：毕业设计质量；多级模糊综合评价模型；土木工程专业

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2012）08-0016-02

河北工业大学土木工程专业创办于1950年，具有悠久的办学历史和丰富的办学经验。从早期的房屋建筑专业、工业与民用建筑专业，发展为建筑工程专业、交通土建专业，直到现在的土木工程专业、道路桥梁与渡河工程专业和交通工程专业，已积累了60余年的办学经验，拥有完善的教学条件、教学管理和质量监控机制；为河北省、京津以及周边地区的建筑、道路、桥梁、交通等行业的研究机构、设计院（所）、施工企业和政府管理部门，输送了大批合格的土木工程专业技术和管理人才，在河北省、天津市的土木工程行业和土木工程教育界享有较高的声誉。毕业设计是本科教学计划中的一个重要组成部分，是培养学生综合运用所学基础知识、基本理论和基本技能，解决工程实际问题和初步科学研究能力的一个重要环节，它具有鲜明的实践性与综合性。通过对毕业设计（论文）工作及教学质量进行检查与评价，进而总结经验，找出差距，分析影响毕业设计（论文）质量的因素，提出改进措施，不断提高毕业设计（论文）质量，具有十分重要的现实意义。对于本科毕业设计质量的检查具体体现在：（1）毕业设计（论文）前期至中期工作阶段。对毕业设计（论文）的教学条件（选题质量及指导教师情况）及组织管理、学生状况、中期检查等情况进行抽查、评分。（2）毕业设计（论文）后期工作（答辩、评分）阶段。对学生毕业设计（论文）的答辩情况进行抽查、评分。（3）毕业设计（论文）工作结束阶段。对学生毕业设计（论文）质量进行抽查、评分。必要时，抽调部分学生毕业设计（论文）送外校评审。（4）毕业设计（论文）工作总结阶段。召开总结评议会，总结检查评估中出现的问题及经验，研究进一步提高毕业设计（论文）质量的措施。写出评估报告，提出对我校“毕业设计（论文）教学质量检查评估指标体系”的修改意见。同时，组织申报、评选本年度毕业设计（论文）工作优秀单位及优秀指导教师。在评价过程中，不确定性因素很多。为更加可过的评价学生毕业设计质量。本文提出运用模糊评价理论来评价学生毕业设计质量。

一、多级模糊综合评价模型的理论和方法

模糊综合评价与其他确定性评价方法不同，它在评价过程中能充分考虑影响学生毕业设计质量的不同因素。首先用U={u1，u2，…，um}={选题质量，学生能力，毕业设计质量}等不同评价指标。V={v1，v2，…，vn}=优，良，中，及格，差表示不同评价指标所处评语集合。

1.首先构建毕业设计质量评价指标体系，本文根据土木工程专业毕业设计特点，构建了二级指标，二级评价指标可以更加清楚的实现指标值的量化。根据每个评价指标ui（i=l，2，…，m）对确定评判等级的影响程度不同确定权重模糊子集A，A={a1，a2，a3，…，am}其中ai为因素集中ui的权重值，ai≥0且ai=1。

2.设不同评价指标因素ui又包含s个二级评价指标，其评价指标集为ui，ui={ui1，ui2，…，uis}，对应的权重Ai={ai1，ai2，ai3…，ais}，ais表示uis在ui中的权重，ais≥0且∑ais=l。

3.设评价等级可分为n个等级，其评价集V={v1，v2，…，vn}=“优，良，中，及格，不及格”5个等级。

4.对每个ui的m个因素按作综合评价。从ui到V的模糊关系用模糊矩阵Ri来描述。

5.然后再根据以下的模糊运算关系得到目标的综合评价分数。

Ri=r11 r12 K r1nr21 r22 K r2nK K K Krm1 rm2 K rmnB=A·R=（a1，a2，a3，K，am）or11 r12 K r1nr21 r22 K r2nK K K Krm1 rm2 K rmn=（b1，b2，b3，K，bn）其中，rmn表示因素指标uis对于第j级评语vj的隶属度。

二、多级模糊综合评价模型在毕业设计质量评价中的运用

1.确定评价指标因素集。依据模糊不确定性综合评价理论，确定土木工程专业评价指标体系，见表1所示。

2.评价指标等级。土木工程专业毕业设计质量评语集合分为v={v1，v2，v3，v4，v5}={优，良，中，及格，差}五个等级。

3.评价因素权重集。各指标因素权重集在表1中已列出。

其中一级指标权重为A=（0.20，0.60，0.20），二级指标权重为A1=（0.25，0.25，0.25，0.25），A2=（0.17，0.25，

0.17，0.17，0.07，0.17），A3=（0.50，0.30，0.20）。

三、结语

毕业设计是本科教学计划中的一个重要组成部分，本文利用根据土木工程专业毕业设计特点，构建了毕业设计质量评价的指标体系，然后提出利用模糊综合评价，使评价结果更加客观、公正，大大提高了学生毕业设计的主动性，有利于提高毕业设计质量。

参考文献：

[1]陈水利，等.模糊集理论及其应用[M].北京：科学出版社，2005.

ui设计论文篇6

关键词：设计心理学;UI设计;注意力;选择

中图分类号：J504 文献标识码：A 文章编号：1005-5312（2015）06-0167-01

一、UI设计的概念

UI即User Interface（用户界面）的简称。UI设计通常是指对软件的界面美观、人机交互、操作逻辑的整体设计。而随着信息技术的发展，UI设计所涵盖的范围越来越广泛，广义上的UI设计又包括了GUI（图形用户界面设计）、WUI（网页界面设计）、MUI（移动设备界面设计）等等。

二、设计心理学的概念

设计心理学就是是建立在心理学基础上，是把人们心理状态，尤其是人们对于产品需求的心理。通过意识作用于设计的一门科学。它同时研究人们在设计创造过程中的心态。以及设计对社会及对社会个体所产生的心理反应，反过来再作用于设计，让设计更能够反映和满足人们的心理。设计心理学属于心理学延伸到设计艺术领域的应用心理学范畴。一方面设计心理学具有心理学的基本属性，即科学性、客观性和验证性;另一方面又包含设计艺术领域的艺术性、人文性。

三、设计心理学在UI设计中的应用

如今在一些常见的网页界面或APP界面的设计案例中，我们会发现这样的现象，设计者为了满足用户的功能需求，恨不得将网站或APP中所有的功能，通过文字或图形拥挤地罗列出来，以吸引用户点击。但是，臃肿繁复的功能罗列往往让用户眼花缭乱，不仅失去了界面所要体现的重点，更给用户造成了的严重的视觉负担，影响了注意力的集中。

在心理学中，“注意”是用来描述和解释集中和转移的心理现象。注意的功能在于把认知过程对准外部刺激，因此能收集有关信息。视觉注意类似于一个可调节的聚焦灯，但区域外的刺激有时也会被加工。视觉注意是指向物体或对象的，而不是视觉环境中的特定区域。在某种意义上，艺术设计其实就是竞争注意的行为。如果在琳琅满目的货架上，你的设计不能引起人们的注意，一切设计就将失去意义。

“注意”意味着心理努力集中于某一刺激而排除其他无关刺激的能力。而注意力转移，即从一个刺激移动到另一个刺激，并不是由刺激单独决定的，认知或意识的参与，决定转移的时机和方向。“注意”除了选择性和可转移外，还可以分配，即分成许多成分。注意的本质在于它具有选择性。

人贪图有更多的选择，而当人面对大量的选择时，注意力会被麻痹。

心理学上有个著名的“果酱实验”，由斯坦福大学的研究员希娜・艾扬格实施。她以两个果酱摊位作为实验地点，试图了解人们如何做出选择。在一个摊位上，她放置了6种果酱，而在另一个摊位上，她除了放置刚才的6种果酱，又增加了18种，也就是共24种口味的果酱。并让顾客试吃。后来实验结果为：在24种果酱的摊位，停下来试吃的顾客有60% ，但购买率只有3%：而在6种果酱的摊位，停下来试吃的顾客有40%，购买率却高达31%。放置24种果酱的摊位虽然吸引了更多的顾客，但最终购买果酱的人却较少。大多数人因为口味太多而无从选择，最后干脆一瓶都不买。

这个实验说明：当人们有太多选择时，注意力严重地受到了影响，甚至感到厌烦，最后可能什么都不选。

应用这则心理学规律，设计者在UI设计中。更需注重界面的清爽简约，重点突出主打选项，弱化次要选项，做到主次分明，保留产品的关键点和特性，正如人们常说的“红花配绿叶”，也就是对内容进行有抑有扬的对比处理，通过对比的手法能够让信息量在视觉上“显得”比实际上少。让界面布局错落有致、有强有弱，主次分明，用户就更加容易把握界面的整体结构，从而尽快找到自己所需要的信息，就好像报纸上有头条新闻和各种大小标题一样。这些变化能够减轻用户的视觉压力，让用户浏览界面时更加流畅、顺利，并获得更加舒适的心理体验。

通过对界面内容的主次与强弱处理，还可以引导用户的注意力焦点。比如有些网站界面或手机应用界面常常把“点击购买”的按钮设计得很大很醒目，位置很显眼，就是有意地吸引用户的注意力，引导用户点击，从而进一步产生经济效益。

在信息技术飞速发展的今天，电子数码产品必将更加深入地影响人们的生活方式，随着生活水平的提高以及市场竞争的日趋激烈，人们已经不再满足单纯的功能需求，而是越来越注重人机之间舒适的心理体验，将设计心理学规律应用在UI设计中，才能设计出和谐、美观、令人愉悦的人机界面，增加客户的接受心理并提高使用效率，从而会提升产品的核心竞争力。

参考文献：

[1]赵江洪.设计心理学[M].北京：北京理工大学出版社，2010.

[2]刘澄.探析数字产品界面中的设计心理学因素[J].艺术与设计（理论），2011.

ui设计论文篇7

【摘要】游戏中，UI界面是不可缺少的一部分，游戏UI本身来说就是人机交互，绝对不是把所有功能按钮摆上去就可以的。其实更多的是要考虑用户操作的方便性。考虑到用户是否可以在第一时间找到自己想要得到的东西。好的游戏UI界面画面要精致，符合游戏故事背景，符合游戏定位群体。符合用户的基本操作习惯，还要很好的引导用户跟着你的思路去操作，去实现玩家的个人目标。杂乱的界面和交互逻辑会让玩家感觉不舒适，而且很有可能导致玩家最终否定整个游戏。可见，足见界面设计对一款游戏的重要性。目前越来越多的游戏研发公司开始注重游戏的UI设计，游戏UI行业也越来越专业化。2014年几乎是卡牌的天下《炉石传说》、《我叫MT》 都赚足了眼球。从《梦幻西游》在APP的排行榜便不难看出其火爆程度。模仿是人类天性，RPG游戏正好满足了这一点。从端游的RPG到手游，经典的游戏数不胜数，而今其手游的火爆也是情理之中。

【关键词】智能手机游戏 UI界面 人机交互 UI设计

一、从游戏中探究角色扮演类移动端游戏开发

宠越魔域类游戏是一款角色扮演类的手机游戏。随着时代的进步和科学技术的发展。手机游戏中界面设计应用的范围越来越广，为了发挥手机游戏界面设计的优势，我们尽量简化我们的游戏内容。但在游戏的游戏性和可玩性上竭尽所能的丰富它。让玩家能轻松地体验游戏的乐趣。宠越魔域初衷就是制作一款休闲放松的小型手机游戏，同时注重游戏界面的设计和制作。希望玩家们能借此互动，结交新的朋友。除了在单机游戏上的普及，现在也应用至网络游戏当中。玩家对游戏作品的要求的提高，这使得手机游戏界面设计得到越来越多的重视。

一个好的手机游戏界面，可以在第一时间将游戏的美术风格和游戏风格展现给玩家。游戏界面设计在游戏中占有非常重要的地位。每一个界面的设计都参杂了不同学科的知识。我们可以通过界面设计的颜色，形式等区分游戏的整体风格。同时一款游戏的界面设计渗透着一定的交互理论。这可以让玩家更好的了解游戏和体验游戏的乐趣。

游戏制作人员对游戏制作的逼真度与可玩度的不断探索和创新，更使得现如今游戏的真实感越来越强，这与优良的制作方法和技术是紧密相关的。所以在此希望运用在大学期间所学习的游戏界面设计和绘制，用现今较为流行和通用的制作方法来制作一个完整的手机游戏界面。

二、浅谈角色设计的重要性

简要探讨界面设计在游戏中的重要性、重要元素以及UI界面制作在设计中的运用。

2.1游戏界面设计在游戏中的重要性。好的游戏界面设计不仅仅是服务于游戏，更加能够提升整个游戏的视觉感受。一款游戏，第一印象就是游戏界面。游戏界面应该简洁易懂。例如《梦幻西游》从端游手游，UI界面一直延续简洁易懂，同时又细致耐看，从APP排行榜的排名即可看出这款手游的火爆程度。同时，游戏的交互也做得十分出色、一款好的游戏是经得起玩家和时间的检验的。一套好的UI界面设计，也是经得起推敲的。

2.2影响游戏界面制作的元素。置界面于用户的控制之中；减少用户的记忆负担：保持界面的一致性。界面设计不是单纯的美术绘画，它是纯粹的科学性的艺术设计。

游戏中界面设计可以从三个方面来分析：（1）交互行为一致：不同类型的行为触发后，交互行为需要和整体一致。（2）视觉样式一致性：界面是玩家游戏过程中最先接触到得内容。从心里认知来说，第一印象无疑是重要的，统一的视觉样式能够减轻玩家的游戏学习成本，快速的理解游戏，提高功能操作的准确性。（3）操作一致性：设计者会有挑战用户惯用操作的习惯，这很可能会增加用户学习的成本。当然很少的情况下可能会让用户获得良好的体验。在手机上这一原则有时候就被放大了的，当视觉效果凌驾于功能之上的时候，界面是失败的。界面是游戏功能的一个载体。通常在做界面视觉的时候有两个方向：一个是把界面作为游戏的一部分，作为游戏世界本来的东西，增加游戏的代入感。界面不做过多的装饰，玩家需要的信息完全直白的显示出来。

三、游戏开发制作过程

3.1创作灵感。灵感主要来源于《梦幻西游》。这是我个人玩的时间比较长的游戏，在后期的游戏过程中，这款游戏的界面和交互给了我很多灵感，简洁，易懂。它甚至能运用巧妙的交互设计，建立玩家和玩家之间的联系，大大提高了游戏的可玩性。

3.2素材准备。在作品制作前阶段，利用网络、书籍、图书馆查阅等方式，收集丰富的游戏界面资料进行研究，并大量收集一些内外较好的游戏界面作品进行赏析。

通过阅览各类优秀的单机及网络游戏的游戏界面，宣传画以及海报等等，来丰富自身的创作思想。另外，还要试玩当下广受好评，界面制作优良的游戏，来丰富自己的游戏视野和审美素养。

以下为素材收集内容：

（1）认真了解欧美角色扮演类游戏的风格。

（2）收集相关资料，一些较好游戏界面和设计稿以及宣传海报等等。

（3）对于游戏界面的总体布局进行分析和设计。

在网上收集一些素材，这些资料给予我很多主观的灵感和参考。所以说一件好的作品，第一需要平时在生活上的积累，第二需要的是平时在想法上的积累，第三是需要一些能表达想法的参考资料。

结论：通过上述游戏界面设计的制作与分析，可以清楚的认识到游戏界面设计技术的复杂性。从制作过程中了解到，除了需要制作者有很好的软件操作能力与优秀的设计感觉，更重要的是要有很强的创新意识。

参考文献：

[1]张小玲：《UI界面设计》[Z].电子工业出版社，2014年版.

[2]王达：《UI设计概论》[Z].北京大学出版社，2009年版.

[3]唐纳德诺曼：《设计心理学》[Z].梅琼译。中信出版社，2003年版

[4]周陟：《UI进化论――移动设备人机交互界面设计》[Z]，清华大学出版社，2010年版

[5]UCDCHINA：《UCD火花集》[Z]人民邮电出版社，2009年版

[6]Alan Cooper， Robert Reimann， David Cronin. 刘松涛译.《AboutFace3 交互设计精髓》[Z]，电子工业出版社，2008年版

[7]刘惠芳：《数字媒体设计》[Z]，清华大学出版社，2006年版

ui设计论文篇8

 

随着移动互联网技术的飞速发展以及智能手机的迅速普及，智能手机已成为高校学生生活的必需品之一。对于他们来说手机已经不再是通常意义上的联络设备，而是集通信、网络、社交、生活、娱乐等功能于一体的智能科技终端APP。

 

由中国互联网络信息中心(CNNIC)在其官方网站的《中国互联网络发展状况统计报告(第35次)》一文中显示，截至2014年12月底通过手机接入互联网的比例持续增高，较2013年底提高4.8个百分点。我国手机网民规模达5.57亿，较2013年增加5672万人。手机网名中学生群体所占的比最高，为23.8%。在国外，校园应用类APP发展较早且成熟，MIT，Stanford，Harvard等高校早在2010就开始研发了基于IOS系统的手机移动端校园应用。大数据的背后表明对新鲜事物具有强烈求知欲的高校群体成为了移动互联网应用的最活跃用户群体。

 

一、UI的概念

 

UI(User Interface)是用户界面的简称。主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。是以用户为中心进行的界面设计，其目的是为了让用户对产品有更便捷亲和的操作体验，同时提高产品界面的视觉效果。UI设计(界面设计包括硬件界面设计和软件界面设计，这里我们探讨的是软件界面设计)包括用户研究、交互设计与界面设计三个部分。

 

(一)用户研究

 

要进行基于用户体验的智能校园UI设计，首先就要对校园用户进行分析和调研，这是设计中最重要的一步。用户分析主要是分析用户的文化背景、心理情感和期待、习惯经验、思维方式、使用环境，同时还要分析用户对于相关其他产品的意见。

 

而校园APP的主要定位为大学新生和在校大学生。大学新生其特点为：对大学生活非常好奇、爱幻想，他们喜欢鲜艳的色彩、活泼的气氛，他们有丰富的业余生活，乐于参加学校各种社团活动，他们追求独特，喜欢摄影，会在任何时间，任何场次多次使用手机移动设备记录生活。他们更加乐于关注身边的新鲜事;在校大学生其特点为：他们作为在校大学生对校园生活非常了解，他们希望校园生活更加方便。生活多以聊天娱乐为主，需要较大的平台让他们畅所欲言，发表对校园生活的期待。

 

通过用户分析来挖掘用户对产品的需求，进而更好地指导校园产品UI界面设计。用户研究不是设计者的主观行为，而是站在用户的角度去探讨产品的开发设计。它最终达到的目的是提高产品的可用性，是我们设计的产品更容易被人接受、利用和记忆。

 

(二)大学生的普遍使用习惯

 

手机UI设计则是以智能手机为主要载体，设计时不仅让产品有一定视觉效果，更要考虑操作的便捷、舒适、容错性等。在设计过程中遵循手机软硬件方面的特点和用户需求。针对高校师生用户为目标人群的移动手机客户端设计，从他们丰富的业余生活着手，为同学们提供学习信息的同时，更加注重提高学生的生活服务质量，打造一款专属于华夏学院的校园资讯APP。

 

1.明确用户的软硬件系统，便捷直观的交互设计体验。加强用户对产品的亲和感，让用户在体验过程中觉得愉快、简单。

 

2.遵循一致性原则设计。一致性的设计原则符合用户心理体验，可以让用户有整体感。

 

3.UI界面设计需要注意的细节。细节决定成败，精致的细节表现会让产品层次提升到一个高度，增加用户的信任感和操作的愉悦体验。而在校园中对于大多数学生而言：

 

本院学生特点：生源有理科、文科和艺术类。每一类别的学生都有各自的文化、心理、性格特点，如理科生的思维逻辑性、文科生的感性和思维发散性、艺术生的思维发散和跳跃性等。

 

空间复杂化、时间随意化、心态分散化、多任务、多线程：校园学生用户使用手机应用程序时可能也在做其他事情，不会一直专注只看手机内容，如走路、吃饭、工作等。因此缺乏专注，易产生错误操作。

 

综上所述，校园APP目的就是将这些信息进行归类整理，并通过APP进行传达，方便同学在第一时间掌握校园动态。

 

二、任务分析

 

通过查找资料，分析现有的校园APP的特点。根据他们的特点，细化校园APP的设计方案。包括思考如何让学生从进入华夏校园开始一直使用我们的校园APP，那我们就要抓住校园APP的主线。通过新生录取通知书让新生们下载华夏校园APP，从而进一步的引导他们入学、报到、生活和学习。形成一套华夏学院特有的校园综合服务体系。(具体结构见图1)

 

图1智能华夏校园APP首页功能结构图

 

首页(功能页)：主要提供智能华夏校园APP的常见功能按钮，以图标的方式呈现，结合文字标题说明。主要包括了图1所示的8个功能集合：新生入学指南、八大院系、我的班级、图书馆、社团活动、查一查、找美食和看二手等。

 

新生入学指南：是针对新生设计的一整套入学流程，帮助新生完成入学手续从而指引他们的校园生活。

 

八大院系：主要是针对华夏学院的八大院系汽车工程系、土木与建筑工程系、信息与工程系、化学与制药工程系、经济与管理系、人文与艺术系、机电工程系、外语系的活动以及介绍。

 

我的班级：主要针对新生他们和所在班级的联系和班级通知。

 

图书馆：针对校园图书馆的书目查询

 

社团活动：大学生社团活动以及活动新闻

 

查一查：课表查询、快递查询、空教室查询

 

找美食：针对校园食堂以及后街的美食攻略

 

看二手：主要是针对跳蚤市场，二手市场以及失物招领

 

智能华夏校园APP客户端可以利用学生对智能手机的依赖性，将手机作为学校事务公告和宣传的平台，将更多有用的资源传递给学生。为学生提供了更便捷的服务，避免学生因为对学校的规章制度不了解或者服务部门的作息时间与自己的课程有冲突，错过了重要的事情，导致对大学生活和环境充满排斥和抱怨。 手机APP校园客户端给数字化校园建设增加了新的发展领域，它与电脑动静结合，形成了更加完善的数字化校园。

 

综上所述，基于用户体验的UI设计，就是以用户中心的设计(user-centered design)这种设计的中心思想非常明了，就是在设计产品开发中的每一步都要都要考虑用户的体验。无论什么产品好的用户体验都是表达在细微处，所以创造良好的用户体验的工作内容就是搜索和解决细微的问题，比如，界面上的某个图标是不是太大?颜色会不会太跳?图标表达会不会不够明确?还是位置不对?结构是否出现问题?只有在不断地提出问题，推翻之前的言论才能使产品更加完善。所以一个好的产品，它的UI设计应该是更贴近用户体验的。只有全面的分析用户体验效果、创新UI设计途径，才能设计出用户满意的作品。

ui设计论文篇9

关键词：UI设计；缺陷；用户体验；优化

近年来，腾讯网、猫扑、人人网、新浪微博等互动交流网络平台已经趋于成熟，拥有稳定且规模庞大的用户群。其中大学生的使用频率最高，所占用户比例也最大。因此，要让学生改变原有的网上交流习惯，把在其他网络平台的时间分出一部分留给易班，就要优化易班平台。易班平台的功能很明确，就是校内和校间的交流，没有复杂的功能，所以功能操作设计难点不多。但上网是一个用户体验过程，由视觉和操作两方面构成，要依靠新颖而易操作的UI设计来实现易班平台的优化设计。

1概述

1.1课题介绍

2012年4月，西华大学正式启动易班建设。通过前期宣传推广，易班注册人数和活跃度逐渐上升，成为学生获取校园信息、进行情感交流的重要载体，也成为学校班级事务管理和网络思想政治教育的重要平台。为了进一步加强易班建设，笔者针对出现的问题进行深入的研究，结合上海市教卫党委委托我校党委开展的易班全国试点推广课题开展项目研究。

1.2易班平台简介

易班是一个以高校师生为主要使用对象的网络虚拟社区，集成了BBS、SNS、博客、微博、手机应用等多种新型互联网应用，包含新闻、校园应用、相册、互动社区、论坛、邮箱、网盘、掌上易班等。高校辅导员、教师及学生可在线互动交流，交换各种信息及资源，上传照片，撰写博客等。

2易班平台用户体验调查结果

初期在西华大学应用技术学院和上海交通大学2012级学生中进行用户体验调查，反映出的问题和建议如下：（1）易班要求一次最多上传20张，应该改进一次上传数量。（2）发帖要填的东西很多，不根据要求根本发不了，所以有时候嫌麻烦就不发了。（3）页面跳转不灵，容易出错，错误后需要重新登录，很不方便。（4）版面单调，不美观，也不能体现每个人的个性和审美。（5）文字太多，图片太少，最好能按文章热度做个排序。（6）容易忘记用户名和密码，找回很麻烦，所以一旦遗忘密码就不再使用了。（7）无快捷的登录方式。（8）上传照片速度慢，且成功率不高。（9）综合实力、贡献值等的具体计算方式没有公开透明，服务器维护也没有公告。

3易班平台主要功能的UI设计缺陷分析和改进

（1）验证码看不清。/调整验证码的大小和颜色。

（2）只能通过用户名找忘记的密码。/支持其他方式找回密码，比如邮箱、手机号等。

（3）主页新闻关键词多在上海，与四川学生无关联。/平台面向全国，要兼顾到其他地区，或以地区分出下一级地区主页。

（4）主页皮肤不可换，太单一。/可更换皮肤或装扮，满足个性化需求。

（5）“热帖TOP5”内容太少。/常规网页内容排行前10，改为TOP10。

（6）文章分类混乱，如，“如何提高英语听说读写能力”应该放在“外语天地“板块。

（7）“热帖榜“排序表达不准。/用阅读人数等具体数值的降序体现出排序。

（8）“接收人”操作不便。/有常用联系人备选。

（9）文字识别性差。/更换色彩方案。

（10）单位排序混乱，查找不便。/以注册人数或单位首字母等排列。

（11）校徽上的白线框语义传达有误，影响美感。/不要出现无意义的符号。

（12）“状态发表“语义表达不明确。/原有图标加文字说明，或更换成照相机等语义图标。

（13）文章名显示不全。/发表时限制文章标题长度。

（14）没有通过信息量化来体现排行。/把作者名改成访问数量。

（15）默认页面背景黑灰色调太沉闷压抑。/选取明朗活泼的背景色。

（16）精华博文数量太少，标题显示不全。/改变行间距，限制标题字数。

4易班UI设计中要避免出现的问题

4.1下载时间过长

避免使用过多图片及容量大的图片，页面容量控制在50K以内，等待时间小于10秒。

4.2不恰当使用声音

学生上网时习惯用播放器听歌，页面设计中不恰当地使用声音或背景音乐，会产生声音的重叠，引起学生反感。

4.3大量闪烁文字

在UI设计中闪烁文字可以吸引访问者的注意，但过多会造成混乱感，反而影响用户访问其他内容。

4.4颜色搭配不当，阅读困难

突出平台的的标准色彩，背景色与文字、图片的色彩要有区分度，充分考虑色彩对心理的影响。

4.5无升级预告或应急措施

在升级之前预告，以免影响用户的正常使用。

4.6长篇文章未分页

长篇未分页的文章会导致加载速度下降，密集的文字内容也易于产生视觉疲劳。

4.7内容滚动

滚动的内容可以引起用户的注意，但容易与其他内容重叠，有碍点选操作，易使用户产生反感。

4.8不考虑分辨率设置

设计页面时要用1024*768和1280*1024两种分辨率观察，使不同分辨率下都能较好显示。

参考文献：

[1]Jeff Johnson.认知与设计：理解UI设计准则[M].北京：人民邮电出版社，2011.

[2]科尔伯恩.简约至上：交互式设计四策略[M].北京：人民邮电出版社，2011.

[3]徐海波，王羽.UI群英汇：用户体验·交互·视觉设计方法论[M].北京：清华大学出版社，2012.

ui设计论文篇10

关键词：用户体验；网页设计；UI设计

在HTML5与CSS3技术正在网络环境下空前发展之时，它无疑给网站设计带来了更新鲜的交互体验。对于一个成功的网站而言，能够吸引用户，用户可以更舒适的使用与消费是其最终目标。从某种层面上来说，技术带来的新鲜功能比视觉吸引力更为重要，但是技术性并不能超越用户体验，任何一种伟大的技术都是为用户的易用与体验顺畅而服务的。网页中的UI设计作为用户体验的一部分，能够使用户在视觉上产生愉悦感起到了重要的作用。设计一款易用与赏心悦目的网页，可以吸引用户更喜欢浏览网站，参与网站活动并获得网站的信息，例如参与社交活动、进行消费行为等。当网站设计中的易用性与视觉美感得到用户满足时，将大大提升网站的用户体验。

1关于网站的用户体验

网站中的用户体验强调网站的可用性与视觉感受，包括功能、内容、形式等因素，这些因素共同组成了用户体验，是相互联系的统一体。在众多的影响用户体验的因素中，产品的“可用性”是一个至关重要的因素。国际标准中认为可用性是涉及容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。在网站设计中是即要从用户的角度，架构和设计网站，还要看到用户的需要，满足用户需求。网站设计是将用户引入到设计当中，把获取网站的信息、消费产品作为美好体验的过程。

（1）网站体验。根据网站设计的最终目标可以把网站分为三个方面：网站外观、用户行为、服务力度。用户对一个产品的体验是递进的，首先是当用户进入网站时视觉感受如何，有一个大概的基础印象，如果网站中UI的设计第一感觉看上去不能迎合用户的期望很可能会放弃继续浏览网站。其次是行为，也就是网站的可用性与易用性，使用的感觉如何，如果在使用过程中遇到阻力在某种程度上会对交互行为产生很大的影响。最后是服务力度，当用户使用一个网站尤其是电商网站，主要产生的就是消费行为，网站的售后服务在用户体验中显得极为重要，售后服务的质量直接影响到用户的心理感受。

（2）用户行为。网站的类型不同，目标用户也会有所不同，如男性、女性、青少年、儿童等。根据自身网站的定位去确定用户群，比如汽车网站的用户主要以男性为主。从用户心理的角度看，首先网站的设计在于能够把用户的注意力集中在网站推广的产品、信息上，可以按照自身的主观意愿进行操作，不需要有过多的思考过程，不需要理解网站结构，图标含义，以及导航在哪。其次用户不必花费太多的学习成本，操作与理解出错较少，简单的操作动作与操作习惯是好的体验的基本。对于一个网站的体验而言最好的方法就是按照用户所想的那样去设计。

（3）设计师因素。对于按照网站工作内容的来划分可以有视觉设计师、交互设计师和程序工程设计师。视觉设计师需要考虑的是网页设计与创意是否符合用户的审美需求，网站从外观看起来直接对用户产生的感受。交互设计师负责的是网站与用户之间的交互行为，在此过程中用户能否顺利的完成整个体验过程。程序工程师决定网站的功能与技术支持，是否能够保证网站正常运行，不影响用户的使用。

2UI设计与体验的关系

UI即用户界面，是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。对于工业设计领域中的人机交互设计就是指人和机器之间发生交互的时候能够高效率、舒适的对机器进行操控，在操作者需要对机器的操作做出决定的同时也能够帮助机器快速的给用户以反馈。

（1）网页中的UI设计。网站中的UI设计体现在用户与网站之间的交互与网页设计。从用户界面的角度来看，网页的UI设计与网页的视觉效果、风格等密切相关，不仅具有审美价值，也体现着人文关怀，无论从人的阅读习惯还是操作行为都具有以人为本的理念。当然对于一个网站而言，用户所体验的并不仅仅是审美与功能的设计。通常是包含功能与形式得到最协调的平衡，为整个网站的目标而服务，这样会拉近用户与网站之间的距离，赏心悦目的外观与强大的功能是否配合得当，成为用户体验的一个检验标准，用户使用网站月轻松，其满意度就越高，交互过程就越顺畅。

1）页面布局。合理的网页布局有助于用户浏览、理解网页信息，尤其是对于像搜狐、新浪等门户网站而言是至关重要的，怎样能够使用户在众多的信息中发现需要的那一个。在进行网页设计时，要以内容为主，将信息按照区块合理分布，做好重点强调和细部的处理。

2）风格和主题。网页视觉信息风格的确立是信息过渡到形式的关键，视觉设计师依据网站的内容而产生的，通过颜色、图像、文字等视觉元素来表达。例如电子商务网站更加追求信息化和数字感，好看的设计可能不如实际的数据更有吸引力。这种网站的功能比较繁多，例如当当网、淘宝，产品的分类清晰的体现了潜在的用户群，可以更有效的产生互动实现消费。

3）网页视觉元素。网站的外观主要体现在网页上的视觉元素，网页的色彩、图形、文字之间的构成关系会对用户产生一定的心理影响，这种影响既体现在各元素位置、大小的变化，又体现在空间虚实关系上。色彩作为人类表达情感的元素之一，往往能在用户浏览网站时留下第一印象。图形在用户获取信息过程中可以很好的实现传达与引导的作用。文字作为网站主要传达信息的手段，有着不可替的作用，无论从标题文字还是到页面内容，都能做到准确详细的传递。

（2）UI设计与用户的关系。网页设计的美感与体验与用户息息相关，UI设计既要在用户的角度设计视觉效果，又要研究用户的思维习惯，在网页设计中直接体现在颜色、版面布局、图形、文字当中，引导并影响用户获取信息。网页设计不仅仅是将页面做的华丽，还是为了让人们能够通过对界面的中的视觉元素引导和迎合用户完成整个操作，而不是纯粹追求创造视觉效果。从根本上来讲，一个好的网页设计应该拥有清晰的信息呈现，能够很好的引导用户去完成网站的任务。当我们设计一个用户界面的时候一定要考虑到用户界面的适用性，它需要考虑用户的年龄、生活习惯，并且最终实现为用户的使用而设计，这是一个理性的设计过程。所以UI设计要和用户研究紧密结合，去主动考虑用户的感受与需求。

3结论

综上所述，在这个以用户为中心的数字化时代，网站设计的用户体验将变得越发重要，无论从用户的可用性还是网站的UI设计都将深深的影响着用户的操作与体验。网页设计中的UI设计的审美价值是影响网页可读性的一个重要因素。合理的UI设计会使用户在享受网页视觉设计的同时愉快的体验整个使用过程，必然增加网站的吸引力，促使用户去阅读，去消费。一个布局散乱、风格各异的界面会影响用户去点击和消费的欲望。以用户为中心的UI设计时网站设计的核心，这也是未来各种平台产品设计的趋势。

参考文献：

[1] 胡飞.聚焦用户UCD观念与实务[M].中国建筑工业出版社，2009.

[2] Ben Shneiderman，Catherine Plaisant（美）.张国印，李健利，等，译.电子工业出版社，2009.