据说颜值高的人更容易做出漂亮的排版设计?(上)

发表于 讨论求助 2022-08-17 09:09:46

排版设计是平面设计中非常重要的一类,再好的作品,排版不漂亮,那也是惨不忍睹。因此今天狂人为大家带来一些排版设计干货,内容较多,我们分上下篇讲。

TIP1:使用长线


利用长线排版这个技巧大多数人道理都懂,但是它并没有想象的那么简单,其实,长线在排版中的使用一般是为了满足以下几个需求:


1.区隔信息

利用长线条把版面里不同类型的信息区分开,你可以根据实际情况来选择使用虚线还是实线,觉得黑白线单调的话也可以给它点颜色瞧瞧,使用长线区隔信息可以使其看起来更清晰,更方便受众阅读,同时还可以起到规整的作用,使版面不至于太凌乱。

▲一个版面内的信息层级关系很多 可以同时使用细线和粗线来进行划分


2.装饰

我们在排版时经常会遇到这样的情况,信息并不是很多,也不适合加图片,所以整个版面容易显得单调和平淡,这时我们可以利用长线来丰富版面,在增加美感的同时还能增加设计感。

▲斜线经常被当做剪刀用,俗称“一剪没”

▲上图文字顶部增加的直线使该排版看起来更专业。


3.建立固定版式

在画册或报纸的排版中,一般会有一些固定不变的信息放在顶部或底部,作为模板出现,利用长线来辅助建立这种固定版式也是屡试不爽的技巧。

▲在画册排版时设计一个固定版式,可以让版面看上去更精致

▲用长线建立版式的同时也能起到分隔信息的作用。


4.强调

在文字下面加直线还能起到强调信息的作用,就像我们以前看书的时候划重点一样,引导到受众把目光聚焦在此。


TIP2 使用短线


短线的功能和长线大同小异,虽然没有长线用得那么普遍,但有时候更好用,特别是在网页设计、UI设计、名片设计中,我们能经常看到短线的身影。短线的用法有如下几种:


1.区隔信息

利用短线区隔信息比长线要更灵活一点,不会造成太规矩的效果,而且虽然是短线,但是受众经常会脑补把它延长。

▲当然,有时候是因为信息比较短,所以用短线更合适

▲上图的短线除了分隔信息外还起到了点缀的作用。


2.装饰

短线也是可以用来装饰的,把短线放在文字信息的前面、或者相对应的留白区域,再选择合适的颜色,可以有效丰富版面。

▲在文字的下一行位置加短线

▲在文字对应的空白区域加短线


3.归类

就是用一条短线把一部分信息归为一类,一般采用竖线。把文字左对齐或右对齐,然后在对齐的一面加一条长于或等于这段文字的直线,跟大括号的用法差不多,但是要更好看一些,在信息类别比较多的版面中很实用,如下图:

▲在目录中使用短线是最合适不过的了

▲上面的这些短线都有点长?那我们就叫它长长的短线吧。


TIP3 使用色块

使用色块进行排版也很是实用的一项技巧,而且容易营造时尚的感觉,经常被用在画册和网页设计当中,色块在版式中的主要用途有以下几个:


1.划分区域

在画册或网页设计中,可以用色块来划分区域,一个色块承载一块信息,使该色块内的内容与其他信息区别开来,如果色块较多时最好让它们形成一定的节奏感,比如呈统一或渐变效果。

▲色块在划分区域的同时还能把一些看起来比较零散的信息组合起来

▲上图的三个色块各使用了不同的颜色,且有意上下错开创造节奏感。


2.突出重点

突出重点信息的方式有很多,把它放在色块中也是一种不错的方法,文字和色块要使用对比色。

▲上图的色块是为了突出折扣信息

▲上图的色块是为了凸现标题


3.分离背景

当我们在图片上排文字的时候,由于图片的明暗关系不是太平均,所以会影响文字的阅读性,这时在文字底部增加色块是一个不错的方法,如果把背景图调成黑白,再使用颜色鲜艳的色块效果会更好。

▲如果想保留背景图片的完整性,也可以适当降低色块的透明度,或者使用正片叠底效果。


4.丰富设计形式(装饰)

色块本身就是具有强烈设计感的元素,所以我们可以用色块来进行构图,比如用几个色块组合成一个图形,或者通过色彩搭配制造对比,都可以做出很漂亮且有特色的设计。

▲上图的色块其实是左上角品牌标志的延展,构图很特别。


▲上面这款包装顶部的橙色在大面积的白色对比下显得十分显眼,成为了该包装的最大亮点。


TIP4 使用线框


线框和色块的用法有很多相同的地方,但区别也不小,首先线框没有色块那么有视觉冲击力,其次,因为线框的框内是没有颜色的,所以更适合把图片也一同框起来了,而色块主要用来承载文字信息。线框主要的用法有以下3种:


1.信息分组

用线框来把版面内的信息进行分组,跟色块的用法是同样的意思,这里就不多说了,直接看例子吧。

▲上图右侧用线框把信息分为三组,粗一点的彩色线框还很时尚

▲线框的风格应该与设计的整体风格一致


2.信息组织

零散的信息可能会造成版面混乱,用线框把临近的信息框在一起是一个有效的解决办法。

▲在这密集恐惧症的版面中,还好设计师用线框守住了信息区域附近的一片“净土”。


3.装饰

根据版面尺寸、设计元素,合理的使用线框可以使作品更有设计感和美感,如:用图片贯穿线框,塑造一种突破束缚的感觉,或者把线框直接作为版面边缘的装饰线条花边等。

▲卡片设计中用细线框装饰在边缘增添文艺气息

▲利用规则线框与图片 错开制造冲突


消化一下,在下篇中我们继续分享有关排版的干货哦!


狂人学院

设计师修炼平台

主站

www.socrazy.com

长按二维码关注我们

发表
26906人 签到看排名