网页设计中的动态元素研究绪论

　　引言

　　都市化的快节奏生活，很多时候容易让人忽略身边美好的风景与事物，正如打开一个优秀的网页，浏览者放下手中忙碌的琐事驻足于此，慢慢地会发现其实在浏览网页之余也能够在这样的一个地方找到舒适、恬静的视觉体验，互动性的参与其中。高品质的网页设计就像一名优秀的导游，在旅行的路上指引你走过每一道美好的风景。好的设计能带给人快乐并留下深刻印象，作为设计艺术的一个重要组成部分，网页设计由于其广泛被运用的特点，渗透在我们生活当中的各个环节，是这个时代的产物，所以如何将网页设计做得更好，符合受众审美和心理诉求需要我们去探索当前网页设计当中的生命力价值。生命力的展现更多的是对于受众人群的诉求反应，它可以是多彩多样的表达。根据不同人的人文背景、年龄层次、消费心理以及审美追求等，可以具有针对性的设计出符合受众需要的网页。

　　本文当中，笔者将根据当下不同时代背景和各国网页设计间的差异，比较分析概述网页设计存在的问题以及的生命力价值对于网页设计的意义。

　　第一章 绪论

　　一、研究的目的及意义。

　　1.1 研究的目的。

　　随着经济的发展，快节奏的生活已经成了人们的生活方式，而互联网已经成为了人们在闲暇之余的娱乐与消遣，而符合人们情感而富有创造力的交互性网页设计便是一种有效改变现状的方式之一，让人们在忙碌紧张的状态中得到适当的休息和娱乐，而设计的本质，就是让人们享受设计师那富有生命力的设计语言。

　　富有生命力的设计中，最重要的一点就是需要有一个设计的框架，以此来作为整个设计作品的支撑。就好像一部电影的展现过程，需要一个情节的引入与故事的主要内容构成贯穿始终，设计亦是如此，不仅仅向人们呈现的是一部作品，同样也是需要让受众通过感受你的意境，进入你所设计的视觉空间、你所表达的信息内容，让消费者停下匆忙的脚步慢慢体会你的设计。

　　那么，如何让原本简单的网页信息在经过设计师的改造之下成为更具符合受众需要的网页平台和传播载体，从而使网页这样一个E时代的信息交流产物更加具有生命活力？这便是本文所要探讨的最关键所在。

　　1.2 研究的意义。

　　"创新是设计的灵魂"是设计核心的价值体系。通过视觉动态元素的创新运用来打破网页设计中的原本固有老旧模式，挖掘网页设计当中生命力的价值和呈现法则，将创意与实际需求相统一，研究探讨如何运用和设计出富有生命力的网页从而服务于大众，这也是本次课题研究的意义所在。除此之外，网页设计主要体现在自身特点和信息传达的基础上，需要以人性化的设计为基础，使得网页大众化的同时，提升更多的潜在价值。本文主要通过从网页设计当中的图形图像、视觉需求、视觉字体元素、动态艺术以及色彩等多方面研究进行阐述，通过具体分析，让人们充分认识和了解网页设计动态元素的生命力价值体现。

　　二、国内外现状分析。

　　目前，网站的拥有者对自己的网站都有更加明确、深入的了解，而作为网页的设计师们也更加的理性和专业，所以大家都在寻求用户、商业诉求、审美和技术上的完美结合。随着时间的发展，就会淘汰许多已经过时的设计风格、特征元素和实现技术被遗忘和淘汰。

　　世界上第一个网页的产生，它并没有设计可言，而是由文字构成的，更没有设计可以。发展到现在，网页设计已经俨然发展成为一门庞大独立的设计门类，一个网页的产生需要通过不同设计者的紧密合作，只有通过不同的艺术种类、多种技术的结合，设计过程中复杂的流程和挑战性已经远远超过了其他传统设计形式。

