首页 > 文章中心 > ui设计论文

ui设计论文

前言:想要写出一篇令人眼前一亮的文章吗?我们特意为您整理了5篇ui设计论文范文,相信会为您的写作带来帮助,发现更多的写作思路和灵感。

ui设计论文

ui设计论文范文第1篇

一、研究内容:

基于Unity制作的《绿野仙踪》冒险类游戏,游戏的视觉方面采用3D的游戏视角,剧情是在奥芝国的基础上新改编的童话故事剧情,画风为独特的低多边形画风,配合上轻松的游戏玩法,力求制作出一款精美的独立小游戏。其主要的制作内容为以下几点:

1.参考原著《绿野仙踪》,以其中的人物为原型,重新设计一个主角桃乐丝在奥兹国历险的新故事剧情,剧情内容是通过击败游戏内的女巫解除翡翠城周围的封印,分别解救稻草人、铁皮人、狮子三个伙伴,最后在翡翠城通过大魔法师的帮助实现了桃乐丝众人的愿望。

2.游戏的角色场景设计是依据童话原著里描述的人物、地形、地貌等特征,使用Maya、Cinema 4D等建模软件制作,游戏的场景和角色均采用独特的Low Poly艺术风格。

3.游戏的玩法是通过自己设计的NPC对话展开游戏剧情,使用虚拟按钮控制主角在游戏中移动,主角在游戏内可以触碰部分环境生物,完成相应的目标并拯救游戏中的三个伙伴,帮助他们实现愿望。

4.游戏的功能方面是使用Unity编写C#脚本,完成游戏角色行走、碰撞检测、场景交互等内容。

5.游戏的ui是力求美观简洁,风格蕴含童话气息。

二、研究方法:

1.研究分析同类型的游戏,整理出游戏制作的大致方案和步骤。

2.分析研究文献《绿野仙踪》童话故事,并依据文献部分内容改编成游戏的故事情节。

3.分析文献内的插图绘本,通过想象确立一个游戏中场景模型的大致方案,使用 Maya、Cinema 4D等三维软件,通过软件内的减面、置换等技术进行游戏场景、模型的制作,将所有模型资源导入Unity,利用Unity完成场景搭建。

4.参考和筛选UI制作相关资料,在Unity中完善游戏界面。

5.利用Unity编写人物角色控制、碰撞检测、场景对话等脚本,使角色在游戏场景中达成相应的目标,完成游戏剧情内容。

6.游戏制作完成后,利用Unity运行并多次测试,修复出现的BUG,使游戏可以做到尽善尽美。

三、研究思路:

   首先通过观察对比同类型的游戏,总结这些游戏的优点,整理出游戏设计的整体流程和设计方向。通过查阅文献《绿野仙踪》,将其中的部分故事剧情改编成本游戏的剧情,并依据文献提供的文字描述、插图等内容,设计出大概的场景和角色形象,将完成的资源导入Unity进行场景搭建、角色动作调试,然后通过编写C#脚本实现游戏功能,最后通过不断调试修复BUG,完成游戏制作。

主要创新点:

1.基于《绿野仙踪》原著故事,改编成一个适合开发成游戏的新故事剧情,让玩家在游玩时可以一边回味童话故事情节,一边又可以体验轻松新奇的游戏内容。

2.作品使用了Low Poly低多边形艺术风格,设计上更加富有童话气息,增加游戏的美术吸引力,增强玩家的游戏体验。

3.游戏在玩法中加入了场景交互功能,可以与场景中的NPC、物体、树木等进行交互,丰富游戏内容,增强游戏的趣味性。

总体安排和计划进度(包括阶段性工作内容及完成时间):

一、总体安排

1.完成角色和场景的设计,并导入Unity完成场景搭建。

2.完成游戏UI的制作,实现游戏的基本功能并编写C#脚本。

3.在Unity中运行并测试游戏,完善游戏内容并修复BUG。

4.完成毕业设计论文

二、计划进度

2018年11月1日至11月21日:完成毕业设计选题;

2018年11月22日至12月12日:查阅搜集分析材料并完成毕业设计开题报告;

2018年12月13日至2019年3月15日:完成毕业设计以及毕业论文初稿;

2019年3月16日至4月11日:完善毕业设计,完成论文修改稿,形成定稿;

2019年4月12日至4月19日:提交毕业设计论文等资料,论文评阅与修改;

2019年4月20日至4月26日:答辩。

准备情况(查阅文献资料及调研情况、实验仪器设备准备情况等):

[1]时代印象.新编中文版Maya入门与提高[M].人民邮电出版社.2015.7.

[2]姜洪侠,张楠楠.Photoshop CC图形图像处理标准教程:微课版[M].人民邮电出版社.2016.3.  

[3]完美动力.Maya动画[M].海洋出版社.2012.7.  

[4]刘国柱.Unity3D/2D游戏开发从0到1(第二版)[M].电子工业出版.2017.

[5]陈嘉栋.Unity3D脚本编程:使用C#语言开发跨平台游戏[M].北京:电子工业出版社.2016.9.

[6](美)莱曼·弗兰克·鲍姆.绿野仙踪(插图本)[M].译林出版社.2012.5.

[7](英)3DTotal.com公司.想象的魔力—全球先锋概念设计师的手绘图集[M].上海人民美术出版社.2016.1.

[8](美)Tina O’Hailey.Maya动画角色绑定技术解析[M].人民邮电出版社.2016.4.

[9]矫桂娥,王国豪,李萍.Maya动画设计与制作[M].清华大学出版社.2013.9.

ui设计论文范文第2篇

关键词:人性化;网站界面设计(UI);老年人

网站界面设计,英文的全称是Web User Interface Design,又叫UI设计。包括三个方面:可用性,交互设计和视觉设计。通常研究的是让网站的界面具有更多的可用性,更良好的用户体验,以及更美观的视觉设计,概言之就是“人性化设计”。[1]在全球人口逐渐老龄化的今天,应该把更多的“人性化设计”真正应用在老年人这一弱群体上。本文旨在从老年用户的生理和心理各要素出发进行综合考虑,探析以老年用户为中心的网站界面(UI)设计要点。

1 老年用户研究

