Flash网页视觉设计一个重要的应用就是网页中交互式导航和按钮的设计。网站具有内容先导性,高效的导航系统常常是首次访问网站的人们的第一需求。因而导航和按钮的设计首先要做到清晰、简明。而利用Flash的脚本技术优势,可以完成如通过导航条的色彩变化,导航条的伸缩和按钮的大小、形态的改变等,如图2.1,Justdot网站的导航,通过色彩的变化来划分不同的内容版面,引导浏览者的鼠标在网站中体验穿梭自如的交互方式,并令浏览者在体验过程中获取视觉上、情感上的新鲜感和愉快感。
图 2.1 Justdot网站的导航展示
(2)网络广告
广告已是网页设计中不可或缺的一部分,更是当今网络营销的重要组成部分。在网络广告中可通过Flash动画设计,吸引浏览者参与其中,并令浏览者的动作成为网络广告的运行过程和结果。较之传统形式的广告和公关宣传,广告传递效率高、参与度高,广告的传达更加人性化,更具趣。
(3)网站Logo
Logo是Web识别的重要符号,Logo使网络浏览者易于识别和便于选择。网站Logo的设计来源于平面Logo的设计方式,好的网站Logo能够增强网站的识别度、记忆度、好感度。但网站Logo又不同于平面Logo,它更强调动态性,或色彩转换,或形状变异,或呈现空间变化。
图2.2 RED OCEAN网站Logo的“动态性”
如图2.2,此网页的Logo在Loading部分开始有动态化处理,形态上由大变小;色彩上,字由红色变为灰色;空间变化上,方形的Logo在网站中心的位置逐渐演变到网页左下角,变成网站的导航。经过了一系列的动态化处理,使浏览者对该网站的Logo的识别度、记忆度大大增强了。
(4)鼠标跟随
鼠标跟随常见于QQ空间、网页、swf格式小文件等多处,是影片剪辑跟随鼠标移动而即时移动或者缓动的一种Flash视图效果,具体制作细节会因效果不同而有很大区别。
图2.3 Wonderwall网站中的鼠标跟随设计
如图2.3,Wonderwall网站的鼠标更随效果,使网站在视觉上很有冲击力,他将图片分成块面,鼠标划过的部分会凸起,使网页有了灵动的、立体的视觉效果。
(5)全Flash网站
利用Flash技术设计整站是Flash网页视觉设计最全面地运用,是将Flash的动态艺术表现与交互功能发挥到极致。如通过交互性的故事让浏览者直接成为网站的主人公,根据浏览者的想法和行为改变故事的进程甚至是结局,极大地调动浏览者的好奇心。
图 2.4 全Flash网站
如图2.4,这是一个非营利组织的网站, 表现形式却是给了我足够的震撼。整个网站虽然内容很丰富但是加载时间却较短,动感十足。创意无限的Flash网站开发工程师却能以它为载体设计出如此生动形象的网站,对于厌恶了普通网站的用户来说,是一个全新的体验
3 毕业设计方案
3.1 IFAW网页设计方案
随着社会信息技术的提高,计算机已被广泛应用于当今社会的各个领域,成为推动社会发展的首要技术动力。在这股力量的推动下,传统慈善事业的宣传和传播也逐步的在发生着改变,全世界范围内的各种慈善机构及热心公益的个人纷纷开始利用互联网构建自己的网站站点以发布和获取信息,让更多的力量来关注公益事业,推动公益事业发展。本设计是对原有的IFAW网站进行网页的艺术设计,更好的把网站信息体现出来的,才会更有说服力号召更多的人们来参与到爱心事业当中,真正把爱心公益事业传播到各地,引导全社会关注公益慈善事业。 浅析Flash网页设计中的“动态性”(4):http://www.youerw.com/yishu/lunwen_2051.html