还等什么!是时候来了解动态设计啦.pdfVIP

还等什么 ！是时候来了解动态设计啦 什么是动态设计 ，不了解 ？木关系 ，百度移动用户体验部 高 视觉设计师 @T CW iso n 为动态设计 吹响了集结号 ，从前世今生谈到在互联网的具体应用 ，还捎带个人的实战演示 ，推荐童鞋们来了 解下 ，为什么说动态设计是碎片化阅读时代的一大利器。 一、Mot io n Design 的前生今世 @T CW iso n （百度移动用户体验部 高 视觉设计师 ）：什么是Mot io n Design ？相信很多人在看 到逼格如此高的两个单词后 ，都会产生这样的疑问。让我们先看一个视频 ，它会给你最直观的认识 ：W hat is Mot io n Design 怎么样 ？思路是否清晰了一些 ？简而言之 ，Mot io n Design就是动态设计 ，有时也称为Mot io n Graphic Design ，即运动图形设计 （以下统称MG。其实严格意义上讲 ，运动图形设计是动态设计 里一个细分的风格 ，但由于它极具代表性且作品数量众多 ，在一些专业人士的定义里两者逐渐趋同 。关于运动图形设计与动态设计之间的关系 ，《从信息传达角度解读Mot io n Graphics》这篇雄文阐 述的非常清楚 ，大家可以拜读一下 ），它是遵循平面设计的原则和视听语言 ，用视频或动画技术创 作出一种动态影像的设计形式。 MG通常结合了许多不同的元素 ，如二维和三维动画 ，视频素材 ，字体版式 ，插画 ，摄影 ，音乐等。 MG通常并不像传统的动画具有个性鲜明的角色或者曲折的剧情 ，虽然有时也会有一些角色动画 ， 但他们不是主角 ，而他们传递的信息或者表达的氛围才是。 二、Mot io n Design在互联网时代的应用 在长时间的历史演变中 ，MG常见的应用是电影片头片尾 ，在T V C广告末尾的标志动画 ，以及电视 包装当中常用的Logo演绎 ，ID呼号 ，角标等等。而随着行业的不断发展 ，MG涉及的领域也开始 细分 ，越来越多的从业人员从电影、电视这些传统的领域向其他新媒体迁移 ，这其中就包括互联网 行业。 微博 （Tw it t er ）、人人 （Faceboo k ）、优酷 （Yo ut ube ）等社交网络的兴起 ，使得人们能获取的 信息呈爆炸式的增长。而溯本追源 ，信息的传播 ，无非三个方式 ：文字、图片和视频。作为其中最 让人印象深刻 ，传播效果最好的载体 ，视频为MG提供了更大的展示舞台和想象空间。同时 ，也有 越来越多的互联网团队和企业意识到MG的作用 ，并尝试利用它的特点与优势为自己创造效益。总结 一下 ，MG在互联网领域的应用 ，可分为以下几个方面 ： 1、产品展示 展示产品 （或概念原型 ）的功能、界面、交互操作等细节。更直观的让用户了解一款产品的核心 特征、用途、使用方法等细节。 示例1、Campus uad iO S app – Case St udy preview 示例2、Snack Pro mot io n 2、品牌建设 在展示功能的基础上 ，丰富的动态Video也是阐 （t í ）述 （shēng ）理 （bī ）念 （gé ）的好方式。有 趣的故事大家都爱听。A pple前段时间的几个品牌宣传视频 ，就让人叹为观止 ： 示例1、Designed by A pple in Calif o rnia 示例2、iPho ne 5c – Designed Toget her 另一家科技巨头Google在这方面也是佼佼者 ，几乎旗下的每款产品发布时 ，都会有相应的品牌视频 推出。不但生动形象的推广了产品 ，也为这家极客气息浓重的公司 ，平添了几分人情味。 示例1、Google Now 示例2、Google Keep 示例3、Google Driver 示例4 、Google Fiber 3、动效原型 除了Video Show之外 ，MG在产品领域也有大展拳脚的地方 ，这就是动效原型设计。传统意义上讲 ，产品的动效、界面t ransit io n是交互设计师的业务范畴。但相信广大交互设计师在工作中总会有这 样的烦恼 ：1、动效设计很难用传统的交互文档表述 ，只能拿类似动态效果的应用与开发人员沟通 ， 不够规范。2、交互设计师并非动态相关专业出身 ，对于动效规律并没有直观的认识。加之相关素 材搜集有一定的难度 ，且缺乏管理 ，导致设计的时候缺乏灵感来源。 A E中的动画曲线可以解释不同属性在对应时间内的参数变化 （Pict ure f ro m Tencent ISUX ） 想要突破这些局限 ，就需要动态设计师 （Mot io n Designer ）的介入了