设计优秀老年用户网站界面的先决条件是与老年用户进行有效的交流,充分理解老年用户的需求,重视老年用户的生理和心理特征。

1.1 老年网民用户人数众多

据调查显示,近些年来,我国老年网民的比例一直在攀升,增长率已经超过了网民总体的增长速度,对于互联网的应用日益广泛。根据相关统计报告显示,2008年年底,51~60岁的网民从1999年的10.6万人增长到1251.6万人,60岁以上的由3.5万增长到447万人。虽然我国老年网民绝对数量不多,10%不到,处于上网人群的弱势群体,但却是以令人瞩目的速度增长着。

1.2 老年人对互联网的多样化需求

老年人由于心理上和生理上的变化,与儿童、少年、青年人和中年人人群有着不同的特殊需求。根据The Usbased Spry基金会报告显示,老年人的需求主要表现在四个主题:财产安全、身体健康、精神愉悦和良好的社会氛围以及参加智力活动。[2]具体表现在:获取相关信息,一些老年人希望上网浏览和查询最新的外界信息保持“耳聪目明”的状态,有些则是投身老年论坛,希望利用网络查询、浏览养生保健和常见疾病等信息沟通交流,有些希望通过网络和子女视频聊天、互发邮件;财务管理,还有相当一部分老年人希望能够使用网络来购物、买卖股票以及付账等。总之,老年人对互联网的多样化需求一点都不亚于其他人群。

1.3 老年人的生理和心理特点

从50岁到60岁这个阶段,明显地会出现一些衰老的迹象,主要表现在容易健忘,爱发脾气,认知过程缺乏适应能力;视觉模糊,色彩辨别力降低,视野范围和判断距离的能力通常大大不如过去;动作缓慢,手眼配合欠佳,听觉便开始逐渐减退。[3]总之,因此,随着年龄增长,工作效率逐渐下降。具体表现如下:

(1)近距离视力退化更大。比如在35厘米左右的读书距离内,视力减退的惊人,并伴有老眼昏花。据统计,70岁健康老人的视力超过0.6的只有51.4%。

(2)听力显著下降。特别是对较复杂和速度快的语言的理解,男性比女性减退的更明显。老年人并不知道自己的听力在下降,而是认为别人说话不清楚。

(3)记忆的减退,但也有自己的特点,比如老年人对往事的记忆清晰,而对新近发生过的事物或者新近学习过的内容遗忘较快;对需要将记忆材料进行组织加工使之进入长时储存方面的记忆力较差;老年人的意义识记减退较少,机械识记减退较多。例如,老年人对人民、地名、数字等东西的记忆效果就不好;

(4)思维能力弱化。在调查里,许多老年人常常抱怨自己已经不能像早先那样很好的思考问题了,这反映人的思维能力到老年时出现逐渐衰老的趋势。

2 以老年用户为中心的网站界面设计要点

在对老年用户做了研究之后,笔者认为适宜老年人的网站界面设计的总体原则是以人性化为本,同时注意网站的易用性,规范性,美观性,具体如下五点:

2.1 将操作任务化繁为简

在越来越强调人机交互的今天,对于老年用户来说,最好的人机交互就是简化操作任务,减少不必要的任务,[4]尽量让老年用户在网站上面的操作变得简单,同时又不宜出错。比如强调基本功能,尽量减少和弱化附加功能。如Gmail的登陆界面,简化到“登录信息+登录设置”即可,无须要其他的附加信息。

2.2 合理的信息显示

互联网的根本目的是提供信息,合理的信息显示包括两方面的内容:划分信息功能区和减少视觉密度。[5]

(1)划分信息功能区。当页面的信息较多时,为了避免视觉混乱,应该划分信息功能区。最重要的信息放在页面的视觉中心;同一类的信息放在一起,并与其他类信息间隔一定的空间;同一类的信息用同一种颜色或同一色系的颜色来表示;不同信息区又可以用不同背景色来区分。

(2)减少视觉密度。网站界面需表达的信息很多时,易造成界面看起来非常拥挤,信息挤在一团,对于老年人来说很难一眼就能获得所需的信息。因此,必须减少视觉的密度,比如:考虑适当的留白,适当的留白将使整个界面看起来清楚而美观;降低品牌识别logo、名称的大小,无需为了彰显品牌形象而刻意放大;使用简单的图形,尽量平面化,不要使用过度复杂的图像;使用空白空间,而非线条去区分文字内容;使用简洁的语句表达信息,避免内容过多等等。

如upcoming的首页设计,依据信息的不同类别划分板块,并按重要性摆放在相关位置。焦点活动咨讯配图放在视觉中心点,紧接着下面是活动信息介绍,左边的活动类型板块,右边是活动的辅助信息。信息安排布局井然有序,是划分信息功能区和减少视觉密度的最佳例子之一。

2.3 合理的文字规划

文字对于网站界面的作用不言而喻,对于老年用户来讲,网页文字的漂亮是建立在易读易辨的基础上的,合理的文字规划,主要表现为以下两个方面:[6]

(1)文字内容尽量简洁,配上有意义的图标或者图片,同时应该避免使用专业术语。字体的选择也要易于老年用户辨认,网页默认的字体是宋体。可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等,但前提是一定要易于老年人辨认。

(2)井然有序的排版。有时候别出心裁的界面设计或许会带给使用者眼睛一亮、赏心悦目的视觉感,但无论何,井然有序的文字区规划,才易达成最有效、最舒适的效果。如有较多的说明文字,要让说明具有顺畅地阅读连贯性。举个例来说,一个向中对齐与一个向左对齐的文字区块,明显地,向左对齐的区块读起来顺畅多了,因为使用者在读完一行字后,自然而然往左下方继续读下去,不需要重新找寻开头,相较之下,向中对齐的区块看起来混乱多了。因此,有规矩地文字区规划将可大幅度提升用户界面的品质。

2.4 合理的色彩规划

网站界面的色彩对于老年人来说同样重要。老年人的视觉衰退很明显,一个好的色彩规划可以提高界面的视认性,从而提高操作的准确性和效率;可以减轻视觉上的疲劳。另外,通过色彩规划来增强界面的美感和亲和力。[7]

