公众号:乌鱼说-wuyushuo111

不管是UI还是营销设计,在日常都需要去设计一些活动的页面,如何快速简单又出效果的做好呢,那就需要将构图运用的炉火纯青,好的构图视角会大大提升设计效率,那么什么是好的构图?现在生活中,我们每天都会看到无数的画面,构图就存在于这些画面中。那么我们先看一张照片。

好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条

图片源自网络

这张照片会给你什么感受?你在画面上会注意哪里?可能很多人都会注意到天地相连处。我们来分析一下这个画面的构成:

这幅画面的视觉中心是天地相连的区域,大家可以看出视觉的中心线虽然放在二分之一处,但是透视线是倾斜的,避免了画面的呆板,视觉线有近到远,形成一个延续的形式,会给人一些联想的空间,这就是构图的重要性,可以将平凡物体塑造出不凡之处。

好的构图让你提升设计效率与品质-UI头条

图片源自网络

看到这张图后你有什么感觉?是不是感觉很压抑,有种压迫感?那么你第一点会注意到的是哪里?应该是感觉马上要抓到你的大手。之后第二视觉应该是模糊的人物。不同的画面会给人带来不同的感受,这就是画面通过构图来传达给观众的感受,这些传达出来的信息正是我们日常设计需求需要表达的。

那么今天我们就来一起了解下在常用需求中最容易出效果的几种构图方式:

 

01   中心构图法

这种构图是把主体放在画面中心,观众第一注意力肯定对焦到画面的中心主体物上,中心位置是相对饱满的设计,将核心内容直接展示,在配色上也会和四周的颜色形成对比,拉开距离,给人最直观的视觉引导(在日常banner中非常适用,我们可以观察日常的营销活动banner大部分都是采用中心构图,主要是为了凸显主题,主体物绝对是独一无二的,不会在有其他的信息超过中心位置的面积,背景以及周围元素也是要围绕视觉中心展开,都是辅助和凸显中心)。

好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条

02   九宫格构图

此构图方式也叫井字构图或三分法构图(在相机里经常出现,又称为拍照辅助线),就是将水平竖直方向分别把图片分成相等的3部分,把主体物放在几条线的焦点上。只要遵循这样的构图原则,一般的画面构图表现都会很舒服。有的画面主体物会在焦点的线或者周围,其实也不要紧,只要保证大体位置在相交点上就可以了,这个构图是可以利用在一些人物类场景插画中,在场景中这样安排人物会让画面更加具有灵性,在UI界面中经常会有产品介绍或者人物出现,采用中心式的构图就会有一些呆板,但是采用九宫格的构图方式,可以增强画面的形式感以及灵动性。

好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条

 03   对称构图法

对称构图就是,左右或者上下对称的构图方式,但是这类构图的会结合大的透视角度去表现,营造空间感,在沉稳的构图中创造更强的视觉冲击力。画面中首先要确定一个主体,根据主体进行丰富,此类构图的重点就是大的透视关系,透视关系决定了画面视觉张力,如果透视角度换成平视的角度,画面的视觉冲击力就会变得平均分散。

好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条

 04   对角线构图法

这种构图方式是将主体物沿对角线来展现。会给人不稳定的活力动感,增强动态视觉表现力。也会给人饱满和延伸感,对角线构图的方式一定要注意不要做成了对称构图,对角线的两侧的物体造型应该是不一样的,这样才会产生碰撞感,两部分的物体要通过比重和颜色的产生差异,这样才可以塑造画面的视觉冲击力。

好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条
好的构图让你提升设计效率与品质-UI头条

除了这些构图方式其实还有很多种例如三角形构图、平行构图等等,但是这些构图在处理日常需求需要一定的设计功底和时间的打磨的,今天就是和大家分享一下一些基本的构图方式,但是十分容易出效果的。

设计也是需要很多的小窍门,在处理不同的需求的时候去调用不同的方式方法,这样才可以事半功倍。

文章中的作品有人会觉得这种构图方式其实也是另一种构图方式!一个画面其实可以展现出不止一种构图方式,我们千万不要被所谓的规则框住。多了解知识,提高自己的效率。记录美好的画面从而提炼属于自己的知识理念。生活中我们会接触无数的画面,只要我们经常去留意美,会发现生活中处处是美景。

最后送上“乌·鱼·说”给大家的祝福:大勇者直面内心疑问,正因如此,才可以更笃定的期待美好之事的降临。

   【乌·鱼·说】

不想高谈阔论,只想和你促膝而谈,以设计实践经验交流为主的公益圈子,每期我们将邀请一位嘉宾与大家聊聊工作实践中的那些事,不容错过你值得拥有!

原文:http://www.ui.cn/detail/351654.html