美文网首页用户体验UI设计创业扶持
原来从《LA LA LAND》中能学到这么多构图新姿势

原来从《LA LA LAND》中能学到这么多构图新姿势

作者: 张安松 | 来源:发表于2017-03-14 16:01 被阅读29次

让我们跟着奥斯卡最佳摄影《爱乐之城》的镜头来看看构图的另一面

画面的构成可以分成两个方面来说,一个是画面的造型构成,另一个是画面的黑白灰结构。就像唱歌一样,用高中低音的不同穿插来丰富主体。

构图中平衡的把握

当我们看到图片时,均衡感相当重要,任何一个均衡的构图都和造型,方向,位置等因素相关,不均衡的图片会给观众挫败感。

下面是优酷的一张插图,整个画面平衡而有力,怎样画面可以做到错落有序,多而不乱呢。

画面中各元素之间有着磁场一般的力,他们相互作用抗衡,主物体较多的构图较难,但分析后仍能找到规律:

造型平衡

a. 越接近中心,力越强

这就像是杠杆原理,越远离中心,份量越重。页面上偏离中心的的形小却仍能压得住画面。

b. 垂直方向次之,四个点为中心的四分之一。

c. 上重下轻。

这是根据我们眼睛的视觉习惯形成的规律。构图时,我们多会增强下半部分的份量感,来寻求平衡。

下面是众安保险春节红包H5页面,除中间主体物外,左边的物体明显比右边要重,使整个画面和谐舒适。

色彩平衡

色彩在平衡画面构图中也起到了重要的作用。

我们会发现离用户越远,重度越重。

这是两张国外设计师作品,相同色彩并且面积相差不大的形,在越远处重量越重。

鲜艳颜色重于灰暗色,白色重于黑色。

在视觉稿上鲜艳的颜色更跳更容易抓住用户眼光,也更重。

下面的插画中明显鲜艳的颜色要比周围暗色更重更跳跃。

有趣的吸引人的形,也会重量大。

这也是我们做视觉稿时所说的小巧思。

孤立也会形成重量。

下面插图中单独人物和一群人物两边对立,仍然能保持画面的平衡,这就是孤立的力量。

画面的传达不是静止的,而是流动的。比如构图也在传达情绪。

构图也能表现需求

构图本身有着强烈的表达能力,对用户也有着强烈的感染能力,正因为如此,构图是有感情的,不同的感情也在传达不同的需求。

九宫格的点表达不同的需求

天空面积较大,传达着积极向上的情绪。

画面方向的表达

画面方向是主体物产生的向某方向的力,比如人往前走,往后跌倒,眼光视线,或者树枝的延伸。

人们在阅读画面时视觉点会形成从左上角主要视觉区到右下角末端停留区,这是阅读的引力。强迫眼球反向移动会破坏观看节奏,这一点也在眼动仪中得到证实。

封闭式和开放式构图

框架式的构图:利用框架截取主体物,形成集中的视觉可以用人物,树枝,花朵,都可以营造这样的气氛。这种形式也起到强调的作用。

而框架式构图中圆形构图的优点是在视觉上给人以旋转,运动,收缩的审美,在圆形构图中如果出现一个集中的趣味点,那么整个画面就以这个点为轴线,产生强烈的向心力。

光影构图

光影构图会让简单的页面生动起来,更能抓住用户情绪。

光线与色彩对于界面构图而言,是一种重要的补充元素,起到无可替代的渲染效果,突出画面的空间感,节奏感和韵律感。在界面中,通过光线明暗对比,主体轮廓与背景彼此的关系可以得到进一步加强,使主体与背景相分离,以加强主体的大小和所处空间位置,向用户传递了构图空间的深度感,同样也使构图形成丰富的美的形态。通过不同的颜色搭配,让画面有了鲜明的质感和空间感,形成强烈的视觉冲击,与形式组成的对比。

总结

随着审美感悟的发展,不断的在形成新的审美理念,用户对画面的高要求,使构图进入一个更加灵活的境地。每一个设计作品不仅体现了产品需求和公司的品牌文化的传达,同时也反映了设计者独特的艺术风格和创造思路。构图本身就有一种与生俱来的强烈的表达能力,这就有助于用户领悟设计之外的公司的形象和内在品质,并且有利于帮助用户由表及里地挖掘产品传达的内涵和情感。

相关文章

  • 原来从《LA LA LAND》中能学到这么多构图新姿势

    让我们跟着奥斯卡最佳摄影《爱乐之城》的镜头来看看构图的另一面 画面的构成可以分成两个方面来说,一个是画面的造型构成...

  • 有时候,真想活在LA LA LAND

    可能是个巧合,在看《LA LA LAND》之前学了一句俚语,“LA LA LAND”。LA LA LAND是洛杉矶...

  • 关于梦想,关于爱情

    爱情,是要让双方变得更加优秀。 ————《La La Land》有感 《La La Land》是我2017年去电影...

  • LA LA LAND

    City of stars,are you shining just for me? 满城耀眼繁星,你和我的相遇是...

  • LA LA LAND

    曾经有多么喜欢黑色。如今就有多么喜欢白色蓝色紫色豆沙色薄荷绿粉色粉色粉色粉色粉色~~~~~ 最近突...

  • LA LA LAND

    “有些人或是真的无法同享福,只能共患难。” 这是在豆瓣影评里看到的一句话。男女主角在追梦路上相遇、相爱,相互鼓励,...

  • La La Land

    “City of stars, 星光之城啊 are you shining just for me? 你是否只愿为...

  • La La Land

    Just finished this movie, so beautiful it is. Love is a s...

  • la la land

    有些恶习,一旦染上,必须经历切肤之痛方可戒除。 吃喝嫖赌,纸醉金迷,游戏人间。 世界上多数慰藉品...

  • La La Land

    看完电影有几天了。一直在纠结关于片子里奋斗的部分,爱情的部分。困惑于为什么别人感动了,说它是一部难得的好片子。自己...

网友评论

    本文标题:原来从《LA LA LAND》中能学到这么多构图新姿势

    本文链接:https://www.haomeiwen.com/subject/zmbcnttx.html