具体来讲,老年用户界面中,最好不要超过3到5种颜色。大区域最好使用浅色调,如白色、浅灰等。对于老年人而言,配色要采用视认性高的色彩,要加大色彩的对比度,背景与主体对比度要大,背景色不宜采用有金属反光的颜色,如银色和金色。对于重要的按钮或信息要用诱目性高的色彩来表达,但颜色不宜过多,且区域不可以太大,否则看起来过度混乱,缺少美感,也容易造成视觉上的疲劳。

2.5 细节为王

对于老年用户来说,细节同样重要,比如尽量使用有意义的图标,尽量不要使用生涩难懂的专业术语,注意提供精确的导航提示,提供声音控制,尽量减少噪音干扰,克制使用新技术的欲望等等。

3 结束语

关注老年人网站界面设计,是以人为本的需要,也是国内所有优秀设计师的责任。限于篇幅有限,对于老年人使用的网站界面设计,笔者也只能泛泛而谈,有所不足和欠缺,还望读者指正。同时,撰写本文,以期抛砖引玉,引起大家对老年人更多的关爱和设计出更多更好适宜老年人使用的产品。

参考文献:

[1] 刘春花.基于用户体验的界面设计UI研究[C].天津工业大学硕士学位论文,2007(12).

[2] 杨足.老年人使用的家电的人机界面设计研究[C].江南大学硕士学位论文,2004(06).

[3] 廖晔.网页界面设计及其学科相关性研究[C].湖南师范大学硕士学位论文,2006(04).

[4] 赵侃用户体验设计――网页界面设计的重中之重[J].艺术与设计(理论),2010(09).

[5] 何荣.浅析网站界面设计[J].科技信息,2008(26).

[6] 宗明明.老年人网站界面设计前景分析[J].设计(Design),2012(10).

ui设计论文范文第3篇

【关键词】 大学英语;网络自主学习;评价体系;评价模型

【中图分类号】 G431 【文献标识码】 A 【文章编号】 1009―458x(2012)02―0021―05

引 言

随着计算机和互联网技术的不断进步,网络学习也日新月异,但与之相配套的学习质量评价体系却一直滞后,对于网络学习的效果评价还处于起步阶段,缺少有效的评价手段。

目前,国外主要有三个较受公认的网络教育认证标准,E-learning Certification Standards,Evaluation of a Web-Based Course,以及“在线教育质量:远程互联网教育成功应用的标准”。不过它们对于网络学习的评价仅是描述性的定义网络学习的评价指标,而对如何组织评价、如何获取定量数据、评价数据等方面则较少涉及[1]。

国外对网络学习评价的研究起步较早,但研究工作主要集中在远程协作学习评价上,都以案例的形式对自我评价、伙伴评价和小组评价进行研究。最早提出交互分析模型的是Henri,他从交互言论的视角分析了交互特征,提出了理解在线交互文本的分析模型,将交互分为五个维度:Partioipative、互动(Interaotive)、社交(Social)、元认知(Metacognitive)和认知(Cognitive)[2]。后来学者不断在此基础上开展研究,西班牙研究者Fatos Xhafa等用案例研究法对自我评价、伙伴评价和小组评价作了详细介绍,并就远程网络学习协作评价给出了具体的评价量表,此表包涵四个维度,task performance,group functioning,social support和help service,权重分别为50%、20%、15%、15%[3]。国外研究者在网络学习评价方面的研究主要集中在协作学习评价上。另外,大部分研究者都是以自我评价、伙伴评价或小组评价中的一项为研究对象,重点研究执行这种评价对学生学习的影响,给出具体评价指标的很少。国外的网络教学平台对学生学习效果的评价也是协作评价,如,澳大利亚的 Moodle教学平台在评价教学效果方面做得比较全面,包含了作业、考试的定性定量评价与管理,但在如何处理评价指标权重方面和定性评价向定量转化方面显得有些不足。

国内对网络学习评价的研究开展相对较晚,但近几年发展较快。以中国期刊网(CNKI)作为信息源,以“学习评价系统”和“网络”为关键词,以论文“题名”为检索项,检索 1994 年至2011 年 9 月的期刊论文和学位论文,得到近百篇文献。

张萍选取了认知、态度、应用技能以及人际协作作为一级评价指标,以知识建构、高阶思维、学习态度、协作态度、信息技能、工具技能、人际沟通能力作为二级评价指标[4]。覃美珍选取了学习态度、交流与协作和资源利用等三个维度作为一级评价指标[5]。张京彬等选取了学习态度、相互交流与协作、资源利用和总评等四个维度作为一级评价指标[6]。

这些研究主要延续了国外的研究成果,以远程网络学习或网络协作学习为研究对象,网络学习的评价指标选取上存在较大差异。国内外现有的网络教学评价方案不足之处表现在以下几个方面:① 最大的问题是国际上没有统一的网络教学评价标准,研究人员只是根据自己的研究实际制定评价体系;② 国内外的网络学习评价多数只针对某些局部范畴,如协作评价或只是关于远程教学中网上学习的过程性评价;③ 评价指标的选取上存在较大随意性和差异性;④ 课堂教学和网络自主学习相结合的混合式学习模型还没有受到关注,没有文章对其作为一个单独领域进行具体评价指标体系设计研究,没有系统的解决方案。

大学英语网络学习属于混合式学习模式,既有教师课堂授课,又有学生网上自主学习。为了解决大学英语网络学习效果评价的困局,本文依据建构主义理论和现代教育评价理论,参考Henri的交互分析模型,对国内外现有的评价指标体系进行梳理,结合大学英语网络学习实际,构建大学英语网络学习评价指标体系,再运用模糊数学方法设计了一套适合大学英语网络学习特点的综合评价模型。

构建大学英语网络学习评价指标体系

首先,确定评价维度。参考Henri的交互分析模型,对国内外现有的评价指标体系进行梳理,结合大学英语网络学习实际和大学英语网络自主学习自身特点,本文选取学习态度、交互程度、资源利用和试卷成绩作为大学英语网络自主学习的四个评价维度,试卷的设计是参照国内四级机考题型[7],制定了大学英语网络自主学习评价指标体系量表,如表1所示。表中将学习成绩、学习态度、协作与交流和资源利用四个方面作为一级指标,每个一级指标又包含3到9个二级指标。Ui表示一级评价指标(i=1, 2, 3, 4, 5);uij表示二级评价指标(i=1, 2, 3, 4, 5, j=1,2,…, 9)。

