关于交互设计的论文模板

为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。

网页设计毕业论文摘要

摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

网页设计毕业论文内容

关键词:Flash动画 网页设计 应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flash动画在网络设计中的应用

在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

网页设计毕业论文文献

[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.

[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.

网页设计毕业论文内容

当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用 方法 ，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。

1两个关键概念：响应式网页设计与原型

响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J•R•安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。

2建构响应式网页设计的原型

建构原型一般采用心理模拟法，它包含三个步骤：

(1)响应式网页设计活动的功能分析;

(2)响应式网页设计活动的结构分析;

(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用

上篇文章里面简单介绍了一下关于交互设计分析的三维度，即框架、流程和状态；这里就不做特殊介绍了，详细内容请见 《三维度解析一个产品的交互设计》 。而本文作为交互设计总结篇的第一篇——框架布局篇，主要是系统地整理一下交互框架设计所需要考虑到的方方面面。 首先我们要先理解一个概念： 什么是交互框架？ （主要是指互联网产品） 框架是整个或部分系统的可重用设计，表现为一组抽象构件 及构件实例间交互的方法 这是官方的定义，翻译成人话就是搭建一个产品能够使其可拓展，规范化，有条理，可快速迭代优化的方法。好像还是不好理解，让我们举一个通俗易懂的例子：假如我现在有个空房子，我要重新改造它，那么我首先要考虑的就是其房间结构（ 也就是框架 ），比如我要设计几个卧室，几个客厅，分别占多大面积，在什么位置等等（ 信息架构 ）；然后还要考虑如何设计门和窗户，怎么能够在不同房间互通（ 导航方式 ）；接着再思考每个房间里面分别需要怎么布局，分别需要哪些家居和电器，具体在什么位置（ 页面结构 ）；然后再不停的细分下去，直到考虑全每个细节，那么一个产品完整的框架就基本上搭建出来了~ 理解了框架的概念后，可能我们还是会有疑问： 为什么要做框架设计？ 还是上面房子的例子，假如我不考虑房间布局，随心所欲地将我的家具和电器到处摆放，我将卧室放在房子的最里面，我需要依次穿过客厅、厨房、洗手间才能到到达；我将马桶放在卧室，把床放在客厅，把厨具放在洗手间，把衣柜放在阳台，把洗衣机放在厨房……各位可以想象一下你的房子要是要被设计成这样你还想住吗？同理，一个框架结构混乱的产品你的用户也是不会用的。但凡在行业里有些影响力的互联网产品，其产品的框架和结构必定是由产品和设计人员精心思考并设计过的。框架是一个产品的骨骼和经脉，它是一个产品能用与否的基础所在，所以在开始产品设计之前先进行框架结构的梳理是非常非常重要的！ 那么对于交互框架： 我们又该如何去思考和设计呢？ 我将其总结为3个步骤： 对于产品和设计来说，这个词肯定是不陌生的，那么信息架构是个什么东西呢？ 这就是某app产品的信息架构图，通过不同级别的分类，将其所有的功能点展示出来的一个功能信息框架图。一般来说这种架构图主要是由产品产出，而有些比较专业的交互前期也会参与其中，下面还是以设计房子为案例来探究一下信息架构到底该怎么做。 首先我们要想清楚房子有几个房间，分别需要哪些家居和设备（收集需求） 收集完需求后，我们需要开始对需求进行整理和分类，这里整理的规则可以参考 卡片分类法和卡诺模型 ： 整理完成后最后产出信息架构图： 信息架构完成后并没有结束，你还需进一步思考： 还有没有其他问题呢？有没有漏掉的功能？功能分类有没有问题？这个框架拓展性如何？结构是否足够扁平？ 等等……如果不考虑清楚那么就很有可能会出现马桶被摆放在卧室这种情况了。 当信息架构确定好了之后开始思考第二步： 导航就像是房子里面的门，是贯穿整个产品的入口，导航做的好的能让用户快速达到目标，导航做的不好会让用户迷失在茫茫的信息海洋中不知所措，目前在app业内主要的导航模式有3种： 选项卡式导航、抽屉式导航和跳板式导航。 选项卡导航：iOS上又叫Tab bar，典型代表像淘宝、微信，这类产品相对体量较大，产品结构和流程逻辑也都较为复杂多变； 抽屉式导航：代表如滴滴、摩拜等，这类产品都有一个很共性的特点就是“单线程”，即用户目标明确，操作流程单一，属于“强流程，弱框架”的类型。 跳板式导航：也叫9宫格式导航，典型代表如美图，这类产品也有着比较鲜明的特点“多线程单流程”，即功能入口较多（一般5个以上），操作流程单一，常用于美图类产品和一些B端类产品。 虽说不同的产品形态决定了其不同的导航模式，然而业内几乎90%的app都是采用选项卡导航，选项卡式导航的确拥有非常显著的优势：结构简洁清晰，操作便捷，拓展性强，稳定性好，确实是很多app首选的导航模式，然而并非一概而论， 你所选择的导航一定是跟你的产品类型和框架结构相互关联的，滴滴采用抽屉式导航而非选项卡导航是由其产品本身属性所决定，豆瓣一刻的导航采用抽屉式是因为本身产品框架结构较为简单的原因。 所以采用什么导航方式要灵活变通，没有最好的只有最适合的，比如下面3个例子： 片刻使用的是驼式导航，是选项卡导航的一种变形，强化了某一个重要或高频繁操作的功能，多用于博客类，直播类app中； 好奇心日报用了一种很罕见的悬浮导航，至于为什么会这么做，各位可以自己去思考； Hyperlapse更是大胆，它根本就没有导航，这个产品全身上下就只有一个功能； 结合自己产品类型和框架结构，灵活选择导航，不要拘泥于形式，多尝试多思考，总会发现最合适的那个。 完成导航设计后，来到最后一个步骤： 页面结构即页面布局，是针对单个页面不同控件和元素的布局展示关系，就像房子的房间大小位置都设计好了，那么接下来就考虑每个房间里面该怎么添置家居了，比如卧室里面的床，衣柜，台灯，空调等等这些东西该怎么布置，分别放在什么方位，具体占多大位置，这样摆有什么影响等等，房间里面布局的好坏影响空间的运用，也影响了房间的美观整洁和整个房子的格局风格，同理， 页面的布局好坏就决定了用户的使用和阅读体验，决定了整个产品的调性和品位，最终影响了产品的转化。 那么一个优秀的页面布局具备哪些特点呢？ 1、主次分明，结构清晰： 结构清晰的页面各个元素和控件处理的非常得当，相反结构混乱的用户的关注没有焦点，看了很长时间都不知道你的页面想表达什么，也不知道该如何操作，下面看两个例子： 12306的首页结构看起来似乎毫无层次感，页面结构就像是随意的信息排列，再看看智行的首页，卡片式结构视觉焦点更清晰，信息的排版和布局也更有层次感。 2、化繁为简，引导清晰： 特别是移动端产品，手机屏幕尺寸有限，如何在最短的时间里吸引用户的眼球， 设计师需要做的是做减法，删除干扰用户的不必要的内容，强化核心的操作流程，快速引导用户达成目标。 让我们再看一下上面12306的首页，可以发现它的查询页面包含了出发点、目的地、出发日期、出发时间、席位、车次筛选和添加乘客，也就是说用户需要浏览这些信息后然后再进行一步步的操作选择，等这些全部设置好了之后估计票早都抢完了，而智行就机智了很多，它将出发时间，席位，添加乘客等非重要信息进行了删减，就连车次筛选也只是用了开关设置，所以大大提升了用户的查询效率。操作指引方面，出发时间是一个非常重要的必填操作，智行对于时间选择有比较强的引导，而12306的出发时间根本看不出来是可以点击操作的。 3、操作方便： 这里操作方便更多适用于移动端，特别是现在手机尺寸普遍越来越大，用户单手操作越来越困难，所以我们在设计页面结构布局的时候也是要考虑到人体工程学的，特别是某些特殊场景使用的app，比如地图类应用，用户使用场景多在户外（步行、骑行、公交车），用户单手操作的场景非常之多，如下图所示： 左图是用户单手操作的触摸区域图，从图中可以看出界面的左上区域属于触摸困难区，下方是舒适触摸区，所以在处理页面信息布局的时候就可以考虑将重要展示类信息放在页面的头部和中部，而需要操作类的控件和按钮可以考虑放在下方用户容易操作到的区域。我们再看右图，是高德的首页，我们可以看到高德的头部有个搜索框，是属于重要按钮控件，然而却放在了头部用户难操作的区域，那么高德当然也意识到了这个问题，于是乎他们在页面的底部放了一个“路线”入口，能够让用户在单手操作的情况下同样也能快速完成路线查询。 其实关于页面结构，设计师们要考虑的点很多，也不仅仅单纯地用几个点就能完全涵盖进去的，不同的产品属性会决定其框架和导航，也决定了其页面的展示布局，比如网易新闻和淘宝的信息展示方式就完全不同，一个是浏览，一个是逛，两者间的使用场景和用户心理是完全不一样的。即使是同一属性的产品其页面结构和布局也是千差万别的，比如下面4个例子： 虽然都是互联网金融产品，也都是展示首页，然而可以看到每个产品的首页展示形态完全不同，有的主推产品和收益，有的引导登录购买，有的主推运营活动，有的主打社区互动， 究其背后形态各异的原因跟其产品定位与运营策略有重要的关联，设计师们分析产品的时候不仅仅需要从设计本身出发，还要思考更多背后潜在的原因，从而达到真正意义上的“闭环”。 好了说了这么多，最后总结一下，产品交互框架设计需要经历的3个步骤： 1、信息架构： 功能需求的筛选与分类，根据不同权重和属性进行级别的划分； 2、导航模式： 根据产品属性和产品架构来选择最为合适的导航方式； 3、页面结构： 结构主次分明、结构清晰、引导明确以及操作方便是一个优秀的页面结构的必要条件； 框架是死的，人是活的，设计的思维大多都是发散的，合适的方法论确实能够在关键的时候提供思考的方向，但不可固步自封，设计师需要不停地学习、思考、交流、总结、创新，因为这个过程本身才是设计最重要的意义~ （待续……）

电力网络是电能传输的载体，变电站作为电力网络中的变电环节最重要的组成部分，它的稳定运行与否直接影响到电力系统的运行效率。南宁是广西的首府，是广西发展最为迅速的城市，城市内的负荷密度也随之迅速提高，增建新的变电站以减少每个变电站的供电半径能有效提高用户的用电质量。所以针对特定区域的110kV变电站方案设计具有实际意义。该设计通过分析变电站的原始数据，并通过对该方案的可靠性，灵活性和经济性分析和相应的负荷分析计算，确定可选择的电气主接线方案，为设计的110千伏变电站确定电气主接线方案。根据短路电流计算，选择110kv变电站的主要设备，主要设备通过电气设备的短路稳定性和热稳定性验证。最后，为该110kV变电站的防雷和继电保护配置提高了方案。