前言:寻找写作灵感?中文期刊网用心挑选的网页设计中Flash动画交互性探究,希望能为您的阅读和创作带来灵感,欢迎大家阅读并分享。
摘要:在网络信息技术发展的新时期,网页交互动画已经成为人们重点关注的动画发展趋势之一。该种动画形式不仅已经充分渗透到了人们日常的生活与工作当中,同时也备受消费者的关注与喜爱。特别是在当前网络传输速度日益加快与各网络平台不断发展与优化的背景下,由于网页可以支持更多与众不同的设计功能,因此进一步加强网页的互动性与观赏性已经成为每一位设计师必须要完成的任务。
在信息爆炸的时代背景下,网页只有具备强大的感染力与交互性才可以充分引起人们的关注,获得更多的浏览量与点击量。为此,在网页设计中,就要借助Flash动画技术来对网站进行设计,并制作出更加具备竞争力的动态网页。与此同时,网页设计人员在设计网页时也要注意视觉文化的运用,尤其是在Flash动画信息的策划、制作传播等各个环节当中,要高度重视其视觉上的美感,并根据视觉美感的法则,借助技术手段来将艺术充分地展现出来,创造出更加吸引人的Flash动画。
一、网页设计中Flash动画交互性的视觉表现
站在人机界面的角度,可以将互联网理解为一个用户与其他用户实现信息交流的抽象界面,而交互性就是其最为独特的地方。基于互联网背景下的人机交互主要是指人通过操作计算机来获取相应的数据与信息。而在这一过程中,信息交换的形式较为多样,如鼠标、键盘以及显示屏幕上的图形、符号、声音与影像等[1]。而Flash网页动画视觉设计在互联网人机交互中则属于一种更为全新的形式,浏览者的参与性与交互性主要体现在如下两个方面:一方面,Flash网页动画视觉设计是在浏览者交互控制的基础上逐步进行的;另一方面,由于不同浏览者的交互控制情况不同,因此Flash网页动画视觉设计的发展方向并不是很明确,且会在很大程度上受观者的影响[2]。为此,在网络时代不断开放的背景下,复杂的交互行为就会直接影响到浏览者的感受,而简单的交互方式则可以显著改变网页设计的动态视觉效果。例如,大众公司在专门设计迈腾汽车的动态网站时,就充分应用了导航与汽车方向盘这种交互形式。这不仅可以给人带来耳目一新的视觉感受,同时也能够让使用者在导航选择操作的过程中体会到转动方向盘的感觉。特别是对于爱车族的浏览者来说,虚拟化的交互方式可以大大提高浏览者在浏览网页过程中的乐趣,并给浏览者留下更为直观与深刻的印象。
二、Flash网页动画视觉设计交互方式的设计原则
根据多年的Flash网页动画视觉设计经验,笔者认为,Flash网页动画视觉设计交互方式的设计原则主要体现在如下几点:第一,要建立结构清晰的导航系统。分析部分信息结构较为复杂的网站能够发现,其网页中都含有用途不同的层级导航,因此就可以充分借助Flash技术的特点与优势,对其动画表现形式与鼠标响应行为进行合理的设计,以此来构建层次分明的导航系统。第二,设计的交互方式要便于人们学习与掌握。具体来讲,Flash网页动画视觉设计与浏览者的交互过程实际就是浏览者参与故事的一个过程,在此期间,浏览者也可以创造属于自己的故事。为此,对于Flash网页动画视觉设计来讲,其交互行为设计一定要更为直观,以便于浏览者的操作。第三,网页设计人员在进行Flash网页视觉设计时,不仅要充分考虑到广大受众的实际心理需求,同时也要充分突出动态艺术表现的娱乐性,尽量在轻松活泼的动态设计中达到娱乐大众的目的[3]。在2008年,阿迪达斯在就将一期以“2008没有不可能”为主题的网络广告投放到了搜狐网上,广告中的卡通人物身着红色啦啦队服装,十分具有中国风的韵味。同时,广告中的卡通人物通过不断地变换队形组成了各种各样的图形字样,如扩音喇叭、2008、领奖服等,再搭配上背景板中的文字翻板变化,这就会给人带来一种诙谐、新颖的感受。
三、Flash动画设计中视觉运用的基本法则
(一)色差对比和整体和谐相统一。色彩设计主要有两大原则,第一大原则就是对比,具体来讲就是将差异较大的两大色块物体放在一起,造成视觉冲击,以此来提高画面的丰满程度与生机感。例如,我们日常生活中常见的黑与白、红与绿、蓝与红等色彩搭配,将这些差异较大的色彩拼凑到一起就可以在第一时间给人带来色彩上的冲击。而第二大原则就是和谐,就是要严格遵循色彩相近原理与色彩搭配和谐原理,详细来讲就是将物体与颜色相似的物体合理地放置在一起。其中,色彩搭配和谐原理就是要通过空间范围的不同比例与大小来增强色彩间的舒适美感。在具体设计时,要通过调整形状的差异、物体空间的大小、线条的曲直与疏密等来增强物体对整体布局的适应性,提升布局整体的和谐性、生命力与色彩自身的冲击力。而色彩相近原理则是指人的眼睛在生理上就会对相近的色彩进行优先处理[4]。
(二)分清主次,抓住重点。站在哲学原理的角度来讲,对某个事物本身进行看待时要分清主次矛盾,抓重点。将这一原理应用到Flash动画设计当中也十分适用,同样也分主要内容与次要内容,重点内容与非重点内容。例如,我们生活中常见的购物网站——“聚美优品”,其官方网站就将主流与支流分得很清楚,且将主流内容放在视觉的最优位置处,即视觉中心[5]。其中所说的主流内容具体就是指该网站主要宣传的产品——化妆品。而其他种类的产品则为非主流内容,且处于从属地位。主次分明的网页设计不仅可以给人营造出一种统一与完整的感觉,同时也能够充分突出网站设计的个性化特点。
(三)视频节奏和韵律相统一。在设计Flash动画时,设计人员更加重视节奏与韵律的统一。其中,节奏就是指机械美、规律美;而韵律则是指变化美与灵动美。规律的节奏与变化的韵律进行有效的结合可以产生不同形式的美感。这种美感既不与节奏整齐划一的机械美相同,同时也与韵律的变化交替的灵动美存在着一定的差异。因此,将视频节奏与韵律恰当地结合起来,充分应用到网页设计当中,可以大大增强Flash动画的独特美感。
(四)特殊艺术手法——留白。在我国古代的山水绘画当中,留白属于一种较为特殊的手法。其主要是指在重点表现的主体当中,留下一部分空白,再借助这部分空白来起到反衬主体的作用,进而大大增加画面的想象力与视觉的吸引力,丰富其涵义与意义。近些年来,随着技术文化的高度融合,将留白这种较为特殊的艺术手法合理应用到Flash动画的设计当中,不仅可以有效调整网页画面整体的复杂感,增强画面的饱和度,同时也能够更加有效地引导用户思维,进一步拓展用户的想象空间。日本著名的网页设计师——加藤纯一在网页设计中就充分利用了“留白”这种特殊的手法,主张画面的主要构成要素与强调物体的周围留白要借助其他因素来大大增强画面的生动性与活泼性。同时,这也在一定程度上促使留白这种特殊的艺术手法在网页设计中的应用更为成熟,且能够进一步增强网页设计中Flash动画交互性的视觉表现。
四、结束语
总而言之,作为网页设计的关键组成部分,Flash动画已经得到了网站创建者的高度重视与充分应用。在当前背景下,想要充分发挥Flash动画在网页设计中的特性,就要从多个不同的角度进行分析,尽可能地创造一个最佳的视觉语言形式,以此来充分展示设计人员的设计理念,表达设计人员的艺术主张。
参考文献
[1]谭昊琳.网页设计中的Flash动画视觉语言研究[J].数字技术与应用,2020,38(3):144-145.
[2]高旭,孙立刚.网页设计中Flash动画交互性的视觉表现研究[J].艺术科技,2019,32(6):94.
[3]宋翔.网页设计中的Flash动画视觉语言研究[J].科技展望,2016(19):16.
[4]王明菊.网页设计中Flash动画的视觉运用探究[J].信息与电脑,2016(14):129-130.
[5]邢蕾.网页设计中的Flash动画视觉语言研究[J].信息与电脑,2016(20):161-162.
作者:任碧侠 单位:肇庆市技师学院