其次,确定指标体系权重。目前,确定评价指标权重的主要方法有专家会议法、特尔裴法和层次分析法(AHP)[8]。鉴于层次分析法采用多因素分级处理思想来确定各因素权重,这与上文建立的评价指标体系相吻合,因此,采用层次分析法来确定权重。

第三,评价指标模糊集。根据大学英语网络学习系统的特点和要求,需要用模糊数来代表教师评分所使用的等级,这里采用目前学习评价中常用的优、良、中、及格、不及格五等级评价方式[9][10]。

大学英语网络学习模糊综合评价模型

1. 建立评价指标因子集和评价集

设评价指标集合为U,则有:U=(u1, u2, …,un),式中ui为各评价指标。

(1)定义一级指标集为U=(u1, u2, u3, u4)= (资源利用,学习态度,交流与协作,学习成绩),相应的权重集为A=(a1, a2, a3, a4),其中ai (i= 1, 2, 3, 4)表示指标ui在学生总成绩U中的权重,且∑ai=1。

(2)定义二级指标为Ui=(ui1, ui2, ……)=(按教师预定的课程学习计划完成学习任务,积极地参加教师组织的网上教学活动,……),相应的权重集为ai=(ai1, ai2, ……),其中aij(i = 1, 2, 3, 4), 表示指标uij在学生总成绩ui中的权重。

(3)定义评价模糊集V=(v1, v2, v3, v4, v5), 该模糊集中的每一参数均用评定的分数等级表示。

2. 确定模糊评判矩阵隶属函数

学生排名与真实水平的关系假设满足正态分布,这种分布在教育评定实际应用中也被广泛应用[11]。针对大学英语对某班全部学生进行排名,把该课程的学生排名序列分为五档:(0% ~ 10%],(10% ~ 30%],(30% ~ 60%],(60% ~ 90%],(90% ~ 100%]。利用模糊数学中的隶属度的概念,由专家经验值确定一个学生的排名在(10% ~30% ]内,则该学生的真实水平落在(10% ~ 30%] 的可能性定为0.6,而落在(0% ~ 10%] 和(30% ~ 60%] 的可能性各为0.2。这样,该学生在班级排名的真实水平可用向量r=[0.2 0.6 0.2 0 0]表示。则指标U的模糊评价矩阵R=[r1,r2,……,rn]T,n是U评价指标的数量。

教学评价模型的实例分析

在网上学生学习评价调查表,有30位师生对学生K进行综合评价,经处理后得到的大学英语网络学习评价调查统计表如表2 所示(评价指标对应表1)。

1. 确定一级指标和二级指标的权重系数

(1)确定一级指标U1、U2、U3、U4权重系数

根据上述AHP方法的思路,通过专家会议法,制定网络学习行为各评价因素的两两比较矩阵。对网络学习评价的一级指标中的各指标分别进行两两比较得到一组判断矩B(1),如表3所示。

同理,经一致性检验,对比较矩阵进行修正得各二级指标的判断矩阵、权重和CR,分别由表4至表7给出。

2. 隶属度的确定

以u11为例计算uij (i=1,2,3,4, j=1,2,…,9) 的隶属度。

评价指标u11的积分=(95×v1+85×v2+75×v3+ 65×v4+50×v5)/评价人数

=(95×5+85×10+75×10+65×4+50×1)/30

=80

此学生的u11成绩在班级30人中排在第12位,其分布率=12/30=40%,故u11的隶属度为(0,0.2,0.6,0.2,0)。二级评价指标uij的计算方法以此类推,得到的uij隶属度,见表2。

3. 建立模糊评价矩阵R

由表4可得各二级指标的评价矩阵分别为R1、R2、R3和R4。

这表示该学生在大学英语这门课程的学习成绩为优秀的成分为0%,良好的成分为14%,中等的成分为48%,及格的成分为32%,不及格的成分为6%。根据等级分数矩阵,则该学生大学英语的学习成绩为

U4=[0 0.166 0.533 0.267 0.034]×9585756550=73.152

其所属等级为良。

同理可得学习态度U1、交流与协作U2、资源利用U3的成绩分别为:把二级指标所得的成绩在所有人数中重新排名得到如表8所示成绩。

该生总评价等级属于中等。

大学英语网络学习评价模型综合验证

以参加大学英语网络学习教改实验的90名学生的学习参数为样本点,检验模型的准确性及鲁棒性。对90名学生的学习状况动态跟踪采集,分析后得到学习数据。使用调查问卷收集学生的反馈意见,85%的学生认为数据较准确地反映自己的学习状况,10%学生认为数据有部分项没有准确反映自己的学习状况,5%学生认为数据完全没有准确反映自己的学习状况。调查数据表明:评价指标体系设置合理,能较好地表示学生的学习状况;通过系统的处理机制得到的数据能较准确地反映学生学习状况。

以这90名学生2010-2011年第一学期课程的数据为依据,对该年级90名学生进行评价,其正确率-错误率曲线如图1所示,正确率达90%。

这表明,该模型具有很好的实用性和指导作用,大学英语网络学习评价指标体系的结构比较合理,经系统得到的评价结果更加科学、合理,能较全面反映学生的学习状况。经系统得到的评价结果和理论结果一致性较好,学生对于使用该系统给出的评价结果和指导学习的信息认可度在中等偏上。因此,提出的评价方案总体可行,可以考虑在更大范围使用。

此评价模型可以进行计算机编程,使用起来更加简便,可操作性更强,在大学英语教学评价中具有很强的实用性,模型的评价指标系数可以按照专家和实际教学需要进行调整,其仅适用于大学英语网络自主学习的量化与非量化混合的综合评价。此模型把过程评价和总结性评价有机结合,希望能解决我国大学英语网络自主学习评价的难题。

?眼参考文献?演

[1] Charles F. Saxon G. Reasons,Online Student Evaluation of Teaching for Distance Education: A Perfect Match? The Journal of Educators Online,Volume 2,Number1,January,2005.

[2] 张润芝. CSCL评价技术的新趋势[J]. 中国电化教学,2009,(5):35.

[3] Tim S. Roberts, Self, Peer, Group Assessment in E-learning, Information Science Publishing, 2006.

