一个圆的若干种可能—motion graphic中图形元素的状态表现
当一只丰满的圆形出现在我们面前时,我们的大脑会作出一连串复杂而精密的反应,不出意外的话还能得出一个合乎逻辑的结论,不过当我们面对这只圆时,能够被清晰确认的恐怕只有他的形状和颜色。。。如果你得到比这些更多,那要么是你的惯性思维在作祟,要么便是你受到了某种视觉诱导。
视觉诱导是一个令人激动不已的词语,因为它预示着某种逻辑规则的制定,人人都想成为规则的缔造者,设计师也不例外,本文将不会详述历史上无数狂热的诱导控们的英雄事迹,我只想通过一个小实验证明诱导并不是件难事,就像你潜意识里一直认为的一样。
一、分析状态变化的运动规律
当面对一个赤诚坦荡的圆时,如何通过动态来表现他的状态呢?(这里所说的状态我们仅以物质的基本状态,即固态,液态为例。)
通过简单的观察和动画操作,首先可以得到如下的几种状态变化模型:
固态与液态的变化实验:
二、概括规律图形语言
接下来,我们便可以将这些运动规律运用到眼前的圆上,需要注意的是,运动规律的复用不是通过机器的照搬而需要结合对象的外形特征与整个环境的视觉风格所完成的,对于我们的小圆来说,运动规律需要经过对运动过程中所包含元素的高度概括来完成图形语言的转化。
此时有两点值得关注:
1.韧性:
物理定义中韧性是指材料的断裂前吸收能量和进行塑性变形的能力。韧性越好,则发生脆性断裂的可能性越小。
2.动态元素
动态元素也就是动态构成元素,每个需要制作的单位对象可以被看作是一个运动元素,以蒸腾的液体为例,上升的气泡,四溅的水花和蒸汽,无疑是三个主要构成状态场景的动态元素;而每一个元素还可以进行进一步的细致分割,比如蒸汽可以分割成团状烟与流线形的烟雾。
三、结合对象进行创作
在这个过程开始前我们要先确定圆的状态变化逻辑,确定对象的初始状态与变化路径,然后便可以将相对应的运动规律模版加入其中,并通过动态元素来实现最终输出。
于是,状态多变富有生命力的圆便出现在了我们面前。它可能是坚硬的,松脆的,柔软的,流动的或者蒸腾的,一切都可以由作者决定呈现在观众面前的是一个什么样的圆,在视觉世界中,动态的传播效应无疑比静态来得更为直接,静态通过构图元素之间的戏剧性排布产生画外联想,而动态通过帧组的连续播放过程演绎来制造错觉。圆作为角色只是容器,运动才是角色的灵魂,当圆活泼地运动起来时他也从单纯的图形变为生动的角色。
动画语法的扩展应用可以丰富动态图形的表现手段与形式,可能性的扩充也大大提高了创作者的自由度与选择。所以,如果给你一个圆你打算怎么做?:)
最后附上文章视频实验片段以供拍砖:
- (本文出自Tencent CDC Blog,转载时请注明出处)
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?