前言
在平面设计中,有些设计会显得比较有趣味性与丰富性,什么样的设计技法可以达到这种效果,本篇就为大家介绍“破图”的使用方法。
在实际生活中或者大家的印象中,我们遇到的“破图”是什么样的呢?
答案是:一张”撕破“的图!(好吧,答案跑远了)
仿佛闻到了火药味,一颗颗子弹从耳边扫过。身临其境的画面,打破了空间的自由。
娟娟的流水声,远处树林的鸟叫声,以及即将照射进来的暖暖的阳光,拉开了画面的纵深感与空间感。
悬空的鼠标与地球,线与色块构成的空间为画面平添了更多的呼吸感与趣味性。
任意摆放的照片,留恋在照片上小憩的蝴蝶,桌子上的木质纹理。从俯视的角度巧妙把画面融入了三维场景,活泼生动,耐人寻味。
“破图”的最大好处
“破图”最大的好处在于什么?
一言以蔽之,就是增加整个版面的灵活性与丰富性。打破传统网格的严肃性与单一性。
破图的功效这么好,我也想去试试了呢!那么在实际的画册设计中我们又该怎么去塑造这些“破图”呢?
“破图”的表现与塑造形式
简言之,空间可谓“破图”最重要的构成形式。而构成空间的形式则多种多样。
壹——线形·空间形式
数学上:其中任意两元素相加可构成此集合内的另一元素,任意元素与任意数(可以是实数也可以是复数,也可以是任意给定域中的元素)相乘后得到此集合内的另一元素。(虽然我也没看懂O(∩_∩)O哈哈~)
在平面设计上简单的说,线是点的集合,点的移动轨迹就是线。
这幅画面里我们最直观看到的就是两头大象缓缓的向这边走来,而画面里最有特色的就是线性的心形,非常巧妙的绕在象腿之间。大象如同从另一个时空走来似的,增加了空间性与趣味性。
贰——色块·空间形式
颜色是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。颜色具有三个特性,即色相,明度和饱和度。颜色的三个特性及其相互关系可以用三度空间的颜色立体来说明。
红色,黄色,金色等诸多色块叠加在一起,组合分布形成了一个个空间形式,同时也更好的对信息和数据进行了归类与整理。增加了更多的空间性与功能性。
叁——图形·空间形式
图形一般指用计算机绘制的画面,如直线、圆、圆弧、任意曲线和图表等。具体的表现形式主要是圆形,方形和三角形。
由灵活可爱的圆形有规律的分布在画面当中,构成了许多活泼灵动的空间。很好的打破了传统网格的严肃性。
图形主要分为三大类,圆形,方形,三角形。每个形状都有独特的个性(圆灵活自由可爱,方形稳定规矩,三角形尖锐刺激等)。
肆——投影·空间形式
投影指的是用一组光线将物体的形状投射到一个平面上去,称为“投影”。投影也是表现光和空间的重要形式。也能从另一方面建立起画面的体积感。
画面中蓝色的几何形扭成丝带状把画面分割开来,细心的大家不难看出,就是这样的一个几何形,由于转折处加入的投影效果,瞬间使整个画面多了一种层次感和空间感,也为该图形平添了几分体积感。
伍——叠加·空间形式
物理学:使预先成并存储的图形、属性特征等被调用并叠合在一个基本图形上的过程或方法。
平面设计:在实际的画册设计应用中,通过色块或者图形等相互叠加营造一种空间感,提升画面的“活力度“。
上图中的画面主要运用了色块之间的相互叠加使文案在有效的空间内巧妙的安排好画面的布局。不失其功能性和趣味性。包括上面作为装饰用的粗英文字体也构成了这种形式。
陆——剪影·空间形式
剪影,早期指把纸剪成人头、人体的轮廓形象,现也比喻对事物作轮廓的描写;亦指比喻描写出的轮廓。通过对事物剪影的运用可以用留白的方式为画面增加呼吸感。
图一是幅精美的圣诞节画面,一轮圆月当空,漫天飞舞的雪花把大地裹成了银白色。圣诞老人驾着驯鹿的剪影更有童话的寓意,节日的氛围更加浓烈。
图二是用真实的树,房子作为剪影插入到画面中,如国画一般留白,拉开了整个画面的空间感。
柒——场景·空间形式
这里的场景主要指的是近景,中景和远景的背景形式。近景主要是以装饰为主;中景主要是以承载为主,功能大于装饰;而背景是整个画面的基调(暖色调或者冷色调,热闹或者平静等。
图一的场景是用平面元素构建的场景;图二则是由真实的三维世界组合而成。相应的两图都很好的把产品或者理念通过空间延伸的方式融入了进去。相比两者,图一更有艺术性;
图二表现的更多的是代入感与真实性。
小结
综上所述,“破图”的构成形式主要分为几大类,空间是最重要的表现形式。
“破图”的塑造是一种心理感受,我认为,“破图”的塑造可大可小,并不是每个“破图”的形式都要打破整个版式的布局。要粗中有细,一个好的作品一定要具备“深化再深化”的条件。
显而易见,这个条件的前提是基本功的扎实,不要好高骛远,一步一个脚印的走,想看到不同的景色,就要站到不同的高度。
如今天分享的心得,这几种塑造“破图”的方法更多的是帮助我们更好的去理解和完善画册中的版式设计,而并不能当做版式设计的全部,谁都没有办法真正的去教会一个人设计。
“破图”主要塑造形式
下面我跟大家分享一些简单的实例操作,方便朋友们共同探讨交流。希望能更好的理解“破图”的构成形式,设计出更精致更“高大上”的画册版式。
实战演习
01/色块与叠加
(色块其实也算是叠加形式的一种,本章节就结合在一起讲)
文案内容
北京朗净德建设工程有限公司是专业从事各类实验室规划设计、安装施工、调试检测等服务的专业企业。公司成立于年8月,注册资本金万元人民币。总部办公地址位于北京朝阳区东土城路五号院,宁夏分公司成立于年。
公司具备建设部颁发的机电设备安装工程专业承包三级、建筑装修装饰工程专业承包三级、特种专业不分等级等资质证书,多次荣获北京市建委颁发的“北京市建设行业诚信企业”称号,并通过了ISO质量体系认证、GB/T工程建设施工组织质量管理体系认证、ISO环境管理体系认证、OHSOS职业健康安全管理体系认证,保证在所有的项目过程中始终保持质量和安全的高标准。是国家级高新技术企业、中关村高新技术企业,年被评为“中关村最具创新力强”企业。同时拥有以建设“持久性有机污染物排放和控制”环境技术为自主知识产权的核心技术6项,著作权6项。为北京市建筑业联合会、中关村成长型科技企业互助促进会会员单位,北京市延庆县建筑业联合会理事会员单位。
公司致力于为环境科学、生命科学、航天医学、军事医学、卫生医疗、化工行业和食品安全等相关领域有需求的各类实验室工程提供专业服务。公司在实验室整体规划设计、实验室建设施工(装饰装修、暖通空调、电气、给排水、弱电系统、VAV变风量控制系统、特气系统、洁净系统)和实验室配套设施(实验台系列、通风柜系列、备品配件)等各个方面依托雄厚的专业技术实力,为近余家来自于国际EPC承包方、工业企业和科研院所的各类需求单位提供了最佳的解决方案和技术支持。相关工程项目通过了权威的第三方检测认证和专家鉴定,赢得了广大客户的一致好评。
我们致力于帮助客户让世界更健康、更清洁、更安全;我们打造顶尖的人才和团队,实行一流的管理;我们为全国各地的客户提供无边界的专业服务。
1.基本版式布局
看到这些文案内容,我们首先要做的还是把基本的版式设计好(先把阅读顺序整理好)。
PS:灰色区域代指元素所在大致区域,后面就不再累述。(另所举例子仅作参考)
2.甄选配图与信息
在这一步,我们去相应的配图或者元素。除此之外更重要的是提取文案中客户需要表达的关键信息然后进一步深化设计。(关键信息多半是指客户想让受众看到的信息)
分别安排在了相应的位置,版式布局是灵活多变的,这里所放位置仅做参考。
3.深化设计关键信息
我们把相应的配图和深化设计后的关键信息安排在画面中合适的位置。
4.塑造“破图”
上一步虽然我们把信息和版式布局都已陈列完毕,但是还是显得不够精致,一步我们就慢慢解决这个问题。
本章节的重中之重就在这里!塑造“破图”的根本目的是建立元素之间的联系性。以上所提到的形式都只是不同的途径而已。
这时候我们仔细观察,冷静思考:什么能建立起联系性?答案是线与面。(当然点也是,只是没有这么明显)
我们看右边部分,很明显能看到信息相对比较单调,然而什么能承载信息又能塑造“破图”?答案是色块。
(叠加出空间,属于“小破图”。再提一句,“破图”不一定都是改变整个版式布局的,也可以是”小破图“,画面在稳定中有细节上的精彩)
右边色块与后面背景叠加出了小破图效果,色块发挥了其特性中的承载性,左边的两条竖长的色块叠加在一起,又起到了元素之间的联系性。
5.完善细节
最后一步是完善一些细节,比如页眉,字体的大小,字的颜色(尽量选用80%~95%的黑,这样视觉过渡更舒服)进行调整
PS:画册中间折痕的地方是我简单的做的投影效果,这样显得更真实。
小结
往往在一个画面中会包含多种“破图”的构成形式,这样会使画面更丰富。但是切记:根据实际需要而定。
“破图”从视觉感受上分为“小破图”和“大破图”。特别是“大破图”要根据实际情况去运用。
第一个栗子分享了一个“小破图”的案例。下面这个栗子为大家演示一下“大破图”的运用。
02/色块、线形与叠加
在版式设计中,点线面都是相对的。没有绝对的视觉概念。往往一个“破图”由几个构成形式组成,但实际运用当中我们要看更倾向于哪一个形式。
小破图的应用在整个版式设计中都会多多少少涉及到。而“大破图”的运用就相比比较考究。
根据文字内容来划分
文字少时用“大破图”可以出彩
根据行业属性来划分
时尚类,地产类,旅游类、娱乐类以及赛车类用的居多
案例一(根据文字内容来划分)
文案内容
是选择辛劳甚至危险的工作?
还是做一个高薪、体面的技术白领!
设计要求
每一句话设计成一个面
1.思路梳理
首先是基本版式布局,但是左想右想:就这几个字,特么的在逗我么?
暂且不要暴走,冷静思考。章中我曾提到过对于文字少的画面的处理方法:以图为主
好了,找到答案了:工地比较合适!第二句话就比较简单了,白领的图网上有很多。
通过上一步的思路梳理我们找到了这两张相对比较合适的图。
2.装饰元素的提取
由于这两句话讲真,真提取不出关键的信息了。这一步我们要做的就是提取装饰元素。
此时有个声音在呼唤:同志们辛苦了!
装饰性的元素安排在了相应的位置,是不是感觉还有一些不舒服?
3.塑造“破图”
塑造破图的根本目的还是建立元素间的联系。那么我们来思考一个问题:什么能够引导画面的走向?答案是:线形元素。
4.完善细节
最后一步依然是完善细节:页眉的加入和关键词的突出(颜色或者大小比例等)。
降龙十八掌最后一式!打完收工。
案例二(根据行业属性来划分)
文案内容
DF系列全频专业音箱
不积跬步,无以至千里;不积小流,无以成江海。DF系列全频专业音箱在每一个细节上都精雕细刻、可谓匠心独运。
DF系列全频专业音箱采用英国原装进口FANE单元,音箱内置分频器更是采用了进口电容、大线径纯铜电感和铝壳电阻。低频饱满、浑厚有力,中频温暖自然,高频明亮清晰、细腻。箱体采用了芬兰进口梨花木。木纹油属美术漆工艺、与有色底漆搭配,能创造出非凡的艺术效果和美感。极致的听觉体验与视觉体验使其在行业内独树一帜,傲视群雄。
DF-10技术参数DF-12技术参数
1.基本版式布局
这是一本音响行业的产品画册,也算得上我们“大破图”的应用范畴。
我们首先要做的还是把基本的版式设计好(先把阅读顺序整理好)。
灰色块代表了音响产品的所在位置。
2.放置对应信息
把音响系列产品摆放到相应的位置,另外表格和其他主要信息的颜色完善。
3.塑造“破图”
产品类的可以通过投影去制造空间感。然后再用线形元素去塑造“大破图”。为整个画面引导出一个动向,精彩而不繁复。产品本身又可以与后面的色块叠加出更多的空间。
在色块构成的线形空间内放入音响的场景,会更加有代入感和真实感。
局部添加了橙色的色块,仔细观察,两个色块之间有平行边存在,(这也是塑造色块的一个技巧)这就更好的适应了“大破图”的趋势。
4.完善细节
页眉的添加,承载信息的透明色块的添加会增加品质感,使细节更为精致。
总结
设计其实最重要的不是技巧,也不是天赋,而是发自内心的热爱。我是这么觉得,世界上最挡不住的就是热爱。
ps:图片来源于网络,版权归原作者所有,侵权必删