![](//pic.huke88.com/article/content/image/2022-04-29/700C7D89-538E-6D02-5EB5-E9F64B29A1B4.png) 在设计的创作中,很多设计师都喜欢追求软件技法带来的炫酷感,而忽略了构图理论知识带来的重要性,常规的构图理论能很大程度减少创意错误摸索的秃头时间。![]() 海报设计对于初学者而言,是一个简单入门,又容易出作品集的类目。在刚开始练习时不要天马星空的去想象,最好的练习就是根据一定的构图规范,尝试寻找规律,建立可行的秩序,让版面具有一定的阅读性。 -只有在版面具有基础的阅读性,才可以根据想法思路进行创意性的表现,而建立持续最简单的方式之一就是运用构图。当下主流的常用构图,我大概总结整理有七种形式,下面我们一起来了解一下,附带案例演示。 ![](//pic.huke88.com/article/content/image/2022-04-29/EF1418C5-C303-4C2E-8CE6-B91E0A9CBB8A.png) ![]() 第一种:四周压角构图→四周压角构图指的是将标题或者重要信息放置在版面的四个边角处,可以是图形或者文字,其余信息元素等则放置在画面中间区域,使其整个版面严谨有序,平衡且具有视觉的张力。压住四角一般会结合居中式构图来呈现版面,可以产生视觉聚焦。![](//pic.huke88.com/article/content/image/2022-04-29/1342164E-02B3-2D7A-791C-9E6F838D7890.png) ![](//pic.huke88.com/article/content/image/2022-04-29/D3F29EC4-012A-8996-436D-4B1E2AFDB4A5.png) ![](//pic.huke88.com/article/content/image/2022-04-29/C611EBF1-856F-F193-E0EF-3C66A8FE0124.png) ![](//pic.huke88.com/article/content/image/2022-04-29/6F9C51AA-8A26-8D2A-2CFC-150B5029A6D8.png)
![]()
① 将信息压在四个角之内 ![](//pic.huke88.com/article/content/image/2022-04-29/D8D12212-53E7-2FB4-7BF0-E521AC87684F.png) ![]()
② 将信息超出页面四角一部分 ![](//pic.huke88.com/article/content/image/2022-04-29/53C27CF9-5A3E-81FF-C0C5-25532037FD31.png) ![]()
③ 将信息沿四周环绕排版 ![](//pic.huke88.com/article/content/image/2022-04-29/D442274A-C088-863A-72A8-4070DA10A60E.png) ![]() 第二种:对称式构图→对称式构图指的是将版面分成上下或者左右两个部分,上下或左右两部分比重相同,排版相似,对称式构图可以使版面更加有秩序感,适合处理信息较多,层级较为复杂的内容。对称式构图可以很快速的塑造出版面的平衡,视觉上的平衡几乎就等于完成了版面的50%设计目的。是初学者中最为常见的形式之一,对称之间互相呼应,信息处理可以从中快速打破呆板状态,让版面具有灵活性。![](//pic.huke88.com/article/content/image/2022-04-29/67C4AC1B-1131-75E1-93B7-265BFDEE6EBC.png) ![](//pic.huke88.com/article/content/image/2022-04-29/B71D701F-547A-D401-DD9E-EBCE8BD018D9.png) ![](//pic.huke88.com/article/content/image/2022-04-29/D4BA6BA4-46A9-378A-F81B-5FE96F655E6F.png) ① 上下对称式构图 ![](//pic.huke88.com/article/content/image/2022-04-29/7D4611CD-C695-6ED8-2F93-344060DF9F2C.png) ![]()
② 左右对称式构图 ![](//pic.huke88.com/article/content/image/2022-04-29/CC602BDA-24AF-1A80-CE01-417001B8A896.png) ![]() 第三种:居中式构图→居中式构图也叫中心式构图,是指把主体信息放在版心中间,这样容易产生视觉聚焦,其他信息围绕版面中心来进行排版设计,放在版面中心的可以是文字、图片、图形或者文字等。使用居中式构图,需要多注意画面整体的平衡和元素之间的留白关系,让元素组合之间留有足够的对比与阅读性。![](//pic.huke88.com/article/content/image/2022-04-29/D33F7AFB-A53C-7084-DF76-2C3AABAC0DD7.png) ![](//pic.huke88.com/article/content/image/2022-04-29/AB207889-EFA8-B334-EA60-AF94DDEAFBD3.png) ![](//pic.huke88.com/article/content/image/2022-04-29/5D47AD64-3256-BCF5-CFA7-E604BA50E493.png) 第四种:S型式构图→S型式构图,将主要元素按照S型排版,版面更加的自由生动,非常具有表现力,是一种很常见的灵活构图手法,主要元素可以是图像、图形、标题文字、slogan等。S型式构图是讲曲线与版面进行结合,可以快速的创造出灵活的版面视觉以及节奏感,可以很好的提高版面的形式感,同时也可以有效的引导观众读者的视线。![](//pic.huke88.com/article/content/image/2022-04-29/2BBA117D-F7E2-72CD-9D5C-35C131D11BA5.png) ![](//pic.huke88.com/article/content/image/2022-04-29/40D3DC2C-2AF5-2A7D-DDF6-7DB5D686FCD5.png) ![](//pic.huke88.com/article/content/image/2022-04-29/279F93F0-F7DA-11BC-FA36-44CA6C958B39.png) 第五种:三分式构图→三分式构图是指将版面分割成相等或不等的三块区域,每个区域放置相应的信息,三分式构图分垂直三分法和水平三分法,三分之后版面更有秩序感,适合处理文案较多,层级较为复杂的内容。难度较高,同时容易让版面连贯性断层,所以在运用当中需要额外留意元素与空间之间的融合表现。![](//pic.huke88.com/article/content/image/2022-04-29/3BF31A50-110C-3C9D-7961-09BA3DA8D72B.png) ![](//pic.huke88.com/article/content/image/2022-04-29/32B8BB91-5D13-35FB-BF94-099725CCF88B.png) ![](//pic.huke88.com/article/content/image/2022-04-29/1821DFE7-05CF-19DB-233E-E3594702AA8A.png)
① 水平三分式构图 ![](//pic.huke88.com/article/content/image/2022-04-29/5E8D7FAC-DC43-FD53-5BD0-EFB5BFCE7E3C.png) ![]()
② 垂直三分式构图 ![](//pic.huke88.com/article/content/image/2022-04-29/77C37422-38C1-2D9F-390A-EE4998CAE0E3.png) ![]() 第六种:倾斜式构图→倾斜式构图,是指将版面整体或者主要元素作倾斜处理,也可做透视处理或对角处理,这种构图使版面更灵活,更加的具有形式感,作倾斜处理的元素可以是主题、图片等元素。倾斜与对角可以提高文字或图片的表现力,能很快速的塑造整体的空间感。![](//pic.huke88.com/article/content/image/2022-04-29/2CD5E1DC-3EB1-9769-72C6-37756D97C2C7.png) ![](//pic.huke88.com/article/content/image/2022-04-29/DD236F0B-0F77-CB75-0820-2B49909EC760.png) ![](//pic.huke88.com/article/content/image/2022-04-29/958475D9-4DFC-877A-42F5-75E7D10B79DA.png) 第七种:散点式构图→散点式构图,是指将元素按照规律或者不按照规律自由的放置在版面的区域,散点放置的内容通常有文字,图片等,通常散点式构图都会结合S型式构图搭配使用,这种构图形式感强,更具有画面表现力.在运用的时候,需要特别注意文字或标题的阅读性,过于抢镜会让版面丢失主题。![](//pic.huke88.com/article/content/image/2022-04-29/69E39A57-F800-0D89-63A5-33BD24369FF2.png) ![](//pic.huke88.com/article/content/image/2022-04-29/198F0D74-1DB5-315D-A287-F60E45EB1BE9.png) ![](//pic.huke88.com/article/content/image/2022-04-29/8DDAB50D-A2F8-E2B3-0663-1744B1A67AEE.png) ![](//pic.huke88.com/article/content/image/2022-04-29/057573BA-F3CC-6C38-1CF2-3DDB1C359482.png) 光说不练假把戏,实操案例来一个,这一个案例是围绕四周压角构图来分享海报的制作操作技巧。涉及到的知识点有:①四周压角构图的技巧;②文字编排;③利用文字的局部轮廓化使版面更具有形式感。我们先来看看最终的海报效果先。![](//pic.huke88.com/article/content/image/2022-04-29/8F53EBAB-0D67-6359-F1DD-A7A17A64457E.png) ![]() 第一步:→所选的文案是一个摄影展,所以我们找了一张具有故事性的图片作为底图,新建文档,背景填充为黑色,置入图片,确定图片在版面中的位置,因为我们准备做四周压角构图型的海报,所以我们与居中式构图相结合,这样能使版面的视觉聚焦。![](//pic.huke88.com/article/content/image/2022-04-29/167185B6-C758-EB22-B67E-AFA74A3BB7D1.png) ![]() 第二步:→根据图片的构图,我们来确定整体版面的构图形式,由于图片是居中偏右的,所以我们用居中式构图加上四周压角构图来进行整体版面的风格呈现。![](//pic.huke88.com/article/content/image/2022-04-29/D68E3129-3FD2-ED10-39F1-2E390AEA6831.png) ![]() 第三步:→将主题文案“无限的山峰”以四周压角构图的方式放置在版面的四个角上,我们使用的是压在版面以内的压角构图,并结合居中构图的方式,这样能使版面更加的规整有序,而且具有视觉张力,注意图片和文字的联系。![](//pic.huke88.com/article/content/image/2022-04-29/EA127CAD-56C1-A3E5-66EE-91C8132CFED2.png) ![]() 第四步:→现在我们来进一步进行处理,由于主题文案相离较远,接下来就是增强主题文字之间的联系,我们尝试用线来处理,线的作用就是连接与分割,我们用线将主题文字连接起来,并加上一些汉语拼音元素,使线条不会那么单调,并且更具有形式感。![](//pic.huke88.com/article/content/image/2022-04-29/52A52D1B-E0BD-7C08-D60D-2E3B58F88FFB.png) ![]() 第五步:→先不急着下一步,我们先来观察下版面,现在的版面被我们分割成了四份,我们把剩下的信息分别在指定的区域内进行排版。![](//pic.huke88.com/article/content/image/2022-04-29/2950A508-F1A5-2B82-9E7E-6CA003BAE03D.png) ![]() 第六步:→我们将剩下的文案分别进行排版,重要的信息我们需要放大处理,不重要的信息可以偏小一些,重要的信息比如:参展艺术家、日期、地址等,这里要注意层级之间的划分,要使版面显得井然有序。![](//pic.huke88.com/article/content/image/2022-04-29/84C20B3C-3BFB-BD59-A78F-85F35F751085.png) ![]() 第七步:→其实版面到这里已经处理的差不多了,但是主标题看起来稍显平凡,跟内文的文字一样,没有什么特征特色,所以我们可以做更多的变化,拆分主题文字的一些笔画,并使其轮廓化,我们还可以倾斜或放大一些笔画,或者局部模糊,打散等等众多效果都可以尝试。![](//pic.huke88.com/article/content/image/2022-04-29/CF5FD32B-6EEB-61ED-79E4-C643F4D601C7.png) ![]() 第八步:→其最后把整体的细节稍微调整下,这样,一张具有形式感的海报就形成了,这张海报用到了四周压角构图,居中式构图,所以可得出结论,七种构图方式之间是可以交叉使用的,只要能使版面更加的好看,更具有形式感就行。 ![](//pic.huke88.com/article/content/image/2022-04-29/E74EBE8D-DB2A-657B-AFA0-2501624A4C01.png) ![]()
→ 完成!! ...END...
|