网页界面设计论文
前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页界面设计论文范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。
网页界面设计论文范文第1篇
中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)04-0779-03
1 感性化网页界面设计
1.1 界面设计的发展
界面设计的概念首先是在西方国家提出来的，而且存在了很长的时间，发展到今天己经有了一套自己成熟的理论和实践经验,韩国和日本对于网页界面设计的研究已经走在这方面研究的前端。虽然感性的人机界面设计成为设计领域的焦点，其理论主要用在产品界面设计，在历年研究生的论文中，大多是从网页界面设计的色彩、存在的形态及学科相关性方面阐述、或者只是网站建模，很少将理论与设计实践相结合来研究。人机界面设计的一个细小分支:网页人机界面的感性化设计在国内还处于起步阶段。
1.2 感性工学
上个世纪80年代末在日本出现了感性工学的课题和研究。感性工学(KanseiEngineering)是界于设计学、工学及其他学科之间的一门综合叉学科。“感性”是一种主观的难以用文字来描述的心理体验，它是一种认知的概念，受个人知识、经验和个性的影响，是个性化的认识。同时感性也是直觉与理智相互作用的结果，感性对美的、情趣的事物特别敏感。对于设计者而言就是把消费者脑海中的构建法则探寻出来，通过破译消费者的感受，再利用这些探寻出来的法则去进行设计，这就是感性工学设计的首要任务。
1.3 感性工学与界面设计的关系
首先从指导思想上讲，感性工学设计的出发点是考虑人的感受即以人为本。从人的角度度上考虑问题高于一切，因为设计的目的就是为了让产品更好的为人服务。只有以人的感受作为基础和原始资料，以“以人为本”作为指导思想，从人的感受方面去寻找设计灵感，才能保证设计符合使用者的需求，这是设计的源头也是设计的动力。其次从设计周期方面讲，基于感性工学的网页界面设计方法论精简了传统的设计理念的步骤，设计程序不再那么复杂。对设计过程的精简不仅提高了设计效率，简化了繁琐的设计流程，而且从根本上解除了设计师在思想上的束缚，使设计更加灵活。最后，从设计结果上讲，它避免了许多不必要的或者是重复的信息设置，无论是布局还是内容，每一个小细节都来自用户的真实感受，都经过设计师的深思熟虑。由基于感性工学的网络形象设计理念设计出来的“产品”应该是符合用户群体需求，符合市场需求的。网页界面设计发展到现今的阶段，功能合理，适用有效或是有某种外在的美感已经不再能满足网页用户的需求了，感性化网页界面设计已经成为设计的必然。在网页界面的设计过程中，研究用户是其最基础的一个环节。为了提供自然和直观的网页界面，我们就需要表现出以用户和交流为向导的新的设计方法。对于用户来说，用恰当的文字和语言来表达自己的“感性”并不是一件容易的事情，设计师就更难辨别出产品的哪些属性可以唤起人们的何种感性，以及人们的感性是如何随着产品属性的改变而改变的，在更多情况下，人们的感性并不只由某一种产品属性决定。感性工学，因其运用科学先进的现代工具和技术，可以帮助消费者表达自己的感性，甚至是一些他们自己都没有意识到的情感，设计师可以准确便捷地获取消费者基于产品和概念的特性的主观评价，取得消费者对于产品的潜在感受和需求。感性工学除了是可以运用的设计上的工具，更是可以辅助设计师弄清人们感性的利器，从而可以针对不同消费者和消费群体的感性需求，设计出不同的产品造型，在客户满意度与设计制造成本之间取得一个平衡点。
2 少儿网页界面感性化设计现状调查
本文以常用少儿网站新浪少儿网，希望谷，迪斯尼中国站为例，分析目前的少儿网站感性化设计发展现状，为下文的研究提供数据依据。
2.1 数据来源及其分析
这项研究分别从用户和网站角度进行研究。通过对用户的调查，可以得到用户的体验，以及从用户的角度得到对网站的评价，并且可以发现网站中存在的一些问题。通过对少儿网站的调查，可以了解到网站中吸引用户的重要因素，以及用户对网站的评价，从而为网站的设计提供建议。
2.1.1 问卷调查
问卷调查是以书面提出问题的方式搜集资料的一种研究方法。研究者将所要研究的问题编制成问题表格，以邮寄方式、当面作答或者追踪访问方式填答，从而了解被试对某一现象或问题的看法和意见，所以又称问题表格法。在各种调查研究当中，所得结果是否达到调查的目的和要求，以及所搜集到的资料的可靠程度和完善程度都取决于调查问卷设计水平的高低，在可用性研究中，问卷调查可以用来了解用户的满意度和遇到的问题，也可以根据客户服务的反馈，实际使用的记录或实地测试的方法来了解用户的实际使用情况。 问卷调查方式可以得到在特定的情况下对使用网络的体验，比如少儿上网是为了娱乐，结交朋友还是还是其他，可以得到在这个使用范围内的精细的用户需求。本次调查的用户对象是深圳地区少年儿童。由于深圳是个移民城市，来深建设者来自全国各地，人口多样化，少年儿童也都是来自全国各地，从而使得调查的数据人口广泛而具有代表性。在问卷调查的这个环节里，我们的主要目的是发现少儿网站用户浏览网站的目的，浏览网站过程中的喜好，期望得到什么，这些期望是如何满足的，或者为什么没有满足。在知己知彼网发表调查问卷，再通过学而思教育机构将将网站公布给深圳五区各小学，每个区都有学生作答问卷，网站对调查问卷的结果进行统计分析，由于篇幅有限只列举部分问卷结果，问卷调查大多为多项选择题。从图1可以看出，少年儿童浏览网站时的目的有70%以上是娱乐。
图1 学生浏览网站的目的 图2 网站吸引用户因素调查
从图中可以看出人们在浏览一个网站的时候，喜欢一个网站的原因74%的人表示是因为娱乐；浏览网站的目的学习与娱乐的需要各占一半；有50%的人是被这个网站的内容所吸引；大多数的用户喜欢清新，可爱，卡通的界面风格；44%的人认为目前的网站学习资源比较少，同时35%的人认为网站不容易操作，只有65%的人表示在三次以内就能熟练操作一个陌生的网站；59％的人表示容易找到需要的内容；大多数少年儿童希望能够将资料年级分类以便查找； 59%的人表示希望能够在线互动；大多数人喜欢网站提供展示自己才艺的平台；从目前网站存在四个比较严重的问题，这个问题分别是网页弹出广告，出现错误的信息，网页打开慢，网页内容更新慢，这四个方面比较严重的问题也是我们今后网站设计改进的方向。
2.1.2 文案法
文案调查以收集少儿上网的文献性信息为主，具体表现为各种文献资料，可以通过网络搜索,少儿报纸杂志和报纸来收集相关信息,尤其是通过网络,可以从更宽广得角度来获得更多地有关少儿上网的知识。它可以用来发现少儿上网的问题并为研究提供重要参考依据。这些收集来的数据无法直接使用,需要经过加工才能使用,整个过程对调查者的要求比较高。
2.1.3 启发性测试
为了得到用户深层次的体验，我们以”新浪少儿网”，”希望谷”，为例对用户进行启发性测试,在整个过程中从各个方面进行测试,整个界面测试涉及17个问题.比如,发现其中的三个比较严重的问题是:打开网站时弹出广告，这一点是用户非常反感的。还有一个问题就是网站不容易操作,而有的用户发现网站不容易操作之后就几乎放弃再次进入该网站.还有一个问题是,当孩子遇到不会的问题时,没有老师在线答疑，甚至没有留言等功能,也就是说这样的网站缺少互动功能。
3 少儿网站感性意向分析
3.1 设计原则与方法
可用性的设计观念采用的是逆向式推理感性工学的方法，它将设计的重点放在用户对真实产品的体验上，通过对“体验”的观察和总结对产品进行不断的修改和纠正，最终达到“可用性”的目的。
感性网页界面设计必须把重点放在以用户为中心，从用户的需要和用户的感受出发，设计符合用户需求的网页界面,而不是让用户来适应界面，从而使界面友好使用。以用户为中心的设计(UCD)是一种关于产品/系统设计过程的方法论，这个方法论以使用产品系统的人的信息为基础。无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。UCD过程通过产品的计划、设计和开发聚焦在用户身上，整个过程包含了以人为中心的活动，它贯穿于产品开发的整个生命周期。
一个好的以用户为中心的设计方法包括以下三个维度：效率，效能，用户在特定环境下使用产品的满意度，满意度包括产品的易用性，吸引用户的程度，用户使用完产品后心理层面的感受。在感性设计的过程中,捕捉用户的感性需求是感性网页界设计的最为重要的一步。以少儿网站为例,通过以用户为中心的感性工学方法提取出少儿网站设计的感性意向。具体从以下三个方面着手：
1) 调查网站和浏览者背景信息。
2) 选择具有代表性的网站进行研究，从而得到用户体验。
3) 分析统计实验得来的数据，并将其转化成可设计因素。
3.2 少儿网站感性意向分析
每一种类型的少儿网站都有自己的优势，综合考虑影响访问量的因素有以下几点:网站用户群体的定位、网站页面的可用性、网站页面的易用性、网站页面的交互性。除此之外，还有一些小细节的设计也能影响用户的感受，比如网站的注册流程繁琐且填写过的内容不能被存储记忆，这就会让用户感到异常的烦躁不安。基于上述的调查,得出少儿网站形象设计应该简单，可爱，易用,这才符合少年儿童的心理发展，符合使用需求。
阶层分析法
感性工学的阶层类别分析法是根据新产品的感性层面来进行分析和分类，以建立产品的感性结构来获取设计细节，因此主要运用在新产品的开发过程中，将运用阶层类别分析法研究出的某种产品属性决策归纳采入到新产品设计中去。在阶层类别分析法操作过程中，首先要对目标产品做一个感性市场的调查。调查主要收集来自于各种渠道的信息，如用户访谈、市场调研、报刊网络资料收集等。在此之后，着重的是研究小组成员间的想法表达与充分讨论，通过讨论凝聚成一个产品概念作为0阶感性概念。考虑到0阶感性概念的抽象性及难懂性，将其转译成稍微具体的1阶感性概念就很有必要了。研究人员采用层次递推的方法，将用户对产品的感性认识范畴向下拆解形成1阶感性概念。接着再由1阶感性概念逐次逐步层次分解推论子概念，每一个衍生子概念再分别向下拆解展开成树状结构。假如设计团队无法从某一阶层得到具体的设计细节部分，则将继续往下拆解，直到能够得到出现物理量的细节设计的详细说明的阶层（作为“N阶”）为止，最终获得符合感性诉求的产品设计物理特性，作为产品开发的基础。这个“感性――物理特性”的树状图关系，就是贯穿阶层类别分析法的一条主要脉络。
捕捉用户的感性体验是是一个网站成功的关键地方，从调查设计中的几个常用的网站看都缺乏这方面的设计。将少儿网站的调查研究结果利用阶层分析法,我们将少儿网站的设计定位于以用户为中心，通过娱乐性，易用性，美观性，交互性四个一次感受来体现以用户为中心的0次感受。比如，一次感受中的娱乐性，又是通过趣味性和可玩性的二次感受来体现的。因为少年儿童的心理具有特殊性，所以内容不能严肃和呆板，要让网站达到寓教于乐的目的，内容要充满童趣，少年儿童对外在的世界还充满无比的好奇，所以开发交友功能来满足他们的好奇心。再将1次感性继续细分,经过N次感性化后最终得出物理上的设计细节。这样我们就将过去难以量化、只能定性的、非理性无逻辑可言的感性反应，转化为设计要素。少儿网站感性树状图如图3所示。
4 结论
通过对以上几个网站的感性设计现状调查 ，再将调查的结果运用感性工学方法得出感性意向树状图，得出一下几点结论：1）增强少儿网站的娱乐性，少儿上网的目的性不是很强，网站的内容要达到寓教于乐的效果；2）增强少儿网站内容易用性，少儿处于接触网络的初始阶段，操作的简易性符合少儿用户心理；3）界面应该卡通化充满童趣，这样才能符合儿童的审美；4）增强网站的交互性可以从数据库方面来考虑，再就是网站的的功能，提供在线问答，问题反馈功能能增强网站的可性度，也是吸引和留住用户的一个重要方面。树状图的具体物理设计细节就是将浏览用户的感性体验转化成了具体的设计细节，这样的设计符合用户需求，达到了少儿网站感性化设计的目的。
参考文献：
[1] 方惠敏,杨国胜,丁文珂.基于人性化网站界面设计的用户建模[J].计算机技术与发展,2008(2):187-190.
[2] 钟厦,宋晓晨,孙亚云.感性工学中量化的基本程序介绍[C]//2005年国际工业设计研讨会暨第十届全国工业设计学术年会论文集.北京:机械工业出版社,2005:728-731.
[3] 梅云.感性设计:人机界面设计新思维[J].科技资讯,2008(9):217.
[4] 徐晓莉.基于感性工学的网络形象设计理念研究[D].济南:山东大学,2008.
[5] 吴洁.设计艺术学[D].上海:上海交通大学,2007.
[6] 刘增.以用户为中心的网络界面设计研究[D].南京:南京航空航天大学,2007.
[7] 李立新.感性工学-门新学科的诞生[J].艺术生活,2006(3):71-73.
[8] 罗仕鉴,潘云鹤.产品设计中的感性意向理论,技术与研究进展[J].机械工程学报,2007(3):8-13.
[9] 喻中华.基于用户体验的购物网站设计中可信赖感研究[D].上海:上海交通大学,2008.
网页界面设计论文范文第2篇
【论文摘要在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的探究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是有关网页版式编排的技巧和方法，而实际上，它不仅是一种技能，更是艺术和技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的功能。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个新问题那就是摘要：
1制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是Photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，Photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是Fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是KB，而Photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清楚，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Golive这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如摘要：Dreamweaver软件或者Frontpage软件等都可以进行文本的编写。还有一点要注重的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，假如别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dreamweaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清楚，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(br)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道摘要：浏览器在读取网页html源代码时，是读完整个br才将它显示出来的。假如一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符。假如单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功和否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类摘要：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注重网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等新问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功和否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且和整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲惫，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“和众不同”和特有风格，我门可以根据需要选择一些非凡字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满足的字体并不算困难。需要说明的是摘要：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的非凡字体，那么你的辛劳设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大新问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，假如想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模拟韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面设计论文范文第3篇
【关键词】Unity3D；HTML；脚本；交互；虚拟装配
1、引言
Unity3D不只是单纯的游戏引擎，而是已经涉及到多种不同领域的一个跨平台的三维游戏与虚拟现实开发工具，该工具支持多脚本语言以及强大的物理引擎等特点。论文通过研究Unity3D与HTML交互机制，实现场景中对象的动态交互行为，也就是控制各装配体的装配顺序并实现碰撞检测、零件实时编辑等功能，从而使得整个装配过程具有逻辑合理性和可控制性。
2、Unity3D与HTML交互机理
2.1 Unity3D浏览器调用HTML网页中的函数
Unity3D浏览器通过执行Application.ExternalCall（）来调用任何在HTML网页里定义JavaScript函数，比如下面一句调用了HTML网页里SayHello（）函数，并传递了一句话作为参数。
Application.ExternalCall（ "SayHello"， "The game says hello！" ）；
2.2 HTML网页调用Unity3D浏览器中的脚本函数
Unity3D 浏览器的插件或ActiveX控件都有一个SendMessage（）的函数，HTML网页通过这个函数与Unity3D进行通信，通过该函数可以传递对象名、函数名以及简单参数，然后SendMessage（）就会调用Unity3D中GameObject上绑定的函数。在调用SendMessage（）函数之前，必须先得到Unity Web Player的引用。这里可以使用JavaScript 对象Document的getElementById（）函数来获得该引用。
3、减速器虚拟装配的实现
3.1交互界面设计
交互式虚拟装配的重点不仅在于产品虚拟装配的过程，还在于它可以与用户进行实时交互。系统界面分为两部分：网页中为利用HTML提供的控件加入按钮、列表框、滚动条、文本区、标签等；Unity3D浏览器中为利用Unity提供的GUI接口加入按钮、窗口、标签等控件分别实现了减速器装配体的自动装配、手动装配、原理演示、零件查看、零部件实时编辑等功能，充分实现用户参与下的人机实时交互。
3.2碰撞检测及装配顺序规划
虚拟装配是一个实时交互系统，如用户可以在虚拟场景中用鼠标选取装配体的零件进行拆装。Unity3D引擎本身提供了基本形体的碰撞器，通过PhysX物理引擎自动检测碰撞。根据Unity3D碰撞器提供的OnCollisionEnter方法，获得相关碰撞信息，然后由它继续调用其他处理过程（相对位置检测、碰撞检测等），实现手动装配过程。
虚拟装配过程中零件拆装顺序的检测也是一个关键问题，用户选择零件正确与否直接决定该零件是否进行拆装。系统为每一个零件定义一个唯一识别拆装顺序的顺序号，当用户选择某一零件后，调用相应的拆装顺序检测模块进行比较当前选择零件的顺序号与系统预定的顺序号是否一致决定拆装是否进行或者根据零件间的位置约束关系判断某零件当前是否可以移动来决定拆装是否进行。
3.3 装配体零件的任意移动及实时编辑
在虚拟装配中，用户对场景中零件的选取及操作（位移、颜色等的实时修改）是交互性最充分的体现。当用户在虚拟场景中用鼠标点击或指向某一零件时，系统应该做出响应，如被指向或点击的零件应实时改变颜色或弹出对话框提示用户等。Unity3D的GUI接口提供了各种控件可以非常方便的编辑一些按钮、窗口等用户界面，通过重写鼠标事件可以检测用户的各中输入信息并作出正确的响应。通过变换组件可以完成产品的平移和任意角度旋转操作以及装配体零件某一方向比例变换。
4、结论
本文对基于Unity3D的虚拟装配相关技术进行了研究，并实现了在用户参与的人机界面下的虚拟装配实例。对在虚拟装配过程中零件的碰撞检测、装配顺序规划、零件选取及实时编辑等功能的实现提出了有效的方法，具有一定的参考价值。
【参考文献】
[1]郭海新.Unity3D与HTML交互机理的研究[J].煤炭技术，2011（09）.
网页界面设计论文范文第4篇
关键词：电商交互界面；应用与实现；汽车电商平台
DOI：10.16640/ki.37-1222/t.2016.03.178
1 汽车电商平台综述
在这个信息日益全球化的今天智能终端影响着人们生活的方方面面，然而，相当多的智能终端产品因其复杂的操作方法让人们望而却步。而传统工业设计方法着重强调形式和功能的辩证关系，在强调产品可用性和用户体验的今天很难解决智能终端产品“难用”的问题。这就突出了“以用户为中心”交互设计在工业设计中的重要性。
本论文对汽车电商平台的分析主要从视觉设计和交互设计两个方面进行。现在独自创建的汽车电商平台有：汽车之家、易车网、等等。我们通过分析网页设计、框架设计、内容排版、图片运用等等，来总结个个平台的优劣势，从而为我们提供一定的依据和参考。
首先拿汽车之家举例：网页栏目留白的间距不够多，每个栏目之间区分的不明显。整体框架三列板块式布局，视觉给人扎实稳重，重点地方的色彩突出的比较明显，给人一目了然。但是在搜索车型的用户体验没有易车网好，对于人们关心的价格搜索并没有设置。
在网站内部的搜索栏给用户体验的感觉也没有易车网那样简洁明了。在品牌和车型海选的时候没有产品缩略图，仅仅是文字的叙述，略显单调。
然后我们从另一个角度分析一下易车网，我们从视觉设计的角度来看，比如图标设计：
这两组网站的图标，都存在一定的问题，首先第一组图标风格不统一，第一个汽车报价大全图标做了投影浮雕效果，而后面的确实扁平化的风格。然后图标设计没有简洁实用，图标差异性也没有表达出来。
第二组图标的设计以扁平化为主，色彩样式统一，图标表达的含义也较为简单清晰，但是可以明显的发现缺乏设计元素和想法，仅仅只是简单的几何图形配上一个文字或者符号。在互联网高速发展的今天，为了追求一个工作效率和时间成本，这样的设计从另一个角度上来说是可行，但是这样的图标后期是一定要去优化和修改的。我们可以从它的样式、风格、艺术性、识别性、独创性上进行改善。从而在提升视觉效果的同时也可以节省用户的时间，提升点击效率。
2 汽车网站用户需求和构架
汽车电商的平台的兴起，就一定要分析和研究用户需求，从而带来好的用户体验。
分析用户需求我们主要从用户特点来分析。目标用户主要是指进行网上购物的人群，年龄阶层偏向上班组的中年段，在用户的使用中也要考虑不会用按钮点击，复杂操作的中老年人。
网站构架，以功能需求为主，大的构架包括新车买卖、二手车买卖、汽车配件三大板块。
3 用户体验与界面设计
好的界面设计可以大幅度提升用户体验，我们的设计要充分符合中国人的使用习惯并结合人们的审美需求。
以下是通过实际的案例来分析和研究，好的交互设计是如何实现和运用的。这个首页的界面设计，视觉冲击力非常强，简洁明了，颜色的运用的也非常的好。先从色彩上来说，以白色为主，在需要强调的地方运用了红色和深灰色，不仅色彩的对比强烈，也充分符合企业VI手册的色彩识别标准。再如购物车橙色的按钮，符合人们的心理需求，橙色让用户更有点击的欲望。
接着我们分析一下恒信首页的图标设计。最显而易见的是六个栏目的大图标，写实风格，有一定的趣味性，图标的色彩虽然五颜六色，但并不杂乱，主要原因是因为色彩多，但色彩的使用面积并不大，整个页面的主色调依然是白色和灰色为主，图标的色彩很好的作为辅助颜色，点缀其中。然后六个图标的风格统一，识别性强，给人们的体验是看图即知道含义。接着登陆框的两个小图标也与之前的图标做了很好的对比，层次清晰。底部六个常驻图标，在色彩上略显过深，从形式上来说具有一定的艺术性，下面的文字也很好的和图标形成了一个层次对比，黑白灰的运用不会给你带来审美疲劳。
网站的整体设计风格，我们可以看出，设计以简洁为主，这样设计的原因，主要还是基于前期的需求分析和产品经理给的产品原型来定的。不难发现这样的设计很好的明确了目标，没有多余的地方，一方面给用户节省了时间，另一方面也可以减少服务器负担，节省企业成本，优化网站运行速度。
所以在界面设计中如何做到尽量的简洁和好的用户体验显的格外的重要。图标在当今的web端和移动端都大量的运用到，它的特点视觉冲击力比文字强，带给人们新鲜感，吸引人们点击和使用。当然用户体验的提升不仅仅局限于图标的视觉设计。
在这两个页面中，登录框的大小、摆放的位置、文字的大小、色彩、页面布局、点击样式、鼠标放上去的样式、页面跳转的合理性都是影响用户提的方面。
中国人的使用习惯是视觉中心偏向右边，登录框放在banner的右边位置醒目，诱使人们进行注册登录，积累平台潜在客户。文字的大小以12号为主，颜色使用并不用纯黑色，而是深灰色，这样做的原因是视觉对比有，人们感官上会显的舒服。页面布局稳重，有层次，也简洁很多。点击样式鼠标放上去的效果，引导人们点击，和帮助人们更好找到点击的目标区域，页面跳转设置也摒除了繁琐的几步跳转，直接链接到了目标页面，给人们好的体验。
汽车电商平台图标的差异化的研究，主要通过实例来分析。在这个页面设计上图标的差异化并没有表现出来，没有区分团购、特卖、促销。这六个图标设计中都运用了车的元素，相反的给了用户一定的误导，没有差异化的图标，设计出来是失败的，扁平化的设计，在视觉冲击力上来说也略显单薄。
4 总结
用户产品设计和图形设计的传统方法着重关注的是与工艺、美感和形式相关的美学品质。解决设计问题乃以情感价值为依据，对成果的评判或批评也往往是在艺术领域的范畴进行的。与之不同的是，交互设计将重心从视觉效果转移到了人这方面上。
参考文献：
[1]梅哲.图形图像界面中的图标设计[D].武汉理工大学，2009.
[2]杨文.论标志设计的重点与难点[J].233000.
网页界面设计论文范文第5篇
“钓鱼网站”是指不法分子利用各种技术手段，仿冒真实网站的URL地址以及页面内容。具体到期刊钓鱼网站就是模仿、复制某一期刊自主网站内容，通过篡改编辑部联系方式、投稿邮箱等关键信息，或是针对尚未建立自主网站的期刊，直接构建虚假的征稿平台，以迷惑、诱骗作者投稿，骗取其审稿费或版面费等，较之论文中介网，钓鱼网站隐蔽性强，甄别难度大，危害性强。
1．1投稿平台研发机构
基于对203种核心期刊的网络搜索调研，学术期刊投稿平台开发多为专业的期刊采编系统开发商，主要包括玛格泰克、中国知网、勤云科技、三才科技和其他平台，其中玛格泰克和知网合计占比达调查期刊的50％以上，各系统开发商或维护商名称通常都会标注在期刊网站首页下方的版权处或注册投稿界面上。而没有一家钓鱼网站会在版权页处显示开发商或者技术支持的信息，他们往往只在该处标注主办单位和地址信息。
1．2网页内容
钓鱼网站的界面设计很多足以乱真，但刊发内容和栏目编排往往经不起推敲，内容更替速度缓慢；过刊浏览部分多数是“死链”或者只有摘要，无法全文揭示；在线投稿方式通常不需要注册，可以直接提交论文；投稿指南中的审稿周期往往只有几天；虚假投稿邮箱基本都是163邮箱；编辑部信息通常缺失联系电话。钓鱼网站选择的仿冒对象多数是没有官方网址或者尚未开通投稿平台的期刊。
1．3域名
少量期刊网站根据域名即可判断，以edu和gov为域名后缀的可确信为真实网址，各大学学报如西安建筑科技大学学报、天津体育学院学报均为这种情况。
2有效应用互联网找到期刊正确投稿方式的方法
2．1主办单位官网
学术期刊的主办单位很容易通过百度百科、知网、万方等相对权威的网站中找到，即使是在钓鱼网站中，主办单位的名称也普遍是正确的。而一般说来，核心期刊的主办单位多为政府机关、高校、研究机构、学会等事业单位或知名度较高的企业，这些机构的官方网址比较容易确认，百度搜索结果中往往有“官网”认证，根据对203种核心刊的调研，近五成的主办单位会在网站中嵌入学术期刊的链接或期刊编辑部简介、投稿指南，可以获取可信的投稿邮箱，部分编辑部的邮箱未注明是咨询邮箱还是投稿邮箱，此时最好致电编辑部确认投稿方式。
2．2知网“原版目录页浏览”
多数核心期刊会选择在其纸质期刊的目次页尾部或封四刊登投稿方式、官方网址，在知网中通过期刊导航搜索刊名，查看期刊详情，通过最近一期的“原版目录页浏览”选项，获得准确的编辑部信息，包括编辑部地址、联系电话、邮箱、网址等。该方法可行性高，但知晓率很低。
