美章网 资料文库 动画元素在网页设计中的应用范文

动画元素在网页设计中的应用范文

时间:2022-08-11 03:27:55

动画元素在网页设计中的应用

一、动漫元素在网页设计中的必要性

加拿大著名的传播理论家赫伯特•马歇尔•麦克卢汉在他的经典著作《理解媒介-一论人的延伸》一书中写道:“罚矛弄姆容易把技术工具作为试用者犯罪孽的替罪羊,现代科学产品的本事无所谓好坏,决定他们价值的是他们的使用方式。”网站与人的互动设计就好比是一场互联网设计革命,它是人类在视觉、听觉和触觉等方面的要求和提高,是人类对于世界的审美的提高。一个成功的网站设计,除了对于网站内容是硬件要求之外,对于网页和浏览者的互动设计则是重要的软件要求。浏览者和网站的互动性与参与性,决定了该网站对于大众的吸引力和点击率。任何一家网站都有一定的互动性,而好的动画语言添加在这种互动性的体验中就为网站增添了更多的趣味性。

二、动画元素在网页设计中的具体体现

(一)主页互动主页中的动画展示是最关键的一部分,也是大多企业投入设计费用最多的一部分。形象展示动画如同网站的形象广告,起着不可忽视的作用。它的强烈的动态效果,给浏览者的内心留下一个最初且深刻的印象,将浏览者轻易的引导入该企业文化中。一般情况下,企业会将自己的企业理念或者是企业的产品做成宣传片置于首页的动画中,抑或是做一个关于企业产品的小游戏,来与浏览者进行互动。这样,在用户打开网站时,便会被一种包裹式的试听效果和形象展示所吸引。

(二)鼠标显示目前鼠标的动态效果千奇百怪,如浏览者将鼠标移上导航栏时和点击后出现的动画效果,可以给浏览者带来一种新奇感。目前有很多网站开始以动画的特效鼠标来吸引浏览者的眼球,或展现其网站的特色。例如卖蔬菜的网站往往会将鼠标做成胡萝卜的效果。当然,除了鼠标动画设计中需要的语言编程。设计师在做鼠标动画效果时,还要注意另外两个方面:一种是关于色彩的动画,通过色彩的明暗度或者饱和度等等方面的变化,进行动画效果。另一种就是在鼠标滑过或者点击的过程中,鼠标周围出现例如小范围的闪亮或者光晕的动画效果,这类效果无形中为网站添加了许多梦幻效果。这些设计主要还是要和网站整体设计风格进行搭配设计。

(三)进度条设计目前网站中的进度条设计是应用动画元素最多和最普遍的地方了。由于网速的限制,导致在浏览者打开网站或者下载时中间会出现卡壳或空挡,这时候大多会跳出一个进度条来显示其运行速度。各大网站对于进度条的设计真可谓是百花齐放各显神通。进度条设计虽然是一个很不起眼的小FLASH动画,但不小觑这些细节设计,进度条的设计精致与否,也关系到整个网站的设计成败,乃至企业文化的精髓。

三、动漫元素在新媒介上的未来发展

交互式导航不仅仅是在主页加一个FLASH动画那么简单,最主要的是它能够带给人互动时的新鲜感和愉快感,更优越于只注重于使用性的交互式导航功能,如使用者的参与是交互式导航的必需条件,在这种情况下,必须要有诱导使用者互动的设计。对于现在网络媒体飞速发展的今天来说,不仅是网站设计需要动画元素,连手机等便携设备的出现,也是用户交互界面的全新市场。如何设计出新颖的界面,让浏览者在不同的媒体界面上获取信息的同时得到愉悦的审美体验是很重要的。说到用户交互界面设计中的动画元素,也就是用动态的视觉因素来传播信息,与观看者沟通交流。除了网页设计,现在还包括媒体游戏,聊天软件,购物软件等等。它们的互动设计中除了图片、文字、色彩以外的静态传达,还包括点击链接时画面变化的动态交互效果的动态视觉传达。除了游戏界面基本是由动画语言组成之外,其他交互设计最重要的是交互性的体现,在互动中融入动画元素,无论是从视觉审美上来说,网页交互性设计是要让人们点击链接以后在能获取信息的同时,达到视觉上的享受,;还是在这些包括不同色彩之间的动态变化上来说,图片之间切换的效果,声音的转换,文字出现的效果等等都是给上网浏览的人一种愉悦的心情。网络信息传播是具有视觉、听觉、触觉互动的视觉传达全球化的交互信息。网站设计师将动画元素融入网络设计中,这是在未来的新媒体交互设计大战中胜利的关键,这代表着一种新文化的诞生。

他们把网络上的信息重新设计出幽默诙谐的界面,争夺了更多的眼球注意力,给浏览者以强烈的视觉冲击力和吸引力。互联网新媒体将是设计界的新的舞台,其信息资源无限、图文互动、高速高效的特点对传统设计媒体有着巨大的冲击,动画元素也对设计行业带来相辅相成的里程碑式的影响。

作者:刘妍 陈霄 单位:吉林艺术学院 吉林农业大学

被举报文档标题:动画元素在网页设计中的应用

被举报文档地址:

https://www.meizhang.comhttps://www.meizhang.com/sjlw/wysjlw/677212.html
我确定以上信息无误

举报类型:

非法(文档涉及政治、宗教、色情或其他违反国家法律法规的内容)

侵权

其他

验证码:

点击换图

举报理由:
   (必填)