深度剖析设计构图规律 让你的设计高大上

资讯频道 - 设计技 来源:中国设计在线 作者:cdo 2017-01-12

许多设计师都习惯的把精力放在视觉元素的效果上,而忽视了视觉元素之间的位置关系。如果对设计的构图没有了解,即便是精彩的画面效果也发挥不了作用,甚至会误解了传播的信息。

设计构图的作用

构图过程是设计师从混乱的视觉元素中找到条理性,帮助观者在各个视觉元素之间建立联系,从而有助于他们阅读。设计的构图的作用是为了加强视觉的张力增加设计的趣味性,吸引并引导着观者的注意力。

视觉焦点

当我们改变视觉元素位置/大小等元素的时候,观者会在设计的画面中游离,寻找视觉要传递的信息。而构图混乱的设计,会分散顾客的注意力。

比如下面的雕塑作品,第一张有许多的雕塑的作品,没有大小区分,没有视线的引导,使用我们看的时候很难找到视觉的焦点。而第二张把其中一个雕塑有意的放大,并让天花板上的线条聚焦在主题对象中,这样视觉中心就会显得非常突出。

uisdc-angle-20170106-1

uisdc-angle-20170106-2

不同视角构图

构图的角度不同,所表现的中心与所表达的意境都会有所差异,比如下面三张不同视角的Low polygon(来自C4D超极班陈杰的作品)。

1)平行视角

平行视角是常见视角,给人平静的感觉。

uisdc-angle-20170106-3

2)俯视视角

俯视的视角给人广阔/渺小的感觉。

uisdc-angle-20170106-4

3)仰视视角

仰视给人高大,积极向上的感觉。比如下面这张仰视的构图主体对象(小狐狸),相比平行视角显的更为突出。纵深的线条,微微向上的额头,仿佛指引着我们看着远方的梦想。

uisdc-angle-20170106-5

常规视角与特殊视角

常规视角就是我们平视看物体对象的样子,这样的方式会给我们熟悉与平静的感觉。但是这样的角度会显的无聊而单调。比如下图我们平常看到的大海,和一个不常见俯视的角度看的大海。以常规的视角看的物体,我们会习以为常,而设计的主张是与众不同,这样的设计作品才有新意,才能引起消费者的注意力。

uisdc-sea-20170109

特殊视角在设计中的应用案例

NO1. 低视角仰视构图

A. 以人的视角俯视构图

以人的对象角度俯视构图的时候,它会使主题对象显的更强大/更威严的感觉。而观者感受会让自己显的更渺小/更无力的感觉。

uisdc-angle-20170106-8

uisdc-angle-20170106-9

同样以人视角仰视天空,蝙蝠侠海报周围建筑纵深的线条汇集成一个蝙蝠侠图形。而WWF公益海报周围纵深的树汇集成一个中国地图的图形,这种创意的表现非常有意境。

uisdc-angle-20170106-10

uisdc-angle-20170106-11

B. 以第三视角俯视构图

1)铃木汽车的广告案例

以人的视角仰视比自己高大的物体来说是很普通,也是很常见的,然而以比人小的物体去仰视会带来意想不到的视觉效果。比如下面铃木汽车的广告设计,大象与长颈鹿都是极低的视角观看,四条腿部倾斜线汇集在中间点,视觉效果突出,且趣味性十足。

uisdc-angle-20170106-12

uisdc-angle-20170106-13

2)同样是以比人物小的视角去观看物体,比如下面的鞋子的广告,就显的非常引人注目。

uisdc-angle-20170106-14

3)加能防水相机广告

以水中的角度仰视人物,体现佳能D10的防水性能,来表达水中的世界更精彩。

uisdc-angle-20170106-15

uisdc-angle-20170106-16

4)捕食者的海洋

以海底生物的视角观看,仰视着捕鱼者人物表情在水纹的折射下显的非常狰狞恐怖的表情。来突出海洋生物被人类捕杀,恐惧的氛围。

uisdc-angle-20170106-17

uisdc-angle-20170106-18

NO2. 高视角俯视构图

以高视角俯视构图的时候,主题对象会从视觉上变的渺小。这时候我们更注重元素摆放的位置与组合的形状,使复杂的元素关系简单化。

uisdc-angle-20170106-19

uisdc-angle-20170106-21

需要注意的是俯视构图,如果是看比人小的俯视物体,我们会习以为常。比如下面的画册排版,就是我们常见的俯视类型。

uisdc-angle-20170106-22

uisdc-angle-20170106-23

以高视角俯视地面,而俯视的角度会给我们一览众山小的感觉。这时候我们更注重俯视角度组合的形状,BMW把地面组合成了大提琴/吉他的视觉形象,体现宝马汽车的优雅大气。

uisdc-angle-20170106-24

uisdc-angle-20170106-25

拖鞋广告,把夏天的游泳池组成巨大的拖鞋形状,把沙滩组成巨大鞋子的造型。

uisdc-angle-20170106-26

uisdc-angle-20170106-27

uisdc-angle-20170106-28

NO3. 以第一视角构图

uisdc-angle-20170106-30

uisdc-angle-20170106-31

uisdc-angle-20170106-32

以第一视角构图,有强烈的视觉冲击,引人入胜,带入其中。

NO4. 倾斜构图

倾斜构图的作用是打破平衡感与稳定感,比如下面站立的人物与倾斜的建筑形成鲜明的对比。

TILT

TILT

倾斜构图会比平真构图更加动感。

uisdc-angle-20170106-35

uisdc-angle-20170106-37

NO5. 近距离视觉构图

近距离的视觉会让人的注意力剧中在视觉的主题对象上,减少了其它不必要的视觉干扰。

uisdc-angle-20170106-38

uisdc-angle-20170106-41

uisdc-angle-20170106-40

uisdc-angle-20170106-42

NO6. 反转构图

反转视角就是倒立过来看物体对象,这样的构图让图片失去现实的重力现象,会变的非常有趣。

uisdc-angle-20170106-43

uisdc-angle-20170106-44

声明:站内网友所发表的所有内容及言论仅代表其本人,并不反映任何网站意见及观点。

全部评论

暂无相关推荐