学会版式的N个Tips:错位编排,让你的版式更有个性

为了想创造更有个性的版式,会打破这种常规的对齐编排。那么如何打破呢?今天通过案例来讲解错位编排如何增加版面的多样性。

学会版式的N个Tips:错位编排,让你的版式更有个性_第1张图片

在设计中经常使用到的编排方式一般为对齐编排,常规的左中右对齐。为了想创造更有个性的版式,会打破这种常规的对齐编排。那么如何打破呢?今天通过一些案例给大家讲解下错位编排如何增加版面的多样性和创意性。

01什么是错位编排(文末有福利!文末有福利!文末有福利!

错位编排其实是在对齐的基础上进行位置上的改变,在设计中则可以看作一种艺术的表现手法,是一种打破常规对齐的个性表达,也是提升文字编排和整体画面创意性最简单最实用的设计技巧,这里我总结出两种形式。(如有不正确的地方,请及时联系我更正)

第一种形式

即在对齐的基础上再空出文段距离

有点类似首行缩进的做法

错开之后能形成一定的留白和层次感

学会版式的N个Tips:错位编排,让你的版式更有个性_第2张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第3张图片

第二种形式

完全脱离对齐参考线

元素以交错的形式进行错位排列

以较强的创造性编排

这种方式多用于书法体的标题使用

学会版式的N个Tips:错位编排,让你的版式更有个性_第4张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第5张图片

02标题错位编排

标题除了正常的横竖组合对齐编排,简单的错位组合也是不可缺少的编排方式。其具有较强的编排创造性,能表现出文字间的节奏感。上面已经通过图示讲解了错位编排的两种方式,若想打造个性化的标题编排,也可以参考以下的案例。

学会版式的N个Tips:错位编排,让你的版式更有个性_第6张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第7张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第8张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第9张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第10张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第11张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第12张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第13张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第14张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第15张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第16张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第17张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第18张图片

03文段错位编排

文段编排一般都使用对齐编排,可以让版面中的元素有一定的视觉联系,以确保整体的秩序感和整齐感。虽然这种编排很常用,但很难使文段为整个版面增添新颖的视觉效果。那么文段错位就能打造视觉美感的错位艺术,让文字编排具有一定的个性。

Before

学会版式的N个Tips:错位编排,让你的版式更有个性_第19张图片

After

学会版式的N个Tips:错位编排,让你的版式更有个性_第20张图片

文段错位编排与首行缩进有点类似,只不过是整段文字进行缩进,偏离原本的对齐线。然而缩进留出的距离能形成文与文之间的节奏层次感,瞬间打破常规的“整齐感”。

其他范例

学会版式的N个Tips:错位编排,让你的版式更有个性_第21张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第22张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第23张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第24张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第25张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第26张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第27张图片

04图文错位编排

图文错位与文段错位的使用方式基本没有区别,只是添加了图片元素,让画面具有一定的层次感,同时营造视觉上节奏错落感。

Before

学会版式的N个Tips:错位编排,让你的版式更有个性_第28张图片

After

学会版式的N个Tips:错位编排,让你的版式更有个性_第29张图片

前的版面已经给人一种整齐简洁的视觉效果,但如果将图文进行小小的位置偏移,立马营造一种强烈的层次感。

其他范例

学会版式的N个Tips:错位编排,让你的版式更有个性_第30张图片
学会版式的N个Tips:错位编排,让你的版式更有个性_第31张图片

05总结

错位编排的方式还有很多,这里只是简单总结几个常见的方式,希望能够帮助大家打开创意的想法,在使用中能提高版面的创造性。无论你运用哪种方式去设计,都要注意文字信息间的连贯性和阅读上的合理安排,这才是最实用的版式编排。

转载自站酷周妙妍

对平面设计PS学习有兴趣的小伙伴私信我即可免费领取学习资料!

从最基础的平面设计资料到实战的学习资料都有整理,送给每一位有想学习平面设计,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。

先关注“立夏” 然后私信回复“学习”即可

你可能感兴趣的:(学会版式的N个Tips:错位编排,让你的版式更有个性)