动态图形设计的风格与类型02

主讲：张玲老师新媒体视觉设计视觉传达设计专业苏州经贸职业技术学院新媒体动态设计动态图形设计的风格与类型新媒体动态设计中基于五感的交互设计动态图形设计与制作01020304新媒体动态设计概论智趣互创项目五2.1动态图形的设计原则2.2新媒体动态设计的艺术类型动态图形设计的风格与类型02项目五

智趣互创新媒体动态设计2.1.1动态图形的设计原则-运动语言设计原则

运动形式分类画面上的轨迹可以是有形的，也可以是虚拟的，图形元素根据设计需要，沿轨迹运动，这其实是综合利用多种位置化的运动形式。不规则轨迹运动图形围绕自身轴心点转动，或者以其他图形为轴心点转动。旋转调节图形元素沿X轴或Y轴的位置变化。平移位置变化：图形元素本身没有发生变化，在画面中的空间位置发生变化的运动形式。位置变化：图形元素本身没有发生变化，在画面中的空间位置发生变化的运动形式。Deplete》（消耗）分镜／黄盈盈／深圳职业技术学院2.1.1动态图形的设计原则-运动语言设计原则

BETJ栏目包装分镜2.1.1动态图形的设计原则-运动语言设计原则

形状变化：图形元素外轮廓发生变化。CraigFrasier电视台包装分镜2.1.1动态图形的设计原则-运动语言设计原则

形状变化：图形元素外轮廓发生变化。ShowtimeNetworks电视频道包装分镜

2.1.1动态图形的设计原则-运动语言设计原则

性质变化：图形元素的外轮廓不变，属性发生变化，如透明度变化和色彩变化。2.1.1动态图形的设计原则-运动语言设计原则

运动方向变化与表意方向心理方向表现方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

方向心理：

观众心理暗示向右为“前进方向”，向左为“后退方向”2.1.1动态图形的设计原则-运动语言设计原则

方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

方向表现：

2.1.1动态图形的设计原则-运动语言设计原则

运动速度变化方式针对速度的快慢，我们用“速率”来表述。“速率”指的是图形元素在单位时间内移动的距离。速率可分为匀速和变速。它们分别给人传递出不同的视觉和心理感受。《UnderstandMusic》／FinallyStudio

2.1.1动态图形的设计原则-运动语言设计原则

2.1.1动态图形的设计原则-运动语言设计原则

运动的生动表达动态图形设计可以通过视听语言表达含义，将信息生动有趣地传递给观众。在传统动画形式的动态图形设计中，图形较为具象，通过简单的动作和语言，观众即可理解它所要表达的含义。或者完全利用抽象图形表达，即图形元素本身虽然不具备明确的形象特征，但通过“典型性的行为”和“运动”，可以表达出含义。水字动画分镜2.1.2动态图形的设计原则-时间维度设计原则时间特性通过在一定时间内图形元素的数量来控制画面节奏。在同样的时间长度下，图形元素过多的画面，观众会有应接不暇，不容分说的感觉；反之，当元素较少时，画面感觉舒缓时，观众感觉时间节奏变慢，更容易集中精力获取信息。引导主观时间具备空间维度特点的图形元素在时间轴上展开系列的空间位置变化，为观众建立起认知次序，起到引导观看。以空间换时间时间表达形式2.1.2动态图形的设计原则-时间维度设计原则循环回放抽针快速与慢速定格定格：2.1.2动态图形的设计原则-时间维度设计原则短片《谷歌速度》分镜

快速与慢速：2.1.2动态图形的设计原则-时间维度设计原则短片《疾如闪电》分镜

快速与慢速：2.1.2动态图形的设计原则-时间维度设计原则《创造》分镜／曹铿鋌视觉元素组合在总合成的时间轴上包含不同的子合成，每个子合成则是由多个元素图层构成的组合。嵌套式组合在连续的时间轴上，运用不同的运动形式处理层与层之间，元素与元素之间的关系，营造视觉效果。图层式组合2.1.3动态图形的设计原则-综合运用视听语言原则听觉元素组合同其他视听语言艺术形式一样，动态图形设计既包含空间元素、时间元素这些视觉表达内容，也包含影响观众听觉的声音元素。声音元素可以是音乐、音效，也可以是对话或旁白。动态图形设计时可以将音乐作为编排设计的节奏的依据，以此编排画面的视觉节奏。《Chipotle》宣传片分镜／RamiHachache

