数字媒体艺术创新力丛书--动态图形设计

“几处早莺争暖树，谁家新燕啄春泥。 乱花渐欲迷人眼，浅草才能没马蹄。”当我们看到前人这些诗句时，一幅幅美妙动感的画面便映入眼帘，如何将这些景象直观而准确地再现 ？中国台湾省故宫博物院中，郎世宁数百年前创作的《百骏图》“动”了起来，画中白马慵懒地吃着草； 韩国SM 公司总部大楼，硕大的曲面屏犹如鱼缸，里面翻滚着“惊涛骇浪”；机场里，人们摆弄着手机，脸上大多洋溢着笑容，猜想是收到了朋友搞怪或可爱的微信表情，又或是看了一条诙谐幽默的MG 短片，或仅仅是看到了航班飞机落地的动态信息图……这些都是问题的答案，是让万物信息鲜活起来的方法 ——动态图形设计。

短短二十余年，我们经历了深刻的传播媒介的变革，以手机为代表的移动互联网媒介成为主流，随之嬗变的是大量的静态图文信息内容正以各类动态化的方式被创造、发布、传播。在可见的5G 时代，我们或将真正进入全面动态时代。在动态图形设计视域下，笔者尝试寻找一些动态图形的设计线索以供读者讨论。全书由动态图形概论、动态图形原理、动态图形设计应用和动态图形设计实例四章构成，包含了动态图形设计的历史与发展演进，动态图形设计的基本原理与设计方法以及动态图形设计的设计流程与应用。后本书还为读者准备了多个动态图形设计实例，在实例中深化对动态图形设计的认识与理解。

本书的编著，得力于丛书主编鲁迅美术学院宗诚老师的大力支持与帮助，正是宗诚老师在专业资源上的无私支持以及严谨指导和审阅使本书得以面世。在此，谨向宗诚老师表示衷心的感谢与敬意。同时，感谢宋艺敏、王美娟参与第四章实例制作与步骤编写，以及在实训部分给予的支持。

此外，笔者还为本书拓展了数字化相关的知识内容，并将数字资源内容共享于化学工业出版社官网中，请读者自行下载获取。由于时间紧促笔者水平尚浅，书中疏漏之处在所难免，敬请读者指正。

丁男

2022 年1 月

本书在动态视觉研究视角下，以动态图形设计理论为依托，结合动态图形设计应用对其简史、原理、设计方法及商业应用进行了详尽而全面的介绍。通过本书的学习，读者可系统掌握动态图形设计的原理与方法，并能够独立进行动态图形作品创作。编著者查阅、参考了大量国内外动态图形设计相关作品，结合凝练的理论与深入浅出的设计实例，以直观的方式阐述了动态图形设计理论与实践。

本书适合数字媒体艺术设计、平面设计、动画设计、信息艺术设计、交互设计等与动态图形设计领域相关的在校生与设计爱好者阅读参考。

丁男，鲁迅美术学院硕士研究生毕业，2013年起在辽宁师范大学数字媒体艺术专业任教至今。从事数字媒体艺术专业相关的教学、科研与设计实践工作。研究方向为动态图形设计、视觉传达设计。

交互动画课件获辽宁省教育教学信息化大赛一*等奖；主持1项辽宁省教育厅人文社科研究项目；参与人文社科规划项目、辽宁省教育科学规划项目、辽宁省教学改革研究项目；发表多篇学术论文；获得中国大学生广告艺术节学院奖优秀指导教师、全国大学生广告艺术大赛辽宁赛区优秀指导教师；指导学生获得百余项国*家级、省级专业竞赛奖项，参与多个知名企业的视觉设计相关项目工作。

章 动态图形概论 1

节 图形设计和动态图形设计的定义 2

一、图形设计的定义 2

二、动态图形设计的定义 3

第二节 动态图形设计简史 4

一、机械时代 4

二、电气时代 6

三、数字时代 18

第二章 动态图形原理 33

节 图形动态 34

一、基本动态 34

二、生命体动态 43

三、非生命体动态 49

四、力学动态 52

第二节 空间动态 55

一、景别变化 55

二、摄影机运动 60

第三节 时间动态 66

一、时间设计原理 67

二、时间动态 68

三、时间设计 70

第四节 声音动态 79

一、声画关系 80

二、声画作用 81

第三章 动态图形设计应用 85

节 动态图形设计原则 86

一、图形原则 86

二、色彩原则 88

三、动态原则 94

第二节 动态图形设计流程 97

一、项目分析 97

二、创意设计 98

三、设计制作 101

第三节 动态图形设计应用 102

一、影视中的应用 102

二、互联网中的应用 107

三、公共空间中的应用 115

第四章 动态图形设计实例 119

节 动态海报设计 120

一、动态海报简介 120

二、动态海报设计项目分析 122

三、动态海报设计实例 123

四、动态海报设计小结 126

第二节 动态LOGO 设计 127

一、动态LOGO 简介 127

二、动态LOGO 设计项目分析 128

三、动态LOGO 设计实例 129

四、动态LOGO 设计小结 132

第三节 微信表情设计 133

一、微信表情设计简介 133

二、微信表情创意概述 134

三、微信表情设计实例 134

四、微信表情设计小结 139

第四节 摄像机动画设计 139

一、摄像机动画设计简介 139

二、摄像机动画创意概述 140

三、摄像机动画设计实例 141

四、摄像机动画设计小结 144

第五节 交互图形动画设计 144

一、交互图形动画设计简介 144

二、交互图形动画创意概述 145

三、交互图形动画设计实例 145

四、交互图形动画设计小结 151

参考文献 152