快好知 kuaihz

一个圆的若干种可能—motion graphic中图形元素的状态表现

 

当一只丰满的圆形出现在我们面前时,我们的大脑会作出一连串复杂而精密的反应,不出意外的话还能得出一个合乎逻辑的结论,不过当我们面对这只圆时,能够被清晰确认的恐怕只有他的形状和颜色。。。如果你得到比这些更多,那要么是你的惯性思维在作祟,要么便是你受到了某种视觉诱导。

视觉诱导是一个令人激动不已的词语,因为它预示着某种逻辑规则的制定,人人都想成为规则的缔造者,设计师也不例外,本文将不会详述历史上无数狂热的诱导控们的英雄事迹,我只想通过一个小实验证明诱导并不是件难事,就像你潜意识里一直认为的一样。

一、分析状态变化的运动规律

当面对一个赤诚坦荡的圆时,如何通过动态来表现他的状态呢?(这里所说的状态我们仅以物质的基本状态,即固态,液态为例。)

通过简单的观察和动画操作,首先可以得到如下的几种状态变化模型:

固态与液态的变化实验:

 

二、概括规律图形语言

接下来,我们便可以将这些运动规律运用到眼前的圆上,需要注意的是,运动规律的复用不是通过机器的照搬而需要结合对象的外形特征与整个环境的视觉风格所完成的,对于我们的小圆来说,运动规律需要经过对运动过程中所包含元素的高度概括来完成图形语言的转化。

此时有两点值得关注:

1.韧性:

物理定义中韧性是指材料的断裂前吸收能量和进行塑性变形的能力。韧性越好,则发生脆性断裂的可能性越小。

2.动态元素

动态元素也就是动态构成元素,每个需要制作的单位对象可以被看作是一个运动元素,以蒸腾的液体为例,上升的气泡,四溅的水花和蒸汽,无疑是三个主要构成状态场景的动态元素;而每一个元素还可以进行进一步的细致分割,比如蒸汽可以分割成团状烟与流线形的烟雾。

 

三、结合对象进行创作

在这个过程开始前我们要先确定圆的状态变化逻辑,确定对象的初始状态与变化路径,然后便可以将相对应的运动规律模版加入其中,并通过动态元素来实现最终输出。

于是,状态多变富有生命力的圆便出现在了我们面前。它可能是坚硬的,松脆的,柔软的,流动的或者蒸腾的,一切都可以由作者决定呈现在观众面前的是一个什么样的圆,在视觉世界中,动态的传播效应无疑比静态来得更为直接,静态通过构图元素之间的戏剧性排布产生画外联想,而动态通过帧组的连续播放过程演绎来制造错觉。圆作为角色只是容器,运动才是角色的灵魂,当圆活泼地运动起来时他也从单纯的图形变为生动的角色。

动画语法的扩展应用可以丰富动态图形的表现手段与形式,可能性的扩充也大大提高了创作者的自由度与选择。所以,如果给你一个圆你打算怎么做?:)

最后附上文章视频实验片段以供拍砖:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:图形  图形词条  元素  元素词条  若干  若干词条  状态  状态词条  表现  表现词条  
交互

 设计批评九大法则

设计批评通常是一段痛苦又漫长,散漫而游离的过程,不过大家再也不用犯难发愁,解决措施一览本文便知。一部27寸电脑屏幕边上围着四个人,他们都盯着屏幕上的设计样本。主...(展开)

交互

 分面搜索(Faceted Sea...

 介绍分面是指事物的多维度属性。例如一本书包含主题、作者、年代等分面。而分面搜索是指通过事物的这些属性不断筛选、过滤搜索结果的方法。可以将分面搜索看成...(展开)

交互

 译文 | 在UX设计中利用色彩影...

颜色是我们观察事物的第一认知,是最能触动我们感官的视觉元素。颜色可以激发我们的联想,刺激我们的情绪。在设计中,颜色的合理运用一直是个很重要的课题。现在就让本篇文...(展开)