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

Date 2025-01-22 14:48:51

构图就像整个画面的骨骼。设计师应该采取什么样的骨骼形式来给作品一个秩序，以实现更高层次的有序变化。作为一名视觉设计师，用设计语言解构图片是我们必须具备的基本素质。同时，在移动终端等较小的屏幕上有效地显示和引导信息方向也是对设计师能力的考验。我们过去看到的大多数构图文章都经常谈论九宫格和三分法，但一个页面满足九宫格和三分法的构图一定是优秀的作品吗？以下是传统的九宫格和三分法构图：现在，让我们跟随奥斯卡最佳摄影《爱乐之城》的镜头，看看构图的另一面。图片的组成可以分为两个方面，一个是图片的形状组成

构图就像整个画面的骨骼。为了实现更高层次的有序变化，设计师应该采取什么样的骨骼形式来赋予作品什么样的秩序。作为视觉设计师，用设计语言解构画面是我们必须具备的基本素质。同时，在移动终端等较小的屏幕上有效地显示和引导信息方向也是对设计师能力的考验。

我们过去看到的大多数构图文章都经常谈论九宫格和三分法的构图，但一个页面满足九宫格和三分法的构图一定是优秀的作品吗？

以下是九宫格和三分法的传统构图：

现在，让我们跟随奥斯卡最佳摄影《爱乐之城》的镜头，看看构图的另一面。

图片的组成可以分为两个方面，一个是图片的形状组成，另一个是图片的黑色、白色和灰色结构。就像唱歌一样，用不同的高中和低音来丰富主题。

1.把握构图中的平衡

当我们看到图片时，平衡感非常重要。任何平衡的构图都与形状、方向、位置等因素有关。不平衡的图片会让观众感到沮丧。

以下是优酷的插图，整个画面平衡有力。图片怎么能错落有序，多而不乱？

图片中的元素之间有一般的磁场力，它们相互竞争，主要物体的构图更困难，但分析后仍能找到规则：

1. 造型平衡

a. 越靠近中心，力越强

就像杠杆原理一样，离中心越远，重量越重。页面上偏离中心的形状很小，但仍然可以压制图片。

b.其次是垂直方向，四点是中心的四分之一。

c.上重下轻。

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

这是众安保险女神节晒照片的活动头图，也遵循上下构图中上轻下重的原则。

d. 右重左轻

这是人类左右手的习惯造成的，所以我们在构图的时候会让左边更重一些。当然，对左撇子来说，左重右轻。

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

2. 色彩平衡

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

a. 我们会发现，离用户越远，越重。

这是两个外国设计师的作品，颜色相同，面积相差不大，重量越远越重。

b. 鲜艳的颜色比灰色重，白色比黑色重。

色彩鲜艳的视觉稿更容易抓住用户的眼睛，也更重。

在下面的插图中，明显明亮的颜色比周围的深色更重更跳跃。

c. 有趣而有吸引力的形状也会很重。

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

d.孤立也会形成重量。

在下面的插图中，单个角色和一群角色对立，仍然可以保持图片的平衡，这就是孤立的力量。

图片的传达不是静止的，而是流动的。例如，构图也在传达情感。

二、构图也能表达需求

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

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

天空面积大，传达积极向上的情绪。

地面上主体物体的面积很大，给人一种压抑的情感氛围。

图中主体物面积大，代表主体物更强，更自信，更容易被接受。

2.图片方向的表达

图片的方向是向某个方向产生的力，比如人往前走，往后跌倒，视线，或者树枝的延伸。

当人们阅读图片时，视觉点会从左上角的主要视觉区域形成到右下角的末端停留区，这是阅读的重力。眼动仪也证实了强迫眼球反向移动会破坏观看节奏。

当一个页面表达同一时间或故事顺序时，我们需要遵守从左到右的规则。但对阿拉伯人来说，顺序是相反的。

以下是众安保险的专题banner，从标题到主体的过渡，表现出从主到次的顺序。

也表达了从左到右的积极、顺境和乐观情绪。在舞台剧中，我们也会发现角色是从左边玩的。

以下是美团和众安保险的视觉稿，春节回家的心情也遵循从左到右的规律。

从右到左，表现出沮丧，被强大的力量压迫。

给这方面留下深刻印象的案例之一是“911”。当时，电视台从左到右拍摄了灾难的现场照片，如左图。但视频发布后，电视台内部迅速调整，然后第二次报道变成了右边的图像。

可想而知，画面构图方向的重要性。

向左向下代表记忆、过去、抑郁和悲观。

这是外国插画家的儿童插画，向左向下的趋势表达了考拉从树上摔下来的恐慌气氛。

向右向上代表积极、乐观和未来。

以下是外国设计师的扁平插图，色彩艳丽，热气球向右向上，整个页面感染了美好生活的情感。

3.封闭和开放的构图

框架构图：利用框架拦截主体，形成集中的视觉，可以利用人物、树枝、花朵，可以创造这样的氛围。这种形式也起着强调的作用。

框架构图中圆形构图的优点是在视觉上给人旋转、运动和收缩的美感。如果圆形构图中有一个集中的趣味点，整个画面将以此点为轴线，产生强烈的向心力。

这主要用于衬托我们工作中的节日气氛，中国人对圆有特殊的偏好。

开放式构图：强调图片内外的相互关系。表达形式是图片中人物的实现、行为和立足点往往在图片外，暗示与图片外的物体相呼应。它主要在我们的页面设计中发挥指导作用。

4. 光影构图

光影构图能使简单的页面生动起来，更能把握用户的情绪。

光线和颜色是界面构图的重要补充元素，具有不可替代的渲染效果，突出了图片的空间感、节奏感和节奏感。在界面中，通过光和暗的对比，可以进一步加强主轮廓与背景之间的关系，使主体与背景分离，加强主体的大小和空间位置，向用户传达构图空间的深度，也可以使构图形成丰富的美丽形式。通过不同的颜色搭配，使图片具有独特的纹理和空间感，形成强烈的视觉冲击，并与形式形成对比。