当前位置: 首页 >文章 > 循环构成,设计中的鬼打墙
收藏
分享

循环构成,设计中的鬼打墙

举报K先生K先生发布于 2018-02-221244阅读2点赞
循环构成在版面中的设计与应用...

本期为大家带来的题目是“循环构成”在设计中的应用,不断重复的画面在增强记忆的同时也会营造出丰富的版面效果。它是让设计师实现版式创意的一种设计思路,能够让看起来平庸的元素变得不平凡的编排技巧。那么话不多说,接下来就让我们一起来学习今天的内容吧!



从宏观角度来看,这种设计技巧的主要特点就是利用重复和裁切来营造出一种空间的错乱感,与常规版面相比更具视觉效果。



元素的重复应用,也就意味着版面会变得更饱满,当元素偏离版面边缘又随即在另一个位置上出现,这种空间的错位感能够增强视觉趣味性,因此也会传递出一种超越现实的抽象概念。




在民间有一种传说与这种概念非常相似,那就是“鬼打墙”形容一个人被困住一个循环的空间内,总是在同一个地点转圈。虽然是个恐怖的传说,但是这种空间的扭曲想法还是蛮科幻的。

这种折叠空间的理论在科幻小说与影视作品中都有出现,假设将一段路程的首尾两端进行空间上的折叠,那么这个衔接的部分就会成为一个循环点,图中车辆每经过这个点就会重新回到起始部位形成无限的循环。


在二维平面的世界中,画面的四周边界也就成了空间中的循环点,上图中无限循环的动态影像作品,来自土耳其摄影艺术家 Erdal Inci。通过将影像头尾相接来表达永无止境的连续动态。


经典的FC游戏中也有类似的设计,比如上图中的人物可以从画面的左侧边缘直接走到画面的右侧去,是一个非常有趣的小细节。


上图是具有连续性的包装设计,版面中的设计元素经常会超出版面之外,版面边缘的顶部元素与底部元素会形成一种首尾相连的状态。这种处理方法会让版面变得更丰富饱满。

我们日常所使用的钞票,为了达到防伪效果版面的四周也都被设计成了巧妙衔接且无限循环的画面。


在设计的各个领域中,无论是胶带纸还是玻璃防撞条,书籍封面或者包装纸。这种空间的循环与重复都在设计中被广泛的应用,以版面的边缘作为循环点,不断重复的出现,形成一种类似图案化的版面效果,丰富版面的同时也具有强调的作用。




“循环构成”的设计手法是通过将版面中图片或文字移动到版面的顶边缘或底边缘之外,移到画面边界外的部分会在相反方向出现在画面中。形成一种空间上的错位感,以此增强版面的表现力。



除直接将版面中的元素分离之外,也可以采用“主体居中”的形式来构成版面。优点在于版面中的焦点明确,在面积上也占有主导地位。这种手法是在常规版面的基础上与“循环构成”手法的结合。




在这类风格中也逐渐发展出了其他种类。在“循环构成图”手法的基础上,循环的分割位置不在只局限于版面的边缘,并通过位置、角度和方向来添加变化性。



“多重循环”这类版面通常会给人传递出极其丰富的印象,用极少的元素不断循环重复的出现在版面中,难点在于元素之间面积的把控,需要最少保留一个相对完整的元素,其余的重复信息仅作为装饰元素出现。




上图中的版面即采用了“循环构成”的设计风格,图中主体元素首尾相接,形成了一种独特的视觉风格印象。

这个版面采用了主体居中的构图形式,以顶部和底部作为循环的边界,仅保留一个完整的主体并居中摆放,焦点突出细节丰富,给人一种无限循环的视觉印象。

这个版面中,图片部分采用了上文中提到的“局部调整”。与普通的“循环构成”不同的是,左图中将本应该是人物手部的重复部位调整成了重复的面孔。这里的难点在于需要把控好分割的比例与内部画面的差异性。

版面采用了“多重循环”的构图形式,通过主标题的不断重复带来丰富的版面效果,其中只有右上方的信息最为完整,其余重复元素均作为补充和装饰出现在版面中。





这是一个意大利摄影师的个人宣传海报,首先选择一张具有代表性的作品作为版面的主视觉,并采用循环构成来完成这一模拟案例。


将图片置入到版面中,采用顶部与底部的上下循环版式,根据图片自身的构图确定两个图片衔接的位置关系。


眼睛在图片的视觉优先级中具有非常高的地位,如果画面中出现眼睛那么视线就会被其所吸引。为了保证版面中大小区域的主次关系更加明显,将顶部人物眼睛调整到版面之外。


为版面添加一个标签色块,用来承载文字信息,色块的大小确定在与人物面孔相同。放置在图片与图片衔接的左侧空白位置。


继续添加色块进行遮挡,产生一种类似故障艺术的形式美感。色块的遮挡也让上下两个分区的图像中内容产生了更大的差异性。


加入英文信息并选择窄体来增大文字的视觉面积,修改为意大利斜体随后旋转角度,让文字呈现出垂直向上的倾斜角度。


文字处理好后置入到版面中,采用本期教程中“多重循环”的构图形式编排。在布局文字时需要尽量避开人物的脸部,随后添加其余的文字信息,这个版面就完成了。





今天我们一起学习了循环构成在版面中的设计与应用,也知道了这类风格中的四种常用的构图形式,重复的信息不但可以起到强调作用,更能为版面带来丰富的形式感。希望今天的内容能够对你有所帮助。那么本期的分享就到这里我们下期见!

———— 研习设团队




本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩8天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩8天56人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩25天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了37,196
并提交了227份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证