《动态构成基础》课件-动态构成设计概论

动态构成基础01构成的定义与基本特点构成的起源1919年的包豪斯设计学院在格罗皮乌斯提出的“艺术与技术的统一”口号下，努力寻求和探索新的造方法和理念，对点、线、面、体等抽象艺术元素进行大量的研究，在抽象的形、色、质的造型方法。构成的定义构成指将一定的形态元素，按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合。传统三大构成：平面构成、色彩构成、立体构成

构成的形成与发展平面构成平面构成是以视觉元素点、线、面在二度空间上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。。平面构成的作用----解决图形的排列及版式设计设计师把标题与人物垂直排列的形式使之形成一条“线”，下方的导航与logo水平排列也组成了一条“线”，两者形成一个倒“T”字形。“世界观”与“游戏阵营”的布局设计正好形成了两个点。三者的组合是一个完美的三角形状，而在画面的构图中三角构图是最稳的，配以宁静的夜空，飘舞的萤火虫，具有视觉冲击力的月亮与视角，恰如其分的传递出安静唯美的信息。对称排列（形式美法则之对称）对称：形体用对折的方法，基本上可以重叠的图形称为对称。它们是等形等量的配置关系，最容易得到统一，是具有良好的稳定感的最基本形式。。平衡排列（形式美法则之平衡）平衡：在衡器上两端承受的重量由一个支点支持，双方获得力学上的平衡状态。平衡排列不同于对称排列之处在于所用素材的形式，种类可以不完全相同，但所摆放的位置要使得整幅画面看起来平衡稳定具有美感。自由排列（形式美法则之节奏/韵律）节奏/韵律：节奏和韵律是时间艺术的用语，在音乐中是指音乐的音色、节拍的长短、节奏快慢按一定的规律出现，产生不同的节奏。在构成中为同一形象在一定格律中的重复出现产生的运动感。节奏必须是有规律的重复、连续，节奏容易单调，经过有律动的变化就产生韵律。“点、线、面”在设计行为中的表现形式已经不仅仅是传统意义上的形式。一个logo、一个按钮、一个banner都可以是它们的具象表现。这需要我们在设计之初把具象的素材抽象化——进行解构的过程——用最基础的构成元素来按形式美法则（形式美法则包含对称、平衡、对比、和谐、调和、节奏/韵律、统一，七大规律）进行布局。在获得理想的布局形式后再把抽象的元素具象化——进行重构的过程——此时要以设计的手段来让元素变得更精致更富视觉冲击力。色彩构成色彩构成是从人对色彩的知觉和心理效果出发，用科学分析的方法，把复杂的色彩现象还原为基本要素，按照一定的规律和目的性去组合各构成之间的相互关系，再创造出新的色彩效果的过程。色彩构成是以明度、纯度、色相、冷暖、面积、肌理来研究色彩搭配的学科，也是研究色彩各要素的构成法则互补色系类似色系三色系分割互补色系矩形色系色彩构成的作用--解决色彩的分类及配比配色就是以产品的主色调为基色，再寻找与基色相协调的色彩，使得整体画风与产品或品牌风格相一致。

产品：男士衬衫关键词：时尚、潮流帅气、活跃文案：潮流风尚，夏装八折上线产品图中出现的颜色：

从产品图中直接取色是最简单的选色方法。因此，我们以衣服颜色为主色，展开色彩搭配。色彩搭配案例方案一：邻近色背景取用蓝色为主色调，部分文案采用青绿色做点缀。运用相同色彩产生关联性，引导视觉从左到右移动，整体画面格调柔和。方案二：间隔色搭配背景以黄色为主色，蓝色为画面辅助色，青绿色为点缀。间隔色的搭配方案富有视觉冲击力，整体画面格调明快。方案三：互补色搭配选取衣服花纹的深蓝色作为背景色，采用白色进行色彩中和。互补色搭配的视觉冲击力最强，更要着重控制对抗色彩的协调性。方案四：暗色调搭配相比高纯度的海报容易带来廉价促销的感觉，当海报降低背景的明度后，则可以体现出一种高端的格调。而暗色背景上的炫光效果，也是常用的设计表现手法方案五：暗色调+高纯度搭配深色背景搭配高饱和度的字体颜色，既有高端格调又有促销感觉。副标题可适当降低不透明度，以达到主次分明的效果。立体构成立体构成是一门研究在三维空间中如何将立体造型要素按照一定的原则组合成赋予个性的美的立体形态的学科。立体构成是用一定的材料、以视觉为基础，力学为依据，将造型要素，按照一定的构成原则，组合成美好的形体的构成方法。它是以点、线、面、对称、肌理由来，研究空间立体形态的学科，也是研究立体造型各元素的构成法则。其任务是，揭开立体造型的基本规律．阐明立体设计的基本原理。立体构成的作用：解决画面的空间层次关系