[4] 张萍. 网络环境下协作学习评价模型的探究[J]. 科技情报开发与经济,2010,(34):101-103.

[5] 覃美珍. 网络环境下学生学习评价的研究[D]. 南宁:广西大学,2005:31-33.

[6] 张京彬,余胜泉,何克抗. 网络教学的非量化评价[J]. 中国远程教育,2000,(10):48-52.

[7] 大学英语等级考试机考样卷. [2011-12]. .

[8] 彭祖赠,孙韫玉. 模糊数学及其应用[M]. 武汉:武汉大学出版社,2007:90-94.

[9] 张吉军. 模糊层次分析法(FAHP)[J]. 模糊系统与数学,2000,14(2):80-88.

[10] 张阳,王东,杨贯. 基于模糊AHP理论的网络学习评价模型研究[J]. 湖南师范大学自然科学学报,2007,30(2):71-75.

[11]张磊. 教育统计分析方法[M]. 北京:科学出版社,2007:255-256.

收稿日期: 2011-11-15

作者简介:惠兆阳;梅树美。哈尔滨理工大学荣成学院外语系

ui设计论文范文第4篇

如果你仔细回想一下,“拼多多”所代表的这种复杂、高度集合信息的设计风格,在中国互联网江湖中并非个例。

淘宝、京东、今日头条等等,各大主流 App 的首页设计均是如此——琳琅满目的信息恨不得填满你的世界,色彩斑斓的图片、GIF 搔首弄姿般地时刻提醒着你:点我!点我!

电商类 App 的首页UI界面,是不是长得都差不多?

从左到右依次是:淘宝、京东、苏宁易购、1号店

相较于国内互联网公司复杂的“大而全”式设计,国外的 UI 设计大多走“简约”路线:非常注重留白,收藏起功能选择栏,集中突出某一项功能。

在同行的映衬下,难怪 Winnie 会觉得中国的 App “丑” 了。难道是中国互联网人的审美出了什么问题吗?

01 汉字原罪

关于审美的讨论,其实是一个公说公有理、婆说婆有理的话题。在互联网设计当中,美、丑都是相对的概念。在 Winnie 眼中,“丑”就是密集式的复杂设计,以中国为代表;“美”则是留白式的简约设计,以美国等西方为代表。

自从乔布斯开始,在以科技创新为象征的互联网行业中,美国等西方国家一直都“代表着先进文化的前进方向”,如今顺理成章地,它们所采用的简约设计风格,是目前国际上 UI 设计界的主流声音。但中国的互联网公司这次却偏偏不跟风了,纷纷祭出各种五花八门的复杂设计作品,让人眼花缭乱、应接不暇。

中国这种高密度的信息设计,往往都伴随着几大特点:链接多、图片多、色彩斑斓。而这与汉字的结构息息相关。

中文中最复杂的汉字 biang

共有57画

“biang biang面”为陕西关中地区的一种民间美食

与英文这种表音的拉丁文字不同,汉字作为表意的象形文字,是世界上最复杂的语言之一。英文有26个字母,相互排列组合就可以构成有意义的词;但是汉字却有八万多个单字,不论是单独、排列还是组合都可能生成不同的词,结构着实复杂。

并且汉字没有大小写、没有空格、笔画众多、花头较少。在自身复杂的前提下,简体汉字也缺乏很多设计上的可塑性。这就决定了在界面设计上,简体汉字比英文更加繁琐。所以,当你的App上大量出现中文的时候,即使其他元素保持不变,你也会觉得设计变得更复杂了,像是变“丑”了,降低了原先设计的“逼格”。

把包上的英文转换成汉字,立刻满满的违和感(图片来源微博)

在互联网的世界中,简体汉字不仅在外观上相比英文更加复杂,其在功能上受到的制约,也加剧了这种复杂的呈现方式。

互联网是诞生于英语世界的产物,这是一个从最底层的框架开始,就以字母为基础构建的网络平台。不论是 Windows还是 Linux,再到移动时代的 Android 和 iOS,所有的操作程序都是用英文写就的,这就导致在中文搜索出现前,如果用方块字搜索网页,你几乎什么也搜不到的。

中文搜索出现后,域名的字母问题依然存在,用户可以看得懂汉语,但是他们无法记住用英文字母拼就的域名。所以与其让用户去记住网页地址的一连串字母,不如直接提供链接——这就体现了非英语世界中“门户网站”的重要性。大量排列链接的意义本质上正是为了解决用户“看不懂英语字母”的问题,让他们可以直接点击链接,导航到想去的网站。

2007年的新浪网

而且,这并不是简体中文独有的情况,日语、韩语、繁体中文等在设计上都与简体中文有着相似的困境。在迎接以英文为主的互联网时代到来时,不可避免地要使用这种多链接的方式,设计自己的网页。

文字多了,为了配合布局让网页看起来不会那么枯燥,我们自然而然会想到添加图片。于是各种五颜六色的图片、色彩斑斓的GIF也就应运而生,配合设计师调配页面上复杂的设计风格。

02 相比西方人,中国人更擅长观察复杂环境

在国外脑科学领域有一个研究分支为“文化神经科学”(Cultural neuroscience),主要研究不同文化背景会对人的大脑神经产生怎样的影响。

2005年,密歇根大学心理学系的三位教授Hannah Faye Chua, Julie E. Boland 和 Richard E. Nisbett 做了一个有趣的实验。他们把一些图片,分别拿给美国人和中国人观看,然后记录受试者的眼动情况和记忆能力。结果表明,美国人更容易注意到图片中的单个物体;而中国人则能够对物体、环境、背景等多种元素有一个均衡的感知。

实验中所用到的让受试者观察的图片示例和论文截图

换句话说,中国人和美国人对信息有不同的感知方式,我们更擅长观测充满复杂信息的环境。Chua 他们认为,这与中美的文化差异相关:美国更崇尚个人主义,而中国则更崇尚集体主义。

后来,这一学科的其他相关研究均不断印证了 Chua 他们的发现。专栏作家 Sharon Begley 在 “文化如何塑造大脑” 一文中写道:当观察复杂的场景时,亚裔和非亚裔分别激活了不同的大脑区域。亚裔大脑中的图形处理区域会活跃起来,这使他们更能关注到整体;而非亚裔的大脑活动则主要集中在个体物体识别区域。

