当前位置: 首页 > 设计资讯 > 设计教程 > 正文

教你学会这10条动态设计原理

2018-01-11 2258 0
编者按:如何从零开始临摹大神的作品?今天 这篇文章提供了一个非常实用的临摹指南,教你从视觉语言的5种元素和10条动态设计原理入手,把复杂的动效作品拆分成可直观学习的细节,而且掌握这个方法后,无论什么领域,你都能真正从大神的作品中汲取养分。建议阅读。 在我们探讨设计原理的核心之前,我们需要明确构成视觉语言的5种元素。
dt201606271 1. 线段 dt201606274 线段在动态设计中是点的集合。线段生成了运动,吸引我们的眼睛去跟随它的运动轨迹。线段可以是直线、曲线、虚线或粗细变化的线,它是构成形状的基本元素。 2. 形状 dt201606275 线构建了形状。形状就是我们如何去认知物体。要么是从物理世界,要么是从创意或者概念。 3. 明度 dt201606272 明度是美术的术语,用来描述光与影的效果。在数字化的创作中,我们也可以用亮度描述。这个物体到底有多亮或者多暗,就是用明度来表示。 4. 材质 dt201606273 材质指的是物体的表面的质感,它可以使我们联想到我们触摸时的感觉。当一位艺术家想利用物体表面的对比去产生视觉兴趣时,他就会使用材质。 5. 颜色 dt201606278 颜色是光的产物。在艺术创作过程中,我们通过选择不同的颜色去表现和增加视觉吸引,从而模仿真实的世界。红黄蓝是三个主要的颜色,其次是橙、紫、绿。 例子 dt201606276 形状:圆形、线条、齿轮 大小:将大小形状彼此排列形成对比 颜色:橙、黄、蓝、紫、粉、灰 材质:桌面使用材质与平面物体形成对比 明度:用暗色与背景的亮色作对比 在我们对设计元素有了基本的概念之后,接着让我们深入10个核心的动态设计原理。
dt2016062712 1. 对比 dt2016062711 对比是一个非常简单的概念,但是却极其重要。对比可以简单解释为:某种差异。 我们可以在形状,大小,明度,材质和颜色上作出对比。建立对比会增加作品的视觉吸引。人类的视觉被对比吸引,如果你没有强烈的组合变化,你的视觉创作就会因此缺乏戏剧性和生动感。 2. 重复 dt201606279 另外一个简单的原理是自我解释(self-explanatory),它可以理解为重复。 可以是形状,颜色,材质,明度等的重复,也可以是重复同样的形状去创建一个更大的视觉结构。重复是为合成增加元素的一种简单的方法,同时可以为场景带来统一、和谐的感觉。 3. 对齐 dt2016062710 对齐意味着视觉元素可以被有意地排列,从而创建出一种稳定的视觉结构。 在设计中我们经常把元素随机排列,而使用对齐方法为我们提供了一种吸引眼球的结构类型。在网格的环境中去创作为我们使用对齐原理带来了优势。这就是为什么我一直强调用带有网格的写生簿去绘画,以及在Iiiustrator和Photoshop中使用网格参照。 4. 间距 DesignPrinciples_Examples 物体之间的距离暗示着它们的相互关系。将物体组合或分开可以帮组我们创建视觉结构。 这是另外一种可以帮助我们有效地传达视觉信息的原理。通过简单的给予物体间距,我们可以告诉观众元素之间的关系。这个原理经常被用在海报和网页设计,但却适用于所有类型的视觉信息。


19
评论区(0)
正在加载评论...
相关推荐