　　每一个时期设计风潮，都会体现出不同时期人们对特定的审美、风格、趣味技术甚至理念不同的追逐。新技术的不断变化、媒介载体占有量的发展、全球设计思潮不断创新的，这些因素无一不是推动设计潮流变化的。 我们都可以回味一下那些曾经轰动一时的设计风格：如复古的像素样式；Google 的朴素之风；韩式清新插画风；Flash的发展出现不规则布局和导致动画的滥用；Apple 公司对产品设计追求的感；用户和情境意识的觉醒；对细节的不断追求；web2.0设计中经典的配色和特点元素；空间与层次感的魔术等。

　　设计风潮的转变，引领着这个时代在设计上的发展方向，是对于广大用户的需求最直观的体现。国外设计师在思考如何满足用户体验的同时，更多的在设计当中追寻创新，打造属于自我独有网页个性化品牌和视觉影响力。

　　2.1 国外网页设计的潮流及趋势。

　　近年来，国外很多网页设计呈现出更为时尚的潮设计思潮，独具特色。各个网页设计都会针对行业的职能定位、综合的功能应用、高效安全的性能等进行巧妙的构思与设计，这些都是其发展的优势所在。

　　例如，欧美用户大部分都钟情于简约、平淡而又严谨的设计风格，而不太习惯于艳丽、花哨的色彩和设计风格，在大多的大型网站网页设计都可以表现出来，并且大多国外传统网页更多的是注重网站的便利性和实用性，他们因此会花费更多的时间去考虑及研究更为周到实用的诸多细节以及功能，尽管大多设计上平淡无奇但是很有实用价值。MEDIPIX 是韩国本土一家着名的广告设计公司，MEDIPIX 的网站设计特点继承了韩国一贯的设计风格：色彩鲜明、导航明确、做工细致、布局整齐，具有强烈的韩国本土特点。韩国的设计风格在世界设计领域中是有一定的影响力的，例如韩国着名设计师朴祥禹的设计作品个性明显、别具一格、富有极高的创意，是非常值得我们学习和研究。相对于我国而言，许多的网页设计太过于龙蛇混杂，没有形成一种鲜明的体系。

　　2.2 国内网页设计现状。

　　对比国外的网页设计，我国的网页设计依旧处在一个刚起步的初期阶段，其发展潜力的巨大空间正被越来越多的人所关注。也就吸引了更多的年轻设计师，都投身在了这个新兴行业之中，在市场经济不断的推动下，我国网页设计也取得了很大的进步和发展，但是不能不提及的是，在这样一个大趋势下，同时也出现了需要解决的新问题。

　　创新意识薄弱，盲目的抄袭和模仿，其中设计从业人员综合素质还有待提高。由于我国网页设计还处于起步阶段，设计理论研究和教育培训相对而言还比较落后，这就导致了在网页设计行业大流当中，较高水平的设计师比较匮乏，各种各样不同类型的网页在设计呈现过程中大量的去模仿韩国、日本以及欧美的网页设计风格与及配色，这已经成为一种为追求效率而不择手段的风气，已然成为一个不争的现状，更有甚者，直接使用其他现有模版，如此一来，这样设计出的网页千篇一律，对受众人群的需求不具备"针对性".

　　在我国，许多设计师在设计的前期不会主动去调查和研究客户的真正需求。并且几乎不做任何相关的市场考察及调研，对视客户需求无视的同时，定位相对模糊，这样设计制作出来的网页可想而知必定不会带给受众带来艺术的美和舒适的体验。

　　许多国内设计师追求的只是页面的排版设计，而极少的去看重用户的亲身体验。虽然平面设计是网页设计重要的组成部分，但是又和其他的平面设计所要表达的效果是不同的，从网页设计来说除了视觉传达以外，更多的是要重视用户在浏览网页参与时的互动感。

