AE视觉语言的5种元素和10条动效设计原理

这篇文章提供了一个非常实用的临摹指南,教你从视觉语言的5种元素和10条动态设计原理入手,把复杂的动效作品拆分成可直观学习的细节,而且掌握这个方法后,无论什么领域,你都能真正从大神的作品中汲取养分。建议阅读。

在我们探讨设计原理的核心之前,我们需要明确构成视觉语言的5种元素。

1. 线段

线段在动态设计中是点的集合。线段生成了运动,吸引我们的眼睛去跟随它的运动轨迹。线段可以是直线、曲线、虚线或粗细变化的线,它是构成形状的基本元素。

2. 形状

线构建了形状。形状就是我们如何去认知物体。要么是从物理世界,要么是从创意或者概念。

3. 明度

明度是美术的术语,用来描述光与影的效果。在数字化的创作中,我们也可以用亮度描述。这个物体到底有多亮或者多暗,就是用明度来表示。

4. 材质

材质指的是物体的表面的质感,它可以使我们联想到我们触摸时的感觉。当一位艺术家想利用物体表面的对比去产生视觉兴趣时,他就会使用材质。

5. 颜色

颜色是光的产物。在艺术创作过程中,我们通过选择不同的颜色去表现和增加视觉吸引,从而模仿真实的世界。红黄蓝是三个主要的颜色,其次是橙、紫、绿。

例子

形状:圆形、线条、齿轮

大小:将大小形状彼此排列形成对比

颜色:橙、黄、蓝、紫、粉、灰

材质:桌面使用材质与平面物体形成对比

明度:用暗色与背景的亮色作对比

在我们对设计元素有了基本的概念之后,接着让我们深入10个核心的动态设计原理。

1. 对比

对比是一个非常简单的概念,但是却极其重要。对比可以简单解释为:某种差异。

我们可以在形状,大小,明度,材质和颜色上作出对比。建立对比会增加作品的视觉吸引。人类的视觉被对比吸引,如果你没有强烈的组合变化,你的视觉创作就会因此缺乏戏剧性和生动感。

2. 重复

另外一个简单的原理是自我解释(self-explanatory),它可以理解为重复。

可以是形状,颜色,材质,明度等的重复,也可以是重复同样的形状去创建一个更大的视觉结构。重复是为合成增加元素的一种简单的方法,同时可以为场景带来统一、和谐的感觉。

3. 对齐

对齐意味着视觉元素可以被有意地排列,从而创建出一种稳定的视觉结构。

在设计中我们经常把元素随机排列,而使用对齐方法为我们提供了一种吸引眼球的结构类型。在网格的环境中去创作为我们使用对齐原理带来了优势。这就是为什么我一直强调用带有网格的写生簿去绘画,以及在Iiiustrator和Photoshop中使用网格参照。

4. 间距

物体之间的距离暗示着它们的相互关系。将物体组合或分开可以帮组我们创建视觉结构。

这是另外一种可以帮助我们有效地传达视觉信息的原理。通过简单的给予物体间距,我们可以告诉观众元素之间的关系。这个原理经常被用在海报和网页设计,但却适用于所有类型的视觉信息。

5. 统一

这个概念比之前的原理更抽象和主观,但却很容易掌握。

统一意味着,当所有元素都很一致,每一个部分就会在场景中结合得很好。没有任何一个单独的部分可以被视为比整体设计更重要。使用重复的原理以及平衡的配色方案是在设计中实现统一的简单途径。

达到统一的另一种形式是使用统一的小细节。例如,如果你在设计中使用描边,使用相同的宽度或全部使用虚线描边,会为你的设计带来统一的感觉。现在,关键就变成是增加变化去维持视觉的吸引,你的设计不能太一致而没有对比。

6. 变化

变化意味着使用不同的大小、材质、形状、颜色和明度,在你的整体设计中加入对比。

对于很多年轻的设计师来说,这可能会是一个问题。很好的使用元素变化在刚开始是很困难的。克服这个问题最好的方式就是测试和探索如何将形状和颜色搭配在一起。不要害怕去尝试将不同的形状、颜色和材质放在一起,它可以让你找到将不同元素完美搭配,同时又保持统一感的方法。

另外一件我建议你做的事是,当你在Vimeo或behance上观看不同的动态设计时,关键是学习它的单帧。观察他们在设计中使用了多少不同的形状,颜色,明度等等…我认为你会找到一些作品,让你觉得很棒。这些作品大多数都融合了大量的变化,同时又保持整体的统一。

