学会超全构图降龙十八法,通吃插画、海报、摄影!(上)

用户头像
上海/UI设计师/6年前/1578浏览
学会超全构图降龙十八法,通吃插画、海报、摄影!(上)

原创: 泪妆Tearsy 泪姑娘的设计室

图是要做的,技巧是要学习的,欢迎来到由泪姑娘为大家讲解的设计基础课:构图(下)


之前有篇文章提到了平面设计界的通用技能,

其中一项通用技能就是本文主题:“构图”。

本篇文章针对构图详细讲解。

(本文会持续更新,因为是笔记~)


一、构图是什么?


简单来说,在一个有限的平面(如下图)中,可以放无限的元素,

通过合理编排达,达到视觉传达的目的。

如何通过合理编排达到设计创作目的?咱们今天针对这个话题来聊聊。




二、构图起源

构图的名称,来源于西方的美术,其中有一门课程在西方绘画中,叫做构图学。

摄影构图是从美术的构图转化而来,我们也可以简单的称它为取景。

构图法不是浑然天成的,是人们通过前人作品总结出来的通用的方法。

而这样的方法论指导,有助于大家形成记忆点,从而更好把握画面。

而后惠于后人。



三、为什么要学习构图?

1.构图应用范围广,可用于:摄影、海报设计、插画等等领域,

可谓一招鲜吃遍天。


2.构图给予设计师/摄影师/插画师画面布局指导。

研究构图的目的是什么?就是研究在一个平面上处理好三维空间——高、宽、深之间的关系,以突出主题,增强艺术的感染力。

构图处理是否得当,是否新颖,是否简洁,对于摄影艺术作品的成败关系很大。

从实际而言,一幅成功的摄影、绘画、平面海报等艺术作品,首先是构图的成功。成功的构图能使作品内容顺理成章,主次分明,主题突出,赏心悦目。反之,就会影响作品的效果,没有章法,缺乏层次,整幅作品不知所云。


3.形成知识体系,梳理知识

以后你看到的每一张图不再是零散的散落在记忆角落,甚至是散落在文件夹里面,而是你能通过某些规律放在一起

当你在看参考的时候,不再是走马观花,而是有目的,能分析。

具体需要和大家讲解一下神经元记忆的本质。记忆通过神经元的连接来形成。它是一个网络分布状的,必须由脉络进入到具体某一个知识。

也就是人们常说的逻辑。

当你重复的次数越多,神经元之间的连接就会越紧密。

记忆也就越牢固。



四、学习构图的意义

1.创作时,当你面对一张空白的画布,你有理论依据,知道自己从何入手:以构图法为框架,在脑中快速脑补构图。

2.欣赏他人佳作时,多了一个欣赏角度。而不是: 

“emmm看着很厉害嘛,但是说不上来为什么” 



五、格式塔心理学

( tips:格式塔不是一个人!)

实际上大家可以去看格式塔的百度百科,说的是一种思想哲学,不是为了设计而发明的,它是被应用到设计中的。


在讲解之前,想和大家先聊聊我最近关于“设计”的一些思考。

  1. 设计的目的是什么?

    我想我们都还没有到艺术家的阶段,所以我们做“设计”,是为了视觉传达。

  2. 为了谁而设计?

    接着上一个问题,视觉传达,传达给谁?

    显然传达对象是“人”。

    我这么说你可能觉得奇怪,

    不然还能是什么?

    至少不是动物。

    意味着什么?

    意味着,我们是根据人眼视觉感知来“设计”的。 

        首先我们需要知道,人眼可见光光谱在自然界光谱中非常短,说到这里有点哲学味道。

         人类看到了五彩缤纷的世界,以为自己看见了全部色彩。

         实际上,人眼只有三种视锥细胞,感光三原色,当我们将部分只能感光双色、单色、或者对色彩感知不完全的人(或大部分动物)的人定义为“色盲”的时候,却没有意识到,有的人拥有四色视锥。

        在他们眼里,我们这些“三色视锥”人,是否属于色盲呢?

        或者说,我们只能看到这么短的光谱,为什么不说自己是色盲呢?

图为人眼可见光光谱示意图


图为澳大利亚四色视觉画家Antico的画作与景物照片对比



科学泪继续为你扩展: 

光的本质:

1.目前科学界公认“光具有波粒二象性”,意思是,有波的特征也有粒子的特征;