　　也就是，网页不仅仅只是画面的简单呈现在用户面前，刻板的传递信息，更多的是需要考虑用户本身。从这个方面来看的话，成为一个优秀的网页设计师不仅要具备平面设计的能力，还要了解受众人群的习惯、心理感受甚至是人机工程学的相关知识，这样设计出的页面才能不仅是视觉效果的突出，更能带给受众更多的互动性和趣味性以及便捷的操作。然而国内网页设计对于这方面还是比较匮乏的，很少人真的去去研究和探索用户体验这一块，大多的网页设计师只会把单纯的版面设计和色彩的搭配作为网页设计的全面，单纯地认为，只有把网页设计的色彩丰富，有视觉冲击力就是好的网页设计作品。具体到网站用户如何去打开、浏览、操作页面分区，怎样参与到网页当中去等等，这些方面缺少着实质的考虑，如此设计的结果便是，华而不实。

　　重技术，轻艺术。高品质的网页设计是艺术设计和科学技术而产生的。随着电脑技术的发展和许多媒体手段的涌现，能够放入网页设计中的元素材料和特效技术也很越来越多，网站上的内容不再是图片和文字的结合，特效技术也可以说是其他科技手段将会更加的普遍。从某种程度来说，能把死板的网页变得更加的丰富具有生命力，才能更好的把用户需要的信息传达的更加准确、快捷。但是，如果脱离网页内容的承载这一主体，为了夺得绚烂的视觉效果，有时会使得技术的应用失去其原本价值，反而适得其反。网页技术如果不以用户客观需要为前提，在一方面会使得页面加载速度降低，只会让用户失去耐心；另一方面，如果网页设计中运用太多的元素和特效，而没有重点突出也会造成用户浏览过程中负面情绪的发生，影响最终体验。

　　2.3 比较与分析。

　　2.3.1 色彩的搭配不同。

　　如果您留意过一些国外的网站，你会从其中发现一些规律，国外绝大部分网站一般都会采用那些比较鲜明色彩来做为网页画面的主基调，譬如黑白，黄色，或者蓝色等等，这些色彩运用比较讲究和纯粹，邻近色的采用也能使画面呈现更多舒适的层次。网站的色调搭配通常使用一种颜色为主色，辅以其他颜色为配色，更有甚者就只运用一种色彩，越是有着名的公司，使用的颜色就越简单，令人印象深刻。例如，我们所熟知的着名手机品牌 apple 官方网站以及曾经占据社交网络第一位置且用户量巨大的 Facebook,所采用的色调基调就是简单的白色。相对来说，中国的网页设计整体色调上的搭配虽然更具有中国本民族特色，但是冗繁的色彩混搭直接造成的影响便是阻碍了交互信息的传递功能，容易给人带来一种视觉感官上的压迫感，并且由于每个人对色调的喜好程度不一样，在色调的运用上，这样就会流失一部分用户。

　　2.3.2 网站的整体布局不同。

　　浏览某些国内企业的网站，你将会发现这样的结果，主页上的导航、BENNAR 小标、企业简介、新闻中心、产品/服务展示、联系我们这些分栏，有时还会放上一小段视频等。所有的信息全部堆放在首页上，集中在一起。企业的原本旨意是希望让用户一眼就能知道了解其经营的理念、相关产品类型和企业发展的历史。但正因为这样的主页设计存在的缺陷，有时反而过于冗繁的将需求集中于一点，适得其反。

　　2.3.3 网站风格设计的不同。

　　国外网站的设计，绝大部分都很简洁，很多主页是以一张大图片作为背景，板式严谨，非常便捷，不会涉及过多三级甚至四级页面，下拉菜单往往也不会被拉得很长，加上流畅的页面表现方式，导航和内容分布得非常有层次感。而国内的网站则大相近庭。太过于复杂、琐碎的页面设计也会直接影响用户浏览的整体效果和感受。

　　2.3.4 对引导页面的偏爱。

　　基于某种情况来说人们有时也许都会遇到譬如这样的情况，当你打开一个网站的网页，引导页的动画长达几十秒甚至给你更多，且没有设置任何的过滤按钮滤过动画，你必须得等待动画慢慢播放完毕之后，然后才出现相关选择按钮，最后再点击按钮进入到网站的首页。这对于大部分人来说是难以接受的。