7. 平衡

观看图像时,我们会根据我们自己对物理结构(包括质量、重力等)的认知去判断它们的状态,这就为我们带来了平衡感。

平衡有两种形式:对称和不对称。

这是观众的另一个主观概念,所以当你去看你的作品时,要留点时间去检查你是否达到了平衡。

8. 强调

这是每一个设计师都应该掌握的重要的概念。我们明确了设计的根本是信息的传达,而强调就是让观众有一个清晰的焦点。我想告诉观众去看哪里,这就是强调的原理。

9. 比例

比例可以简单解释为场景中物体的相对大小。作为设计师你可以控制物体出现时的比例,这取决于你想如何表现物体的大小。例如,如果你想让立方体看起来像摩天大厦一样大,你可以在它的周围放置一些小元素。

10. 节奏

我们通常说的节奏是音乐的跳动、节拍,同样,节奏也适用于视觉艺术。作为设计的原理,节奏的根本是重复和流动。

这里为大家介绍三种经常使用的节奏:

规律节奏(Regular)

流动节奏(Flowing)

激进节奏(Progressive)

规律的节奏发生在元素的间隔,而元素的本身,通常是相同的大小和长度。

流动的节奏给人运动感,在本质上更符合自然的运动规律。

激进的节奏通过一系列变化的过程去表达形状的运动。

总结

现在,去掌握这些基本原理的最好的办法就是去观摩别人的作品。掌握设计原理是你成为一位有影响力的视觉艺术家的重要一步。我希望本文可以为你了解和组织视觉语言提供一个坚实的起点。

(0)

相关推荐

  • AE动效设计必知的五个参数

    如果你是一位AE新手,表达式对你来说可能会有点可怕.我经历了一段时间,才能慢慢开始自己在AE中使用表达式,而不是去从Google里面复制粘贴.下面小编就为大家分享AE动效设计必知的五个参数,对于AE新 ...

  • QQ小企鹅AE动效学习分享

    QQ春节推出的游园会活动给我留下了很不错的印象,特别是小企鹅可爱的动效.抽空临摹了几个,把过程做了一些记录,把学习和思考的过程分享一下- 来自腾讯ISUX的QQ游园会中pupu鹅动效设计 一开始我也是 ...

  • AE基础动效快速入门秘籍

    一个合格的UI设计师,动效必须会做.动效有啥用?让你的老板,团队,甚至客户,在产品未上线前知道它是怎么玩的,促进感情,友好沟通必备神技能.当然,用来装装B也很好.. AE做动效,说实话 很方便,其实也 ...

  • ae图形怎么移动? ae移动图形的两种方法

    ae中的图形想要移动,该怎么移动图形呢?下面我们就来看看详细的教程. 1.比如,我已新建了合成,并新建了一个形状图层.如图所示. 2.我再在合成窗口这里画了一个矩形出来.红色描边,绿色填充的矩形. 3 ...

  • AE制作一个水滴球融化的动效效果

    今天小编为大家分享AE制作一个水滴球融化的动效效果方法,这篇文章主要是通过图文的形式教大家制作一个水滴球动效效果,好了,一起来学习吧! 课程知识点:使用蒙版实现相溶效果.最终效果图: 有木有一种蓝色球 ...

  • 网页设计新手的10条实用法则

    新手常苦于没有师傅手把手教,现在机会来了,今天小编同学为大家准备了网站设计的10条实用法则,案例全,方法赞,非常适合正在学习进步的新手,来涨姿势吧. 一个主观上很想多多学习的设计新手在工作中最常遇到的 ...

  • 最简单却最重要 10条有源音箱小知识

    我们常见的音箱,大多都是有源的,但你又能对它了解多少呢?今天,小编在论坛里找到了10条必须记住的小知识,大家一同来分享一下吧。 ● 磁钢大小 磁钢的磁强度影响振膜控制力的好坏,磁强度和磁钢大小以及磁密 ...

  • 提高工作效率:给设计师的10条建议

    这篇文章虽然原本是"写给自由设计师的10条建议",但仔细读下来,发现对于坐班的设计师来说,也很有价值,提高工作效率,收获更好的成果. 这篇文章虽然原本是"写给自由设计师的 ...

  • 10条图文完美结合的秘诀

    更高效的图文结合:10条专业性建议 若想让图片看起来更有味儿,最好的办法是配上字儿.但是图片与字体的搭配,却并不是那么容易. 如果你已经准备好了字体,准备好了图片,现在想要为图片加上字体,想要让两者更 ...