19世纪60年代后期, 美国人爱德沃德·迈布里奇用一连串静态画面记录赛马的移动步伐, 然后将多达200张连续的图像投影到一个屏幕上, 实现了人类对于动态图形的研究, 同时也为很多视觉艺术家带来了福音, 迈布里奇成为动态图形的先驱人物。20世纪60年代以来, 数字技术的快速发展对世界范围内的动态图形设计产生了巨大的影响, 数字媒体在推进信息化社会的进程中所起到的作用, 越来越被人们所重视, 目前数字媒体影响到社会的各个领域, 逐渐将成为新兴的主流媒体, 数字媒体在信息处理、传播、获取过程中, 有别于传统媒体, 数字化的文字、图形、声音、视频、动画成为新的载体。因此如何对于数字化设计元素进行有效整合, 实现信息的有效传播, 成为了一个新的研究课题。
视觉传达中的版式设计遵循的视觉规律是大多数人心目中对于美的一种相通的共识, 它是客观的、理性的、甚至是经过科学验证的形式美法则。比如“黄金分割比例”是被公认的最能引起美感的比列关系, 很多设计师认为按照这种比例 (0.618:1) 设计出来的构图最为优美、和谐, 很多设计师也认为黄金分割比例是最理想的比例关系。因此通过对数字媒体领域中相关动态版式设计案例分析, 总结出在数字媒体领域中的动态版式设计视觉规律, 将会对数字媒体艺术设计带来更多创新性启示。
一、电影片头、片尾中的动态版式设计视觉规律
法国设计师库克为惊悚片《人兽杂交》创作的带有黑暗风格的片头, 是一部经典的视觉作品。电影讲述两位致力于推动基因工程发展的科学家, 意图通过组合动物和人的基因, 创造出一种更高级的类人生物, 由此产生了一系列惊悚恐怖的故事。片头版式设计是通过对蔬菜 (包菜) 、动物和人类的器官等视觉元素的在水中的组合, 来模拟不同物种之间基因在人体内混合的概念。片头动态版式设计上采用了满版式, 演员的名字采用上下分割式排列, 字幕效果通过数字影像合成技术, 以不同的解刨方式嵌入进器官当中, 我们可以看到演员的名字被烙在毛细血管稠密、微亮的羊水上, 这种连续的镜头组合成特殊的视觉效果, 为影片营造了恐怖惊术氛围。随着主要视觉元素在整个版面中的动态变化效果, 让观众产生了一种医疗手术上用的内窥镜在人体中不断推进的视错觉。
二、电视栏目包装中的动态版式设计视觉规律
美国美食频道的《饥饿的侦探》, 该栏目是描述一位热衷于寻找全美国最鲜为人知美食的侦探。设计师利用侦探桌子上的物件设计出一个非常具有吸引力的活动拼贴图。画面借助一把放大镜配合各种场景胶片照片、记录地点的笔记本, 表现出从微观和宏观上寻找的概念.为了让视频生动有趣, 画面在构图上多采用倾斜式构图, 各种动态视觉元素以倾斜的方式进入画面, 为了达到视觉上的稳定效果, 个别镜头还使用了三角形构图, 为了突出栏目标识, 将标识放置在版面正中心的位置, 并且为了打破这种严肃的版面效果, 文字采用倾斜式排版。
德国电视台的一部反映文化和社会理念的电视节目, 画面中人们的头上都戴着镜子, 镜子以画中画的形式映射出各种幻觉同时也打开新的视角, 从中我们可以看到涉及文化和艺术的各个领域。由于是文化和社会题材的节目, 画面中版式设计采用了大量文字排版的形式, 比如密集的文字排列出现在人脸上、弥散到空中、在墙壁上流淌, 从墙壁流入书中, 由文字组合成反战图形、从小提琴里飞向空中, 然后弥散开来, 以此来模拟音乐的声音符等等。法庭电视网日间节目包装的特色改版, 因为是电视法庭, 强调的是公平正义, 因此从片子中我们会看到被蒙住眼睛的正义女神, 比喻某些事件已经失去了公平和正义, 需要法律主持公道。然后用各种夸张抽象的排版方式, 配合鲜明的色调, 增加了改版后的特色, 强调栏目的深度和能量。在版式设计上, 我们会看到片子采用了倾斜、重叠, 发射、对比等常用的排版方式。
美国独立电影频道的《电影红色周一》栏目的一个动态宣传片, 整个片子采用拼贴画的形式, 综合运用各种视觉元素进行拼贴组合, 包括复杂的肌理、16毫米胶片摄影机、电影剧本、剧照、倒计时盘、电影放映机、各种电影片段、盛开的花、蕨类植物、树木轮廓、鸟类、、霓虹灯牌、以及各种有机图形、文字等。版式设计上采用了将各种视觉元素进行自由重叠、文字采用倾斜式排列、大段的电影剧本文字进行密集排列等方法。
MTVK是美国一档音乐节目, 目标受众是年轻的韩裔美国人, 片子采用实景视频、静物照片、大量的韩国文字、具有民族文化特色的图形、手绘线描插画, 这种生机勃勃的二维和三维动画相结合的效果, 让片子非常的具有吸引力, 突出MTV文化描绘的青春、超然的生活方式。拍摄视频时设计团队在曼哈顿的韩国城租了一家夜总会和卡拉OK酒吧, 选了一大批有才华的年轻人进行表演。整个视频涵盖了韩裔美国人生活方式的诸多方面。在版式设计上, 采用了密集、分散、倾斜、重复、弧形型、十字交叉型、导向、对称等版式设计方法。随着镜头的平移整个片子看起来非常的具有律动、欢快、动感十足。G4是洛杉矶的一家高速发展的电视网络公司, 大约有6100万家庭观看他们的节目, G4是一家以娱乐为主的电视网络, 主打科技、小器具、视频游戏和网络文化节目, 吸引18~34岁的广大男性受众。片子是G4的品牌塑造和推广视频, 片子使用大量三维逼真图片、照片和抽象的图形, 悬浮在一个含有G4商标轮廓的盒子周围, 包括人物照片、游戏机、各种网络符号、箭头、手枪、机器人等视觉形象。设计师通过一个圆形图案将整个视频的视觉焦点聚焦在一系列暗含网络电视特色的标志上, 在G4商标下面是品牌标语“插电即看的电视”, 整个视频在版式设计上, 首先采用的是发散式结构, 设计师将所有能代表G4电视网络的视觉元素都装进一个标志动画中, 整个设计过程像是一个很大的工具箱, 里面装了近300种不同的动画序列, 我们每次看到的视觉效果都不一样。此外, 在动态版式设计上, 设计师还用了重心视觉流程、导向视觉流程等方法。
三、网站中的动态版式设计视觉规律
斯巴鲁汽车公司2012年宣传翼豹车型的在线广告, 该广告让公众根据对自己第一辆车的记忆, 参与创作自定义的汽车动画, 然后通过网站与别人分享。网站创作出大量手绘水彩线描风格的动画, 这些动画包含了很多装饰性涂鸦图案、关键单词及短语。登入斯巴鲁的主页, 我看到的是一个伴随着引擎发动声音的动画, 接下来我们会看到各种由车主个人创作的动画, 并且他们还有自己的名字。在整个动画的动态版式设计上, 为了让动画活泼、充满童趣, 设计师将带有手绘效果的文字, 进行了倾斜式排版, 在画面中我们还会看到汽车爬坡时, 采用了弧线排版, 为了突出主要视觉元素还大量采用了, 重心型排版, 在特效动画中还使用了发散型排版等等。
四、新媒体展示中的动态版式设计视觉规律
美国犹太历史国家博物馆, 曾举办过一场引人注目的感人展览, 讲述二战时期大量犹太家庭为了躲避战乱, 从欧洲迁移到美国的历史。这次展览的主题叫“只在美国”。此次展览设计师采用了大量数字化新媒体展示方式, 设计师在走廊中间位置立了两块很宽的曲面显示屏, 观众被包裹在两面曲面显示屏中间, 设计师想通过这种方式围合成一个沉浸式环境, 让观众更直接的感受当时历史背景。视频讲述的是伟大的科学家爱因斯坦带着他的宇宙相对论, 远渡重洋来到美国的经历。在这个视频当中, 设计师采用了实景拍摄与照片序列动画相结合的方式, 在视觉创意上, 视频以爱因斯坦个人生活经历和演示宇宙相对论为主要内容。在视频的动态版式设计上, 我们可以看到设计师采用了离心式版式设计的方法, 在爱因斯坦工作照的周围, 密密麻麻的分布着他曾经画过的各种草图、演算过的公式、相关的科学数据等等, 为了能更有效的让观众的注意力放在特定事件上, 在视频切换的过渡动画上, 设计师采用将两个透明矩形方块互相叠加移动的方式, 刺激观众的眼睛从屏幕的一侧移动到另一侧。
综上所述, 我们可以看出, 版式设计的视觉规律, 在数字媒体领域同样会起到至关重要的作用。然而, 在目前市场上所见到的一些数字媒体设计作品, 仍然存在视觉元素组织混乱, 没有遵循视觉规律的现象, 这势必会影响到有效信息的传达和受众的体验, 掌握动态版式设计的视觉规律也将成为设计师的必备职业能力。
摘要：视觉传达中的版式设计视觉规律拓展到数字媒体:电影片头片尾设计、电视频道及栏目包装设计、数字动画、数字游戏、网站前端设计、移动互联媒体设计等领域, 实现了视觉传达的版式设计视觉规律, 在数字媒体领域的应用, 同时也为数字媒体艺术设计提供了更多的创新性表达方式, 并重新诠释了动态版式设计在数字媒体环境下的新特色。
关键词：信息社会,数字媒体,动态版式设计,视觉传达设计
参考文献
[1] JonKrasner, 克拉斯纳, 李若岩, et al.动态图形设计的应用与艺术[M].北京:人民邮电出版社, 2016.
[2] 严卿方.视觉动态力及视觉心理分析[J].美术教育研究, 2013 (17) :84-85.
[3] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯, 2011 (15) :14-14.