　　引导页对我们的用户体验尤为重要，盲目的追求广告信息的扩散有时会影像受众的体验。然而欧美国家的网站却恰恰相反，很少会出现这样情况，在用户输入网址点击进去网站之后，直接出现的便是首页，而且首页所放的内容显得清爽和直观，一目了然，不会影响到客户个人主观选择。

　　从整体上来比较，你们就会看到国内网站与国外网站在设计上存在最大的不同便是在于画面张力的表现与活力的韵律。从这个地方来看就会知道为什么我们的设计师很难做出一个能让全球的用户都接受并喜欢上的网站。当然，由于目前互联网的全球化形势给予了我们更大更多的便利，国内网站与国外网站设计相互间已经有所互相渗透，这种设计上的区别已经不像之前那么明显。所以，如何提升网页设计的时效性和持续价值，挖掘其生命力的延续成为当今值得探讨的课题。

　　三、本文研究内容。

　　在网页设计中动态艺术已经成为非常重要的一个部分，从主观的方式来说，视觉动态艺术设计所要表现的是最主要的感受、拥有并享受生活的方式；从间接的方式来说，视觉动态呈现则是顺应视觉感官对情感诉求最直接的表现形式。在视觉感受上可以代替和覆盖一切感觉的经验，而其它一切感觉经验都无法代替、覆盖视觉经验。人们对视觉感受最主要最深层次的动机，是视觉感受在人们生活中所起的作用和基础所产生的。所有，视觉经验和感受在动态艺术设计文化中的影响是直观重要的。

　　动态艺术是人们社会发展以及面临新趋势下动态视觉艺术了解、解析、探索未来的表现形式，它产生出了生命新的感受方式，带给了人们新的生存价值体验，其结果转化为动画。从某些意义来说，动态设计是讲图片和文字完美的结合从而放大艺术效果，这是图片和文字单独呈现无法做到的，动态设计将在当今设计文化中散发出独有的光彩。

　　四、研究方法及框架。

　　文本分析的方法，主要用来回答当今网页设计中，尤其是国内网页设计中缺乏更为灵活把控以及对于动态元素设计生命力价值的探讨等问题。由于本文研究的文本对象涉及网页设计的诸多方面，所以将结合个案分析的方法，对网络上的个别网页设计的优势与劣势进行深入分析：先将部分国内外较为优秀的网页设计进行比较，然后在综合评判的基础上，对国内网页设计上所存在的问题以及怎样营造和设计出赋予生命力的页面进而剖析。然后，运用比较分析的方法对现今不同网页设计当中存在的利弊进行取舍，从而探讨如何营造和设计出富有生命活力的网页。遵循上述研究方法和思路，论文主要可分为六个组成部分：

　　首先，概述当前网页设计的发展趋势和现实状况，阐述本文写作的目的及意义所在，通过表述国内外在网页设计研究的现状进行比较分析，从而发现实际操作当中网页设计的存在着诸多问题。

　　其次，结合文本综合分析和概念引入来还原网页设计中动态艺术的基本理念以及设计思维的运用从而进行内容剖析，归纳总结出当网页动态艺术的特点，再运用这些特点进一步指出设计实践当中艺术与技术的高度融合是当今网页设计所必备的条件，运用合理的设计思路来创造出优秀的网页设计作品。

　　紧接上一部分的内容，将在分析了动态艺术的特点以及设计思维的基础上，进一步探讨分析出网页设计动态元素实际设计和运用：人的视觉反映与需求，从人体工程学的角度揭示设计当中如何满足受众最本质的诉求。在发现网页设计当中生命力的存在，然后逐步找出其中的设计规律和表现方式，从而更好的运用相关技巧服务于受众。

　　然后，承接上文生命力的提出，将对网页设计中动态元素生命力的含义进行概述和归纳并且分析其发展的趋势，从中学习和掌握实际网页设计当中所需要注意的相关要点。

　　接下来，通过实际的网页设计个案，进一步分析网页动态元素生命力的价值和体现。

　　最后部分，将对之前的分析做出总结和反思，从现实层面分析出网页设计中动态艺术的运用所存在的优势和不足，据此展望探讨更具生命活力的网页设计。