学会这6个特殊视角的构图方法,让你的设计脱颖而出!

2017/01/09 16084

6-compositions-of-pictures-1

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

设计构图的作用

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

视觉焦点

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

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

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-43uisdc-angle-20170106-44

欢迎关注作者的微信公众号:白无常设计

bwcqr20170109

「优设构图好文合集」

  1. 平面丨《跨领域技巧!如何利用6个摄影构图法搞定设计布局?》
  2. UI丨《90后小哥教你做UI!如何搞定界面设计之构图篇》

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/6-compositions-of-pictures

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里