也就是说,咱们中国人,天生就有能够处理复杂信息的能力,所以在面对“拼多多”们这种繁琐的 UI 设计时,根本就没太当回事儿。在我们日常生活的文化空间中,中国用户已经逐渐习惯了各种复杂的元素构成,并不会认为它特别得“丑”或者“美”。复杂,只是一种习惯性的设计表达。

美国曼哈顿唐人街的街市布局与曼哈顿其他地区的布局截然不同

充满了中国“复杂”的特色

图片来源:维基百科

传统中国人爱热闹,喜欢“人多”的氛围,比如好餐厅就一定要是人声鼎沸的,一定要是排队的;喜欢红色,因为代表喜庆。逢年过节更是要走街串巷,锣鼓喧天、鞭炮齐鸣,这代表了好兆头,是中国文化的一部分。

在这种文化环境下,我们诞生出来的设计作品也极具特色。诸如窗花、贴图等充满民族文化的设计作品,往往都透露着一种“复杂”的特点。一个作品中通常都有不止一个人物,细节雕琢得到位,各种元素齐全,整体上来看,体现出的就是一种信息密集式的复杂艺术特征。

苏州桃花坞产出的桃花坞年画,色彩艳丽

如果把它和“拼多多”们的主页联想在一起,是不是有一种异曲同工之妙?

你很难说这是丑还是美,它是一种客观存在的文化现象,没有随着科技和互联网的发展而消失,而是以另一种方式保存了下来。在使用这些互联网产品时,中国最广大的用户们并没有表现出太多对美丑的评价,因为我们在大脑中已经自然地接受了这种“复杂”的设计风格。

03 产品设计

日本设计师原研哉(无印良品最早的设计总监),曾在自己的书中(《设计中的设计》)说到:设计的首要任务永远都是实用性,要在实用性的基础上给用户以美的体验。原研哉是日本极简主义设计理念的代表,极简如他,依然强调的是设计在功能端的作用。

对于互联网界面的 UI 设计来说,撇开文化表层的原因,它从本质来看就是一种商业行为,那么“满足用户需求”,就是产品经理在任何时候都会最优先考虑的事。对于中国的这些互联网公司来说,采用复杂设计的最直接原因,可能只是因为这么做能赚钱而已。

Porter Erisman 在自己的畅销书《六十亿购物者(Six Billion Shopper)》中,记录了李开复还在谷歌时的一次内部讲话,那时谷歌还没有离开中国。李开复在讲话中提到,在全球各地谷歌实验室进行的“眼动测试”中(眼动测试,记录受试者在浏览网站时眼睛转动的情况,以此来判断他们注意力的变化),他们发现了一个有意思的现象:美国的谷歌用户,在使用谷歌时,目光会直接锁定在搜索框;而中国的谷歌用户则可能会把整个网站都浏览一遍,就像是在寻找一些可能潜藏的“小惊喜”。

《六十亿购物者》这本书描写了全球电子商务市场中的企业故事

李开复的结论与Chua教授等的研究结果如出一辙。显然,在中国的社会环境下,高信息密度的复杂式设计更符合用户的行为习惯,也能吸引更多的用户流量。

以淘宝和亚马逊为例。对于美国用户来说,他们平常的购物场景发达,用户登陆亚马逊往往会直接通过搜索框找自己需要的商品。而且这些用户通常在登陆前,就对自己所要购买的商品有了充分了解。

亚马逊在不同地区的首页设计差异

它的中国版已经为中国人的使用习惯进行了明显的个性化设计

但是中国用户在淘宝上,往往会有一个“逛”的行为。他们打开淘宝后就像逛商场一样,四处翻看,打开各种链接和优惠活动页、观看特卖直播,然后把不同店家的相同商品放进购物车,最后货比三家再购买。

显然,如果一个中国用户用亚马逊买东西,他不会觉得亚马逊简约、好看,反而会认为它的用户体验弱爆了,想要的信息统统都没有。

除此之外,中国庞大的人口基数,也是孕育复杂式互联网设计的一个重要原因。庞大的人口基数下代表了中国大多数互联网用户的基本样貌:受教育程度普遍不高、需求多样(且每一个细分需求都有足够大的市场)、消费能力偏低。

虽然现在大家口中常说:到处都是985/211,硕士博士满地跑。但实际情况是,中国从恢复高考以来,四十年累计的本科学历者只占全国人口的不到 4%。受教育程度较低意味着对审美的敏感度也较低,他们更追求基本层次的体验和享受。

对于这样的网民群体,与其采用简约设计让他们独立搜索,不如把所有选项都放在他们面前,让他们自由挑选。越懒人模式的设计,也就越能够留住用户。

留住用户就是留住了衣食父母,产品经理们一定都懂这个道理——于是他们把所有能想到的需求,都放在设计界面中。因为即使一个不起眼的需求,在庞大的用户基数面前,都可能有海量的市场,谁都不愿放弃可能存在的商机。

最后,消费能力偏低,这就意味着中国用户对价格更加敏感。2017年,中国全国居民人均可支配收入约为2.6万元(约4000美元),而美国人均可支配收入则是60,000美元,是中国人的大约15倍。

同样在手机App上搜索小米手环

在亚马逊和淘宝出现的截然不同的UI界面

琳琅满目的填充式设计,充分满足了消费者们的“廉价”心理:复杂的设计下,在线商品就像现实中的大卖场,复杂往往代表着“便宜”。

“廉价”的设计不会给用户带来心理负担。我们在日常生活中,看到一家店装潢精美设计优雅,会潜意识认为这家店的东西肯定很贵,从而在进店之前就产生消费心理障碍。

而价格敏感的用户常常也会有一些“占小便宜心理”。他们往往觉得相同价钱买得东西越多,就越划算。这也就是为什么淘宝店主们总会在卖东西时,送很多小礼品。比如买衣服送袜子,买篮球送气针、气筒篮球袋等等。所以,中国的电商们在制作宣传图片时,也会极力在一张图里堆满各种优惠信息,充分满足人们“多就是好”的潜在阅读期待。

