ui设计论文(精选5篇)

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

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

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

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

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

二、研究方法:

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

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

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

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

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

三、研究思路:

主要创新点:

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

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

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

一、总体安排

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

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

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

二、计划进度

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]姜洪侠,张楠楠.PhotoshopCC图形图像处理标准教程:微课版[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](美)TinaO’Hailey.Maya动画角色绑定技术解析[M].人民邮电出版社.2016.4.

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

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

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

1老年用户研究

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

1.1老年网民用户人数众多

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

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

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

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

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

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

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

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

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

2.1将操作任务化繁为简

2.2合理的信息显示

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

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

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

2.3合理的文字规划

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

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

2.4合理的色彩规划

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

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

2.5细节为王

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

3结束语

参考文献:

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

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

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

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

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

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

引言

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

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

国内对网络学习评价的研究开展相对较晚,但近几年发展较快。以中国期刊网(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.20.60.200]表示。则指标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=[00.1660.5330.2670.034]×9585756550=73.152

其所属等级为良。

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

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

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

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

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

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

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

眼参考文献演

[1]CharlesF.SaxonG.Reasons,OnlineStudentEvaluationofTeachingforDistanceEducation:APerfectMatchTheJournalofEducatorsOnline,Volume2,Number1,January,2005.

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

[3]TimS.Roberts,Self,Peer,GroupAssessmentinE-learning,InformationSciencePublishing,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

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

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

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

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

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

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

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

01汉字原罪

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

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

中文中最复杂的汉字biang

共有57画

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

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

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

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

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

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

2007年的新浪网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

03产品设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2重点解决以下几个问题

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

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

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

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

3具体设计方案

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

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

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

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

在本系统中间层技术选型中,性能是第一位的考虑因素。TCP通道和二进制格式下的Remoting比WebService性能高是很明确的,但使用TCP通道一般需要另行开发一个WindowsService程序作为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年或更久。所以,在设计上我们必须考虑将两者在系统级别不作区分。统一设计维护。

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

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界面,继承框架提供的模板基类,并注册事件处理函数后,通过装载UIXML来达到界面功能配置化的目的。

2)业务流程的配置化

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

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

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

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

4预期效果

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

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

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

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

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

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

