上进青年研习社丨设计入门04:让平面图片拥有立体感的秘诀——体的运用

文丨姜哥

在之前的三篇文章中,分别给大家介绍了平面构成的三大基本元素——点、线、面的原理和使用方法,错过的同学可以看过来:

《设计入门01 | 不知道这一“点”,学再多技能也不会设计》

《设计入门02 | 线在平面设计中有哪些花样可以玩?》

《设计入门03 | 你一定想不到,“面”可以这么好玩》

今天来说个稍微特殊的元素——「体」的应用。

为什么说它特殊呢?

我们知道,平面设计是在二维空间(也就是平面)内进行的,而真正意义上的体具有长、宽、高,是三维空间的概念。

因此,在平面设计中说到的「体」的概念,其实是通过图形对人的视觉引导,从而形成的幻觉空间。

图片来源:AdobeStock

1、什么是体?

面的移动就形成了体。

正方形沿某垂直于它的方向平移一定距离(边长)形成正方体。

圆形绕轴线旋转一周就形成球体。

圆形沿垂直方向平移的同时,按中心点不断缩小,直至缩为一个点,就形成了圆锥体。

图片来源:freepik

2、如何让平面变得立体

1.运用透视 

透视是一种绘画技巧,用于在平面上描绘物体的空间关系。

常见的透视有三种(以立方体为例)。

一点透视

也称平行透视。立方体前后两个面的边线均保持水平和垂直,其余边线都向一个点汇聚(消失点)。

两点透视

在一点透视的基础上,立方体旋转一定角度后,竖向的边线仍然保持垂直,其余边线向左右两个消失点延伸。

三点透视

在两点透视的基础上,再增加一个消失点,立方体的所有边线都向三个消失点延伸。此时没有一条边是垂直或水平的。

三点透视适用于仰视或俯视的场景。

图片来源:mahalo.com

现实生活中,我们看到的所有物体都遵循透视的基本规律:

近大远小:同一物体距离人眼越近,在视网膜上成像越大;反之越远越小。

近实远虚:距离人眼越近的物体,看得越清晰;距离越远越模糊。

近宽远窄:宽度相同的物体,距离越远的那一部分看起来越窄。比如,你站在马路中间往远处看,路会越来越窄。

2.颜色变化

明暗:明色调给人突出感,暗色调给人凹陷感。

冷暖:暖色系给人前进感,冷色系给人后退感。

图片来源:practicalecommerce

3.增加光影

光源:添加光源能让图形看起来立体。如图左上角的光源,依次形成了高光、亮灰、明暗交界、暗灰、反光以及投影区域,前五个称为光的明暗五大调。

图片来源:百度百科

投影:除了添加光源会产生阴影,还可以直接给元素增加投影或倒影,达到立体的效果。

图片来源:deeptuts

4.元素重叠

通过元素叠加打造层次感,也可以让图片更立体。

在形式上,既可以是同一元素的错位叠加,也可以是不同元素彼此遮盖。

更有创意点,可以像下图这样,灵活改变两个元素——文字与人物的前后关系,使空间感更强。

图片来源:Behance

5.元素变形

将图片中的元素进行弯曲变形处理,增加立体感。

图片来源:emuni

还可以将文字看成面,通过文字倾斜+阴影的使用,形成不同面连接的立体感。

图片来源:inspirationde、typographicposters

3、体在平面设计中可以怎么用?

1.使用立体化图形/图片作为主体

如果能找到本身就具有很强立体感的图形或图片,可以直接拿来作为海报的主体,不仅能简单粗暴地让版面更立体,还能节省很多时间。

图片来源:deepyellow.net

2.使用立体化图形/图片作为背景

立体化图形与图片既可以作为主体,也可以作为背景。

如下图,由于背景图片本身有近大远小的透视关系,文字并不用进行特殊处理,也能使版面呈现出空间感。

图片来源:fujisawa-co.com

3.给文字/图形增加投影

前面提到光影的使用会增加立体感,在实际应用时,不同的投影角度会表现出元素不同的空间位置。

垂直于画面投影会使元素看起来像「挂在墙上」,倒影会使元素看起来像「置于地面」。

下图中的海报中就为文字添加了倒影,并拉长文字与倒影之间的距离,使文字具有很强烈的悬浮感。

拆解文字笔画及透视关系的运用,强化空间感的同时,也表现出与主题相关的时间感。

纪录片《四十年》海报

4.文字/图形倾斜连接形成多个面

通难文字或元素的倾斜、变形连接后,可以形成多个平面连接转折的视觉效果。在这里需要注意,面与面之间的交接线要划分得足够清晰。

不限于平面,如果对文字进行弯曲处理,就可以做成曲面甚至波浪面的形式。

图片来源:adolfy

5.叠加与透视

叠加文字以体现它们之间不同的空间位置,或者直接将阴影拉长展示元素的厚度,再配合透视关系,就是常见的立体艺术字的处理方法。

图片来源:experimentaljetset

6.大小、明暗对比

运用近大远小、近实远虚、近宽远窄的透视规律,能让版面有由远到近、由内向外的空间感。可以配合光的明暗变化来表现。

图片来源:电影《Blame》海报

 写在最后:

到这里,平面构成的基本形态就讲完了。

不同于PS训练营的课程,#设计入门#系列文章更注重设计思路的培养。可以这么理解,精通PS操作可以成为美工,懂设计理论才能成为设计师。

另外,文章中讲到的所有方法只是提供一种思路,设计是创造性的工作,试着去找到有趣的玩法,不要局限于几种套路。

最后,关于设计你还有什么想知道的,可以在下方留言区后台告诉我~

我们下次见。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容