所以,中国互联网这种“复杂式”的设计风格泛滥,并不是我们失去了审美,而是在文化、经济、消费者心理等多重作用下的考量。相比国外的简约式风格设计,复杂的设计可能不好看,但是对于产品经理们来说,好看,并不是他们设计产品的最关键因素。

再多说句题外话,这种复杂的设计风格,如果让国外公司模仿,还真不一定能做成。

去年天猫双十一的时候,杭州的森马电商部门聘请了几十位设计师,来实时设计各种商品的展示图片,以满足淘宝这种复杂设计 UI 下的内容宣传和调换。这只是森马一个品牌而已,那天参与双十一的品牌可能有成百上千个。为了要配合淘宝这种信息密集式的页面设计,商家需要花费一笔巨大的人力成本。这样的工作,也只有还在吃着人口红利尾巴的中国市场上,才有机会做到了。

其实,中国的艺术史源远流长,简约之美的设计理念并不是什么舶来品,我们其实擅长得很。上文中举的复杂的艺术设计作品,多来自民间。那么简约的艺术设计作品,过去都是谁在把玩欣赏呢?

ui设计论文范文第5篇

关键词:集装箱码头操作系统;产品化;研发;实施

中图分类号:U169.6 文献标识码:A

本研究课题计划以招商局青岛码头CTOS研发实施项目为依托,在CTOS产品研发中植入产品化的理念,第一步实现主要部件组件化,利用积累起来的业务经验逐步增加模块复用的程度,研发出具有自主知识产权的,在技术架构以及开发工具上具有一定先进性并且可以满足码头营运的,世界一流的集装箱码头操作系统;然后以此为基础搭建符合国内外集装箱码头操作习惯,业界领先的集装箱码头操作开发平台,增加CTOS的竞争能力。

1 集装箱码头操作管理系统国内现状

TOS系统,俗称集装箱码头操作系统,在集装箱码头的软性指标中处于核心地位;国外的TOS系统发展多年,依靠早年积累起来的技术和众多的客户为业务背景,已经开发出很成熟的产品,可以适应大型集装箱码头的操作管理需要;但是另一方面也存在费用高,维护周期长,本地化差异及核心技术受制于他人的问题;国内的TOS系统起步较晚,产品较不成熟,所以国内大型集装箱码头使用的基本上是国外的产品,比如招商局旗下的蛇口集装箱码头使用美国的Navis,赤湾集装箱码头使用的是比利时的Cosmos产品;而此两大码头占了整个深圳集装箱码头的约一半箱量。

目前市面上各大码头用的TOS系统产品主要来源于国外的Navis、Cosmos、TSB等大的厂商;而国内较大的TOS系统研发企业有上海海勃、华东电子等主要公司,竞争相当强。招商局国际作为招商局旗下的优质公司,TOS系统作为企业的软性核心竞争力,不论从国家重点发展自主创新的理念,还是市场化的需要,对自身的TOS系统的研发提出了更高的要求,产品化道路势在必行。2003年至今,招商局集装箱码头操作管理系统(下称CTOS)已经在旗下5个中小码头成功实施,多年来积累了丰富的研发实施经验,CTOS系统从1.0版本也发展到了3.0版本,但是随着码头业务的不断发展,原有项目化发展的CTOS系统逐步暴露出诸如单证等子系统之间的数据交换复杂、系统整体性能较低、后期扩展性弱、维护成本高等问题;所以尽快使CTOS系统产品化迫在眉睫。

2 重点解决以下几个问题

(1)VC++的客户端程序如何高效的调用基于IIS的.NET中间层服务。

(2)如何设计和抽取出一套基于Windows平台的核心通用组件,增加复用率并且降低将来实施新码头TOS系统的研发实施成本。

(3)无线终端2.4G技术如何与目前大量使用的400M技术相结合。

(4)根据码头业务的差异和维护实施需要如何设计出通用配置化的架构。

3 具体设计方案

(1)VC++开发的非托管客户端如何调用基于IIS的.NET服务

在.NET应用3层架构应用程序中,中间层应用服务器可使用.net remoting或WebService实现,两种技术的主要特点如下:

a)WebService:语言独立,平立,穿透防火墙,适合Internet场景应用;性能比TCP+Binary形式的Remoting慢;和host在IIS上的HTTP+Binary形式的Remoting性能基本相当;比host在IIS上的HTTP+SOAP形式的Remoting性能高;必须host在WebServer上;面向接口实现,适用于传递简单数据类型或系统内置对象,不太适合传递复杂对象;远程对象生命周期:只支持SingleCall模式。

b)Remoting:客户端局限于.net framework;跨应用程序域的.net component;支持Binary or SOAP格式;支持TCP,HTTP,自定义通信协议;WebServer不是必须的,可host在其它自定义应用程序;TCP通道下的remoting性能比WebService性能高;完全的面向对象实现;远程对象生命周期:支持SingleCall、Singleton、CAO三种方式。

在本系统中间层技术选型中,性能是第一位的考虑因素。TCP通道和二进制格式下的Remoting比WebService性能高是很明确的,但使用TCP通道一般需要另行开发一个Windows Service程序作为Remoting应用的host程序,这种方式主要的问题是比较难实现系统的负载均衡,且增加了系统的复杂度和增加了工作量。基于负载均衡的考虑,在本系统中,不考虑使用TCP通道的Remoting技术实现。

由于排除了使用TCP通道的Remoting,所以在系统性能比较上就只考虑IIS上的Remoting和WebService,通过参考微软对两种技术的性能对比测试报告,并进行实际的性能对比测试,对比性能测试的结果与微软的测试报告结果一致:WebService比HTTP+SOAP方式的Remoting性能高;WebService与HTTP+Binary方式的Remoting性能基本相当,多数情况下WebService的性能稍高一些。

通过性能对比测试,显示WebService和Host在IIS上的Remoting在性能上基本没有差别,另外的重要的考虑因素是对VC++应用的支持。在TOS系统中,前台应用程序采用VC++语言开发,前台程序具有复杂的图形处理,暂时不准备将这部分程序移植到.NET平台实现。这种情况下如果中间层应用服务器使用Remoting技术实现,则前台程序必须完全用.NET技术重写;而如果中间层应用服务器使用WebService技术实现,则前台应用程序可仍然使用VC++开发,这可以大大减少开发工作量,降低项目风险。