THE END
1.稿定设计PS关于反馈错误学习BlogAPI 文件编辑图像图层选择滤镜视图窗口更多账户 自动选择组图层显示变换控件距离 ?新建项目?从电脑打开 将文件拖拽到此处 < > > < 历史记录 色板 ≡ 图层 通道 路径 ≡ 正常溶解变暗正片叠底颜色加深线性加深深色变亮滤色颜色减淡线性减淡浅色叠加柔光强光亮光线性光点光实色混合差值排除减去https://ps.gaoding.com/release/sources/index.html
2.极简设计的最佳实践分享这意味着,极简主义设计的最终目标是实现返璞归真,在最纯粹的样式中,还原最基本的东西,创建一个无缝流畅的设计体验。这就要求一个设计师既能遵从可用性的基本要求,又要保持精益求精的设计追求。最后,请记住,简约主义并不是强调要大刀阔斧地尽可能剥离设计元素,而是考虑如何使用足够的内容清晰有效的向用户传达必须的信息https://www.jianshu.com/p/29d14f3e7994
3.简设计的微博简-设计 2023-12-26 20:57 来自小米8周年旗舰手机 转发微博 抱歉,由于作者设置,你暂时没有这条微博的查看权限哦。查看帮助:O网页链接 ?收藏 转发 评论 ?赞 c +关注 史上第一最最搞被简-设计快转了 2023-12-17 22:29 来自微博视频号 新东方创始人之一,俞敏洪的北大https://weibo.com/2092879931
4.简·CASA我们:始终致力于为中国顶尖建筑设计师、室内设计师及中国精英阶层家庭提供原装进口建材产品和服务。服务于对家和生活有高品质追求人群是“简· CASA”的初衷。 了解更多> 案例 SUPERFINE宠物床案例 PORRO项目案例 了解更多> OIKOS入户门项目案例 了解更多> http://www.jiancasa.com/
5.关于si设计大道至简,点米成金;让您的品牌“跳”出来。简米是一家专注于品牌形象设计的专业研究机构。多年来,一直致力于打造集战略高度、设计深度、执行速度三度一体的设计模式。简米擅长以精准的策略切中本质,以创意的设计提升附加值;专注于服饰、鞋包、餐饮、建筑材料、美容化妆、快速消费品等领域,为企业提供品牌策划、终端https://www.jeremycn.com/index.php/lists/2
6.简设计的主页简设计 作品46人气6000 作品46 1场景 会所 880 720漫游 威固333 280 全景漫游 强国路咖啡厅 340 全景漫游 威固会所 360 全景漫游 1场景 日式 230 720漫游 悬弈 剧本杀 1440 全景漫游 茅台酒庄 1350 全景漫游 富丽华雅居 330 全景漫游 富丽华雅居 410https://720yun.com/u/9ac20x8ua4s
7.简.盒形式由功能而来……1644302274设计本为您提供简 . 盒 || 形式由功能而来……_1644302274_4623266高清大图与设计说明、设计师联系方式,更多简 . 盒 || 形式由功能而来……_1644302274_4623266尽在设计本作品频道。https://www.shejiben.com/works/4623266.html
8.简设计简设计简介:https://m.zhuangyi.com/shop/6637/
9.上海中简建筑设计集团有限公司中简设计集团,运营地设在上海市闵行区泰虹路万科时一区168弄2号8层,现有5家权属公司:上海中简建筑设计集团有限公司、福建省绿建工程咨询有限公司、四川中豪天宏建筑设计有限公司、中简(福建)工程设计有限公司、FUJIAN(MYANMAR)INVESTMENT DEVELOPMENT Co.,Ltd。为了充分利用上海的人才﹑区域优势,提升企业品牌和市场竞争http://www.zjsjjt.com.cn/
10.怎样建立一种简单的设计思维一、化繁为简 极简主义讲求返璞归真,去除一切与设计主题、意图无关的冗余部分,亦无需于作品之上辅以装饰性、象征性等其 他意义,保留最基本、重要的部分,以最纯粹的形式(线条、色彩、造型)展现。 二、断舍离 “断舍离”是山下英子提出的概念,相对具象的形容了极简主义的精神气质:断=不买、不收取不需要的东西。舍http://mip.m.jia.com/zixun/article/471549.html
11.简设计众包设计服务平台在线作图设计师团队 获取团队收益 适用对象 具备设计资源的工作室、团队机构 专业管理后台支持,平台资源安全保障 自由接单赚钱·稳定收益 日均3W+设计需求在线派发,保障丰厚收入 敏仔仔 32岁 全职宝妈月收入¥8300 宝宝出生后我辞掉了设计师的工作,在简设计平台,我可以在家用更自由的时间轻松赚取收入,更好地平衡工作和家庭 https://www.jiansheji.cn/help/guide
12.知简品牌设计,标志,logo,vi设计公司知简,北京品牌设计领跑者,高端品牌服务商http://www.plaindesign.cn/
13.致简全案设计的微官网致简设计-13573 中古风 51 0 致简设计-13573 16K - 香颂湾-现代意式轻奢 51 0 致简设计-13573 现代-南村社区 106 3 致简设计-13573 16K 轻奢无主灯 51 0 致简设计-13573 16K现代-城开御府 51 0 致简设计-13573 https://vr.justeasy.cn/micro/WFJ4ZSsxa2VLNGd0Z29FNDllMys5Zz09.html
14.简约之美论文色彩对设计来说是一门必修课,它与色彩物理学、色彩生理学、色彩设计学相关,只有了解了相关知识和性质,才能更加准确地运用到我们的设计当中,以便于我们从本质上整体地把握色彩,成功地运用到平面设计的简约主义设计中。 (四)版式之简: 版式是集合了图形、文字、色彩等综合元素。在平面广告设计中,版式设计的质量直接影https://www.unjs.com/lunwen/f/20181225215051_1823288.html
15.简单设计EasyDesign简单设计是一款专业强大的在线设计工具,图片处理工具,包含海报设计、封面图片设计,LOGO设计、图片压缩、图片裁剪、图片格式转换等功能,是一款良心好用的设计神器。https://www.jiandan.link/
16.顾欣:以理求善以简求美以理求善 以简求美 ——专访清华大学美术学院视觉传达设计系青年教师顾欣 陈姿霖 顾欣,美术学院视觉传达设计系讲师。1999年毕业于四川美术学院装潢艺术设计专业,获学士学位;2007年毕业于德国柏林艺术大学视觉传达专业,获硕士学位。曾任职于北京福特宝广告公司、北京第一企画广告公司、北京陈绍华设计顾问公司、Hesign合善设https://www.tsinghua.edu.cn/info/1179/17293.htm
17.中国设计新青年优秀作品巡展删繁就简·回归自然张龙,从事设计行业12年,任北京同观至本设计设计总监,是现代简约设计的前行者,获得诸多室内设计大奖。他用现代简约的美学精神展开空间多维描述,致力于为设计提供更多可能。 张龙 作品名称:《删繁就简·回归自然》 项目地址:安徽省合肥市庐阳区国贸天成 总面积:266 m2 https://china.qianlong.com/2022/0118/6780010.shtml
18.首页哈尔滨品牌设计公司哈尔滨Logo设计公司+简高品牌设计顾问有限公司 concis简高成立于2005年,中国高端品牌设计顾问公司,简约化、差异化设计推进者、构筑成功品牌和品牌升级的高手。简高自创立以来 一直秉持国际化简约设计理念,站在消费者的立场和角度,透过细致的调研和严谨的分析,以独特的差异化设计手法, http://concise-ad.com/
19.关于设计的简历关于设计的简历 时间过得太快,让人猝不及防,又到了寻求新的工作机会的时候,这时候,最关键的简历怎么能落下!你知道简历要如何写吗?下面是小编帮大家整理的关于设计的简历,希望能够帮助到大家。关于设计的简历1本人用pro/e、autocad十年经验。做过两年的产品工艺工程师,四年的出口与精密塑胶模具设计,两年项目跟进https://www.ruiwen.com/jianli/4497620.html
20.极简网站设计案例网站欣赏,网站设计厦门网站建设尽管在几乎所有形式的艺术中都存在极简主义,而简约主义的概念已经相当长达几个世纪,它在20世纪成为了一种具体的艺术形式。从那时开始,就像复古或复古的设计一样,它永远不会有或没有趋势 – 它只是在那里,不管时间如何。 简单来说,极简主义被定义为消除所有不必要的元素,并保留基本内容,以便允许内容流行。“越少越https://www.shejiku.net/jjwzsjal.html