2.1.3动态图形的设计原则-综合运用视听语言原则2.1.4动态图形的设计原则-迪斯尼经典的12条动画经典原则1981年出版的《TheIllusionofLife：DisneyAnimation》一书中，动画制作人OllieJohnston和FrankTomas确立了迪士尼经典的12条动画经典原则。这些原则因其实用性和可延展性，不断地被后来的动画制作人沿用至今。对于现在新媒体平台的动态设计而言，这些原则也有非常好的借鉴意义。2.1.4动态图形的设计原则-迪士尼经典的12条动画经典原则0102任何物体在进行运动地过程中，多少都会受到各种力的作用，被自身质量挤压或拉扯伸展而产生变形。挤压与拉伸（Squash&Stretch）03让动画角色在进行主要动作前，先做一个让观众产生“预先判断”的准备动作。期待（Anticipation）所有动画中的构图、运镜、动作、走位都需要经过仔细的设计安排，避免在同一时间点出现过多琐碎的动作变化。登场（Staging）2.1.4动态图形的设计原则-迪士尼经典的12条动画经典原则0405“连续动作”和“姿态对应”是绘制动画的两种不同的方法。连续动作与姿态对应（StraightAheadActionandPosetoPose）06跟随和重叠动作的技巧，是相互关联的，它们是基于现实去模拟真实物理动力学。跟随与重叠动作（FollowThroughandOverlappingAction）动画的渐进渐出技巧也是顺应这一物理原则而出现的，可以让动作更加真实可信。动势渐进渐出（SlowInandSlowOut）2.1.4动态图形的设计原则-迪斯尼经典的12条动画经典原则0708除了机械运动之外，真实世界大部分的有机活物都不会遵循完全直线的运动轨迹。弧形动作（Arcs）09在主要动作之外，增加细微的次级动作，起到支持主要动作的作用。次级动作（SecondaryAction）控制运动的关键是动作的节奏。动作的节奏就是速度的快慢，过快或过慢都会让该动作看起来不自然。节奏（Timing）2.1.4动态图形的设计原则-迪士尼经典的12条动画经典原则1011动画的魅力在于，它本身就是偏夸张的表现方式。透过角色的夸张表现，强化剧情起伏，让观众更容易融入且乐在其中。夸张手法（Exaggeration）12现在都提倡扁平化的设计，但在很多地方仍然适用立体造型的设计思路，让细节更丰富耐看。立体造型（SolidDrawing）吸引力原则是任何一种艺术形式的最终准则。吸引力（Appeal）2.2新媒体动态设计的艺术类型影视片段类动图艺术类动图摄影类动图2.2新媒体动态设计的艺术类型影视片段类动图是指通过截取电影、电视剧、动画、综艺等视频中的片段，再通过添加字幕等方式来设计“动图”。这些动图的特征往往是幽默、夸张、搞笑的内容，这类动图凭借影视剧本身广泛的群众基础，传播速度非常快。影视片段类动图2.2新媒体动态设计的艺术类型摄影类动图一般是指由多张连续的照片连续播放制作的动图，苹果手机中的LivePhoto功能可以直接拍摄动态照片，经过软件转换就可以生成动图。摄影类动图中还有一种叫作Cinemagraph的特殊类型，cinema是电影摄影，graph是图片，Cinemagraph是指拥有动态影像元素的图像，它的独特之处在于它是局部动态的摄影作品，如展示静态女孩子的飘逸的秀发等效果。摄影类动图Cinemagraph在观感上与Gif格式的动画类似，但拥有远胜于普通Gif图片的动态内容表现能力，使用目前的摄影和后期技术已经能够获取画质细腻、色彩丰富、压缩较好的动态图片，所以，Cinemagraph通常被称为HighFashionGIF、RichMan’sGIF。《时代》周刊这样描述Cinemagraph：“它创造了一个静谧而出神的瞬间，将粗制滥造的GIF提升为一样更为纯净优雅的事物。”艺术类动图的制作难度进一步加大，完全通过计算机软件进行制作，既需要完成平面设计，也需要进行动态加工，但自定义程度更高，在商业上用途更加广泛。国外有许多艺术家团队创作了非常多优秀的此类作品，如Gifparanoia、GoldenWolf