结论

经过对比Remoting和WebService技术的处理性能和适用场景,认为WebService技术更适合在本系统中,所以在本系统中决定采用WebService技术实现中间层应用服务器。

(2)如何设计和抽取出一套基于Windows平台的核心通用组件,增加复用率并且降低将来实施新码头TOS系统的研发实施成本

系统计划采取的架构基于COM组件,采用二进制方式进行共享,而不是传统的代码级重用,能够降低系统的耦合型,更好的对并行开发方式的支持。SDK与ATL+WTL的结合,即可以减少对MFC的依赖,又可以利用成熟的ATL+WTL的模板类来进行快速的开发,在WTL中已经有很好的对窗口类的封装,很好的对ATL进行了补充。ATL和WTL对用户来说都是开源的,在调试跟踪方面或者问题排查上,会有很大的帮助。

基于上述原因,整体图形化系统采取COM组件搭建,设计思想如下:系统框架不缓存任何数据,COM实体缓存显示和操作必需的数据。所有COM组件的数据交换采用标准的XML结构处理,可跨开发语言平台使用(基于Windows)。根据实际情况,计划对部分通用以及可能通用的模块采取标准化的组件设计,进行COM抽象改造之后,可被其它模块或者开发语言调用使用,降低了开发成本。

1)船侧视图。2)船浏览图。3)船贝图。4)船柱状图。5)堆场外观图。6)堆场鸟瞰图。7)堆场贝位图。8)堆场栏图。9)泊位计划。10)统计表。

(3)无线终端2.4G技术如何与目前大量使用的400M技术相结合

关于码头无线终端的使用,目前存在两种带宽的技术:400MHz和2.4GHz;这两种技术模式各有优缺点,说明如下(灰色底色表示优点):

从上表可以看出,400MHz的目前需要继续使用的理由是由于历史原因以及成本考虑,长期来看会逐步被2.4GHz所替代;但是400MHz的会继续存在2~3年或更久。所以,在设计上我们必须考虑将两者在系统级别不作区分。统一设计维护。

基于以上考虑,无线终端服务设计思路如下:

1)无线终端服务端只关注界面逻辑,业务逻辑放到IIS的中间层进行处理。

2)2.4GHz的终端和400MHz的终端统一通过封装的无线终端服务进行中间层的访问,终端不直接访问中间层。

3)由于400MHz的界面显示处理只能在无线终端服务端进行;故在无线终端服务端的设计内单独加入400MHz的界面处理类,其余的类不再区分2.4GHz或者400MHz,进行统一处理。2.4GHz的客户端处理当作Windows客户端处理,不需服务端介入。

(4)根据码头业务的差异和维护实施需要如何设计出通用配置化的架构

为提高图形化系统的产品化程度(主要包含船舶管理和堆场管理两大模块),减少新码头的开发成本以及后期实施的成本,需要对各个码头对于码头图形化系统的需求进行抽象并且进行配置化处理,主要分为以下两类的配置化:

1)界面元素配置化

在VC++的实现框架下,采用的XML来进行UI配置,目标是将目前存在的每个码头一套代码合并成统一的一套编译代码,而最终的目的则是要将前台软件产品化。因此,在UI部分进行合并时,则要求不是简单的将所有代码能合并到一个编辑框架下,而是消除现有软件实施过程中码头化的概念,将所有的功能都合并起来,形成一个功能全集;通过配置,选择不同的功能模块,以满足不同码头的业务需求。

①以XML文件来描述UI组件的位置,控件类型,以及所对应的事件。

②提供一个模板基类,对XML中的UI元素统一的消息处理,将所有的事件依据XML中配置的函数名进行事件分发。

③对于需要定制化的UI界面,继承框架提供的模板基类,并注册事件处理函数后,通过装载UI XML来达到界面功能配置化的目的。

2)业务流程的配置化

业务规则定制由3部分组成:框架、XML配置文件、业务规则定义。

1)业务规则管理实现了ITOSRuleManage接口,该部分由系统框架实现,提供如下功能:提供业务规则的管理;提供数据参数的传递;根据业务流程编号按顺序执行配置文件中使用到的业务规则;可获取业务规则返回的信息。

2)通过XML配置文件来定义业务流程中使用到的校验项,分两部分:业务规则集合定义和业务流程中使用的规则:业务规则定义包含:规则ID、组件CLSID、函数名称;业务流程包含:业务流程编号、使用规则、规则对应附加参数的描述。

3)业务规则定义,即通过输入的数据,来判断是否符合规则。

4 预期效果

(1)业务逻辑层采用了标准WebService方法构建,适应各种不同的客户端(含C/S,B/S)调用,无需过多考虑开发语言和模式,只要能调用标准WebService都可以。

(2)抽象了10个以上的图形化组件,此部分内容可适应目前所知的绝大部分码头的需要,不需要再进行开发。大大减少了图形化系统的研发和实施时间。

(3)技术和业务上整合了无线终端目前的主流频点400MHz和2.4GHz开发,可以适应所有码头的无线终端的需求;实施过程中只需要根据各码头实际业务进行业务处理调整即可,无需对技术架构进行改变。

(4)由于根据已实施码头的实际经验以及业界其他码头的可能预期在图形化系统进行了可配置项的设置,此部分内容可适应绝大部分码头的需要,只需要根据新码头的实际情况进行配置即可,不需要再进行开发,大大减少了图形化系统的研发和实施时间。

参考文献:

[1] 张莉. D港集装箱码头堆场系统业务流程现状、问题及对策[J]. 物流技术,2009,28(1):44.

[2] 马健丽. 基于400M无线网络的中小型集装箱码头无线作业调度系统[J]. 中国科技信息,2010(12):130.

[3] 徐继成,曲国臣. 集装箱码头操作系统解决方案研究[J]. 水运科学研究,2006(3):35.

[4] 彭传圣. 集装箱码头经营与技术信息[J]. 水运科学研究,2007(1):58.

相关期刊更多

物理教学探讨

省级期刊 审核时间1个月内

西南师范大学

电子设计技术

部级期刊 审核时间1个月内

中华人民共和国信息产业部

电子设计工程

统计源期刊 审核时间1-3个月

陕西省科学技术协会