光之教堂，是日本最著名的建筑之一。它是日本建筑大师安藤忠雄的成名代表作，因其在教堂一面墙上开了一个十字形的洞而营造了特殊的光影效果，使信徒们产生接近上帝的错觉而名垂青史。它获得了由罗马教皇颁发的二十世纪最佳教堂奖。02动态构成的定义与基本特点动态构成的定义动态构成是运用数字技术，将一定的形态元素通过有目的的构思，对其进行动态设计和时间设计，形成具有发生、发展和消亡过程的视听编排关系，从而达到有效的信息传达和沟通的目的。平面构成（构图）色彩构成（配色）立体构成（空间组织）动态构成（时间轴）动态图形动态构成与三大构成的关系平面构成—解决构图问题色彩构成—解决配色问题立体构成—解决空间组织问题动态构成—解决时间线中的动态编排关系03动态图形设计的基础理论一、动态图形设计的定义和时间维度属性动态图形的定义动态图形是图形（Graphic）在时间（Time）上的动态（Motion）的表现形式。动态图形设计是图形设计、动态设计和时间设计的交叉设计活动，它的主体是图形设计；它遵守着图形设计和动态设计构成的原理，并且把视觉要素有目的和有规划的表现在时间线上。MG（全称MotionGraphic），它是平面设计、动画、电影的微型综合体，融合了平面图形设计、动画的运动规律和电视视听语言，将三者巧妙地结合在一起。与传统角色动画的不同就在于，它没有所谓的鲜明、刻画细腻的角色人物以及完整的故事情节设定等，它更强调的是随着时间的推移，对要展现的内容以一种有趣新颖、美观的逻辑图解去呈现，让人们更愿意、更有兴趣去了解你所描述的这个东西。。公式MotionGraphic=Graphic+Motion+Time1、平面图形风格其中以扁平化风格最为流行，还有各种各样丰富的图形表现形式2、插画等手绘风格3、拼贴、剪纸、质感等形式结合手绘、图形4、结合3D等更多图像处理技术5、实拍＋图形动效创意动态图形在理念上遵循平面设计的设计原则与思维，在时间表现手法上具备动画的技术手段与影响形式。动态图形是图形设计的分支和延伸，一方面其静态画面要符合图形设计的构成规律，包括排版、字体、色彩等；另一方面其动态运动要符合动画与电影的一般规律。可以成为“会动的图形设计”-------随着时间流动而改变形态的图像。时间维度是动态图形和静态图形的本质区别。动态图形在时间维度下有发生、发展、消亡的过程，静态图形则是相对意义上的静止状态。“时间轴”的概念被应用到动画和影视设计中，代表时间发生发展的过程。时间维度二、动态图形设计的研究主线图形设计时间设计动态设计动态图形设计图形设计、动态设计、时间设计是动态图形设计的三条主线，它们组成了动态图形设计的基础理论。01图形设计包括关键帧设计、颜色设定、图形创作、视觉元素构成、排版方式，它主要遵循的是视觉创达设计原则02动态设计以位移、缩放、旋转、变形、变色为代表的各种动态形式，它研究的是对象运动的方式方法03时间设计规划时间的发生、发展和结束，它实际上是一个普遍认知的编辑和剪辑的工作。时间设计的属性包括频率、节奏等。动态图形设计的三条主线动态图形设计图形设计视觉要素形状、颜色、质感、大小、空间构成原理和谐、对比、比例、韵律、反复动态设计动态要素位移、缩放、旋转、变形、变色动态构成形式方向、方位、聚散、组合时间设计时间属性发生、发展、结束时间构成形式持续、加速、减速、律动、倒转、频率时间的信息表达剪辑、蒙太奇动态图形设计的三条主线04动态图形动画的应用领域1）品牌宣传片－用于讲述品牌故事IBM这四支仅仅15秒的短片，将IBM关于数据安全、医药、能源、汽车安全四个方面做了很好的概述和宣传。(传统意义上的视频宣传片对复杂信息的表现已经变得没那么容易，且制作成本颇高，近几年火爆的H5、GIF等形式虽然足够新颖，但是对于信息的整合处理还稍显逊色。)这种情况下，IBM这支品牌宣传片采用MG动画是个非常明智的选择。2）产品宣传片－用于介绍说明产品特点MG动画的特性h很适合表现对于精准定位、表现产品特，图形、音乐搭配动效呈现，让受众能够更加独特的感受到产品特点。

麦当劳为新品CheeseBurger的campaign方案做的宣传片，动感的音乐、浓烈鲜艳的配色以及丰富的画面元素，将芝士汉堡的特色呈现得淋漓尽至。NewBalance的小短片，用扁平化的图形碎片重组呈现，加上符合产品调性的配色和富有节奏感的的音乐，仅仅几秒，就给人很强的带入感3）产品说明讲解相信大家都不太喜欢看密密麻麻的文字，听唠唠叨叨的解说。对于一个较为抽象、信息量大的内容，品牌方就要想办法找一种形式让受众更乐意去听。MG动画就是一个很好的呈现载体。GoogleForEducation这支片子，用MG动画的形式对Google旗下教育平台的业务、功能和使用方法进行讲解，让一个本差不多要30页指南才能说清的介绍，在2分钟内一目了然。4）公司招聘—团队简介传统形式上的ppt是做个人／团队介绍的很方便的形式，但是如今互联网的时代，放在传播渠道上它的效果就没那么出彩了；一场实时的宣讲会一般会需要：精致的PPT+宣讲人至少30分钟的讲解时间；或者，你还可以有其他的选择。比如，2-3分钟的MG动画。这支西门子sourcingcenter介绍片就是一个很好的范