2.具体是什么,人类还没搞清楚;



 话说回来,在了解了人眼可见光光谱,人眼成像部分知识等后,请问,人眼对什么颜色最敏感?

答案是:以红色为首的各类暖色。

知道这个有什么用呢?

回到这个小节的标题:为了谁而设计?

通过上述分析,既然我们是为了人眼视觉而设计,那么我们必须了解人眼特性。

针对它做设计,

做出来的设计让人眼觉得“舒服”

如果你做的图是给动物看的,那么你得根据动物的视觉特征进行设计,

假设某些动物眼睛敏感色是蓝色,当你想吸引它的时候,你就用蓝色。

综上,人眼对红色敏感,

所以你使用红色来标记,提醒你注意;

所以老师们批改卷子使用红色笔;

同理我们在画面中,也使用红色表示警示,

比如常见的苹果手机桌面,使用红色小圆来表示新的提醒:




同理,本文中,通过橙红色字来标注重点,方便你记忆。


 3.那么人眼识物都有哪些特性?

  1. 对暖色敏感;

  2. 画面中占比较大的物体会被人眼率先捕捉到;

  3. 人眼传输到大脑的图像,有一定的归纳性;

  4. ···


知道了以上特性,我们就知道,如何通过设计,将你想表达的东西传达给观看者。

接着我们针对c来讲解。


    4.你的大脑有把信息化繁为简的能力。

上述3个例子,人眼首先会去除内部复杂的细节,而先看一个整体,这也就是为什么越简单的logo越好记。

为什么要好记呢?因为适合传播。

为什么要适合传播呢?这样可以节省广告成本。

也就是省钱啊!

把我上述的说法抄下来写进小本本,

下次甲方说你做的logo太简单了,

你就拿我说的讲解给(怼)他听,

老板,

你看我多好,

我是在给你省钱呢!


推荐大家玩玩这个:

测测自己能记得多少知名logo?

请问小米的字母是弯的,还是直的?



公布答案:



下一题:




答案揭晓:


盆友们,答对了吗?



知名又常见的logo你都经常认错,

何况是复杂的logo?

看到这里,你知道为什么要设计简洁的logo了吗?


插句题外话,上一段问了两个“为什么”,希望大家在平时多问问自己为什么?

为什么要这么设计?有没有别的办法?

思考的过程很辛苦,但是收获会很大。

接下我的灵魂拷问(实际上我一直在思考,有兴趣可以加我微信讨论讨论):

  1. 人为什么要活着?(活着的意义?)

  2. 人为什么要结婚?

  3. ···



六、构图十八法(上)

总结以上论述:做设计是给人看的,根据人眼识物特征,人眼具有化繁为简的能力。

那么我们可以开始进入正题了。

让我们掌声有请我们的泪妆泪姑娘担任主角为大家演示一下!

为大家讲解构图。

在下方的例图(红色底卡)泪姑娘代表人眼在见到此类构图时脑中简化的主体样式代表。

下方多图来袭,请及时打开wifi。

每一种构图配有多张案例图讲解,帮助理解。

为了帮助大家记忆,我将上篇的构图法分为:“按位置分”、“按形状分”

解释:

名字是一个信息折叠的盒子。

比如咱们今天的主题:构图

两个字,折叠进了18种文章中提到的构图法,

包含了5000多个字的信息

比如为什么要给每一种构图法起名,分类,本身也是一种信息折叠,帮助你记忆

内容比较多,分两篇写。



A. 按位置分


01.居中构图 

看,泪姑娘往正中间一站,一笑倾城,再笑倾国

记住了吗?这是居中构图

特点:给人稳定的感觉。

常见于建筑物主题的插画与摄影

在建筑插画和摄影中,居中构图非常常见。

加上仰视视角,体现建筑物的雄伟壮观。

分析:这张图风格是中国风,如何体现呢?

1.底纹:纸张底纹,有宣纸(写毛笔字用的纸)的感觉;

2.边框,采用四瓣花,常见于园林窗棂(下文会有另一个例子提到);

3.下方的京剧人物

都构成了中国风。

【中国风】插画|城市系列绘卷《东方幻月录》


分析:

①以章鱼怪为主体,略倾斜,并巧妙以触手为前景,并弱化了亮度,使视觉集中到章鱼怪身上;

②章鱼主体偏暖色,背景冷色,依据也可以集中视觉;

③以其他触手组成了后景的一部分。


02.对称构图 

示例图:

介绍一下出场嘉宾:咩咩。

接下来请咩咩先生帮助讲解。

    两个泪姑娘站一起,左右对称,上下对称,旋转对称。这叫对称构图。

    和咩咩站一起。我们一人一半

    emmm颇有结婚照的感觉。


    实际应用图:

我们来学一下小姐姐

    分析:这组摄影以两个人为主体,多采用对称构图。

    喜欢这组摄影可以戳美如壁画的小姐姐摄影作品,只许远看!


    分析:

    ①这张插画以杯子为左右对称;

    ②象征:利用杯子明暗交界弧线与杯子形状勾勒出身体曲线,非常巧妙。

分析:这种海报常见于电影海报。

    这4幅海报通过对称的形式来进行对比,

    分别对比:白天、黑夜;繁荣、冷寂;春天、冬天。

    4幅海报以相同设计手法同时出现,气势磅礴令人印象深刻。

    尝试学习一下:我们来做一下练习。

    通过海报,我们可以简单猜测着或许是部穿越剧

      对称对比

      左右对称。

      这两张图中,左右的元素基本都对称:人物、桌上物品、卷轴(vs餐布)、现代vs古代

      图1即便不知道剧情,也可以猜是一部穿越剧。

      图2用冷暖色体现正邪对比(根据剧情),

      版式:背景的雪与火都是同方向,并指向标题。

      诗句文案填补空白位置。左上角文字与右上角logo对应

      不知道大家阅兵看了嘛?阅兵中很多居中构图和对称构图

      03.对角线构图

      特点:有强悍的视觉冲击力

      通过画面中两个元素之间的争执于对撞,表现强烈矛盾和冲突,通常这两个元素处于对立面。

      常见于游戏海报、电影海报等。


    好啦我们没有吵架,放心

    为什么咩咩没有生气呢?因为他脾气好(没画)

    分析:泪姑娘很喜欢这张壁纸。

    1. 故事:左边海浪组成的神色邪恶军团(因为颜色深)以及右边由云组成的天兵(代表光明)两军对垒,气势磅礴。

    2. 左下角小船是平民,却卷入了神级战争,前面已有大船沉没,不禁让人为他们的命运捏一把冷汗。

    3. 风格:风格有点魔幻,画法写实,细节讲究、耐看。

    04.向心构图

    特点:通过视觉中心不断向外扩展,通过重复使人回味无穷。  

    分析:这几张插画,都将主体下面的物体设计成呈中心向外扩散的效果

    分析:这张插画描绘一只猫的慵懒日常,给人惬意的感觉

    这张对应第一张。向下扩展空间。

    但是非常好看。

    云朵层层,并且有冷暖色对比。这两个颜色,红色系代表哪吒,蓝色系代表敖丙。


    我们去除背景和人物干扰,单独看每个人手上拿的武器,

    你会发现其他故事角色以点的形式,夹杂在云层中与飘舞的彩带,敖丙的武器,一起形成并反哺向心构图。


    由于剧情中哪吒与敖丙对立与合作的矛盾关系,颇有太极的哲学,即:看似矛盾却又能相辅相成。

    阴阳两立,正邪相斗。

    宏伟史诗,由此展开···



    我们尝试画出来看一下。

    去除背景干扰,我们来看画面中主要的人物以及手势、指向




    5.满版构

    特点:画面中元素以自由分散的状态摆放,通过重复形成视觉冲击力 

    分析:

    ①颜色:从左到右分别是从暖到冷;

    ②元素看似铺满却又有对比,比如太阳、月亮;

    ③这张图主体是人的头部,占比面积较大使视觉集中,凌乱中的有序也能吸引视线;

    ④寓意:分析画面元素,人在中间,自然物体围绕着人类,表达了人与自然和谐相处。

    分析:这张咱们以前聊过。

    【泪姑娘的设计笔记】同类微光插画欣赏解析

    波普风格 

    波普风格是一种流行风格,它以一种艺术表现形式在20世纪50年代中期诞生于英国,又称“新写实主义”和“新达达主义”,它反对一切虚无主义思想,通过塑造那些夸张的、视觉感强的、比现实生活更典型的形象来表达一种实实在在的写实主义。波普艺术最主要的表现形式就是图形。

    历史起源 波普风格这个词来自英语的Popular(大众化),最早起源于英国。二战以后出生的新生一代对于风格单调、冷漠缺乏人情味的现代主义、国际主义设计十分反感,认为它们是陈旧的、过时的观念的体现,他们希望有新的设计风格来体现新的消费观念、新的文化认同立场、新的自我表现中心,于是在英国青年设计家中出现了波普设计运动。


    安迪·沃霍尔 安迪·沃荷(Andy Warhol),波普艺术的领军人物,1930年出身于美国匹兹堡的一个斯洛伐克移民家庭。《玛丽莲·梦露》是安迪·沃霍尔在1962年最典型的代表作。 在狂热的1960年代,安迪-沃荷开始用波普艺术征服纽约。可口可乐、香蕉、米老鼠、Campbell汤罐头,甚至毛泽东和梦露。一切日常生活中稀松平常的物品,在他手中都变成了艺术。1962年,安迪创立了他注明的“工厂”工作室(The Factory)。在那里,他的“艺术工人”们可以自由的创作艺术。


    插播图片(解决字太多看着乏味):

    老干妈都成了弄潮儿,你还不知道波普风是什么?


    主要特点 波普风格主要体现在于年青人有关的生活用品等方面,如古怪家具、迷你裙、流行音乐会等。简单来说,它有以下几个特点: 追求大众化、通俗化的趣味,设计中强调新奇与独特,采用强烈的色彩处理。这些设计都具有游戏色彩,有一种玩世不恭的青少年心理特点,好似流行歌曲一样,以其灵活性与可消费性走出英国国门,进而形成为一场世界性的设计运动。 从设计上说,波普风格并不是一种单纯的、一致性的风格,而是各种风格的混合,他追求大众化下的、通俗的趣味,反对现代主义自命不凡的清高,在设计中强调新奇与独特,并大胆采用艳俗的色彩。 追求新颖、追求古怪、追求稀奇,“波谱”设计风格的特征变化无常,难以确定统一的风格。可以说是形形色色、各种各样的折中主义的特点,它被认为是一个形式主义的设计风格。

    来,我们来学习一下


    做设计呢,看到好图、风格,一定要练习起来。

    来我们拿毒友会的logo跟着做一张。

    06.螺旋构图

    Emm 你们学会了吗?我已经头晕了

    这组摄影还有很多精彩作品哦!想知道怎么拍的?你看:

    链接:请看二条~

    向心构图

    类别:海报合成。

    色调统一:战火、天空、纷飞的灰烬。给人战争的沧桑感。

    将城市、日晷结合到一起。

    圭表

    又称,日晷,日规。圭表中的“表”是一根垂直立在地面的标竿或石柱;“圭”是从表的跟脚上以水平位置伸向北方的一条石板。每当太阳转到正南方向的时候,表影就落在圭面上。量出表影的长度,就可以推算出冬至、夏至等各节气的时刻。表影最长的时候,冬至到了;表影最短的时候,夏至来临了。它是我国创制最古老、使用最熟悉的一种天文仪器。


    点:飞扬的尘埃、灯笼(剧中元素)、塔楼在画面中构成点,增加动感

    模糊元素增加动感(常见)

    整张海报呈现出来的空间非常开阔,是俯拍

    视角。也显示了长安城的雄伟壮观。


    看我们熟悉的PS2017,日用而不知



    07.“S”型构图

    通过在平面中进行视觉延伸,s型能带来变化 ,并引导视觉流动。

    特点:在画面中增加深度和动感 

    为什么需要创造空间感的?因为本身就是一个平面,放到空间感会让人觉得。非常耐看,仿佛透过的屏幕进入到了屏幕里面。


    看下面这张例子:

    扩展应用阅读:

    【设计笔记】平面海报如何体现空间感?一波创意海报欣赏与分析

    08.“放射”构图

    特点:视觉冲击力强

    通过文字、点、线等通过一个点进行发散,作为视觉引导,具有多样统一的视觉效果。

    它常常给人动感活力的感觉。

    分析:

    强烈对比:

    ①颜色对比:衣服颜色黑白对比。观者视觉非常集中,都在白衣服女士身上;

    ②数量对比:白衣女只有一个,黑衣女却有多人,给人寡不敌众又有“一女当关万女莫开”;

    通过枪的方向,也引导了视线。

    故事性:或许是正邪之争(因为白色给人圣洁的感觉,黑色给人邪恶的感觉)。


    分析:这种构图比较常见,难点在于画好透视



    09.“局部放大”构图

    解释:看我大饼脸

    不认真学我就掉下来用大头砸你哦!

    小心脸先着地。

    以上为黄海大师工作室的海报作品,大家可以结合主题:大历史小工匠自行品味哈~

    戳下面的链接,查看更多黄海工作室作品。

    高手做的海报原来是这样的!——黄海海报集

                                                                                                                                                                                        

    这张图远看像一个女人穿着拉链外套,

    画师用比喻的形式,拉链用战斗的人们代替,中间那条龙可作为乳沟。

    加上光影处理到位,非常耐看。

    在微观世界,或许就是这样一番景象呢?


    这种耳朵+小人的场景,在创意海报中非常常见,一般用来表现耳机/音响质量不错,音效好。

    记得咱们上面讲的嘛?暖色可以吸引视线。

    在这张插画中,大部分都是冷色,在耳朵处,画了暖色,把视觉集中。


    可以看到中间男女通过放大男女唇部,来体现汹涌爱情,透过画面能感受到浓浓的情感冲击,摩托车可能是男人骑车千里迢迢来找女人,体现了男人迫不及待又得努力绅士的矛盾。

    细节:左边是女人唇彩并加入了冷色,右边的嘴巴周围有细细的胡渣。说明男人也是刮了胡子,很重视这次约会。

    见过各种土味局部放大,没见过这种的!

    咩咩:“我们也来学一下”

    泪泪:“……”

    下一张:



    《我和我的祖国》整部电影讲了7个故事,这7个故事都是小人物的故事,以小见大,故事的主人公,仿佛坐在屏目前的我们,代入感极强,从他们身上的故事,也看到了自己的影子。也是这部片子成功的原因之一。

    为什么要讲起电影呢?

    电影作为一个媒体载体,有着百年历史,在荧幕前体验别人的人生,

    你看的故事,是他们的一生。

    想说的是,咱们学习技巧,不要仅仅局限于平面设计中,多多扩展、举一反三。



    写在最后:

    方法起指导性作用,但是不要墨守成规,不要沉迷于方法,多加练习便能找到自己的风格,勇于打破传统,创造属于自己的天地,做到青出于蓝而胜于蓝。


    参考资料:

    1.https://baike.baidu.com/item/%E6%9E%84%E5%9B%BE/2766?fr=aladdin

    2.https://wk.baidu.com/view/842253f7844769eae109ede8?pcf=2&from=singlemessage&isappinstalled=0

    3.https://baike.baidu.com/item/%E6%9C%80%E5%90%8E%E7%9A%84%E6%99%9A%E9%A4%90/572

    4.https://baike.baidu.com/item/%E8%8D%89%E5%9C%B0%E4%B8%8A%E7%9A%84%E5%8D%88%E9%A4%90/81895?fr=aladdin


    文章配图均来自网络,若有侵权,请联系删除



    The End


    tips:

    设计笔记怎么保存?

    这里推荐1个本人常用的实用性的工具给大家:


    有道云笔记

    使用方法:

    注册有道云笔记(可通过第三方登录),

    然后绑定微信,

    接着,

    单击右上角的“···”,

    复制链接,

    打开有道云笔记,

    你就能把这篇设计笔记丢到有道云笔记里。

    记得常常回去翻阅




    支持目录分类放与标签搜索,功能还是挺强大的~





    坚持学习,坚持分享,积学以储宝


    泪姑娘设计室:

    设计笔记

    下次见


    希望大家都能提出自己的想法,

    保持独立思考~



    自从学了构图,我的拍照技术噌蹭上涨。不信看我朋友圈

    ↓↓↓

    长按扫码添加你们一定会的呢!

    有问题的童鞋欢迎提问


25
阅读原文
|
举报
|
78
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
牛奶乳液层次平面平铺平面
拼团,团购,教育,海报,平面
平面设计 吊牌设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
空的平台平面和自然景观
平面书法字手写
城阙凡花
海底世界插画
平面男孩喝咖啡插画设计
空的平台平面和自然景观
城市园林平面布局航拍
学习,优惠券,平面,海报
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
倒计时,海报,平面
中国传统纹样创新图案设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
你可能喜欢
相关收藏夹
大家都在看
登录注册