学排版设计必看:用对线,版面活起来
在开展版式设计期间,我们时常会运用一类元素用以辅助排版,此元素即为线,线具备区隔出内容,强调相关信息,让版面达至平衡,起到指引作用,进行组合,实现连接以及装饰等众多功能,能够切实解决诸多版式方面的问题,然而,线的运用并非如表面看上去那般简易,众多设计新人在线开展排版操作时会出现冗余、死板、不平衡、不美观等状况,所以,葱爷今日便来讲一讲,在线运用来做排版过程中需要留意哪些细节。
平面干货:
平面设计领域中,关于高手的教程来啦!它要对「点线面」的运用方法,从各个方面去进行解锁,并且还附带了实际操作的案例哦!
本文借助点线面的定义,通过点线面的作用,运用点线面的设计方法,帮你在版式设计中进行全方位科普关于点线面的运用,还附上实操案例,那些基础差一些的平面设计师,这篇可千万别错过了!
阅读文章 >
一、线的种类
常用于版式设计的“线”有 6 种:
1. 长直线
线条长短不存在十分确切明晰的界定标准,我自行做了评估,于中文版面当中,线条要是长过 10 个正文的字符宽度的话,大致便可称作长线,不然就是短线。另外,长线在用来区隔内容之际,它的长度通常情形下便是大于或相等於内容的长度标点。
2. 短直线
进行区隔信息之时,短线被用于其中,其线条相较于“文字行”而言会更短,将信息予以组合此事常用到短线,其作用与大括号相类似。
上图的红色短线就是起到了组合信息的作用。
3. 斜直线
旨在切割文字与图片应用的它,承担着规范文字排版的职责,发挥着填充空白的作用,会运用斜线,其相比水平线条与垂直线条,更为具备动感。
4. 折线
折线常常被应用于信息指引方面,像是作用于产品的功能示意图形,以及信息图表这一类,除此之外采用于区隔信息所产生的效果也是较为良好的。
5. 曲线
就像波浪线,还有弧线,又或者是螺旋线之类的,曲线相较于直线而言,更具柔和之感,也更为活泼,常常被运用在以儿童、女性为主以及手写体的设计当中。
6. 虚线
具有低调特性的虚线,具备优雅特性,还拥有可爱特性,常用于正文排版之中,是用来区隔信息的。
二、线的粗细
线条粗细不同,其效果与气质会存在显著差异,故而要依据具体需求去设置线条的描边参数。
细线条相对比较秀气且精致,要是版面的调性有着高端以及优雅这方面需求,所运用的文字“字重”是以regular或light为主的情况下,那么细线会更适宜,线条的粗细值通常和其中小号字的较细笔画,衬线体参考横笔划,二者的粗细大致相同。
粗线条相较于粗犷而言更具显目性,若版面里主要文字其“字重”是以medium或者bold为主的无衬线体,那么运用粗线条是较为合适的。要是线条所作用的文字字号仅有单一一种,线条的粗细值通常会比文字笔画略微细上那么一点点。

若所作用文字存在不止一种字号,那么线条的粗细值,一般是处于大号文字以及小号文字的笔画粗细之间的。
要是版面里的线条数量较多,并且这些线条的功能存在差异,那么最好对线条粗细进行区分,从而让版面变得更加精致,让层级变得更加清晰。
倘若以在上图报纸排版里为例,区隔报头跟目录之间的线条,是线之中最粗的,甚至还采用了两根线条;目录之间的线条,还有区隔目录与版位的线条,是相对细一些的;而版位里不同信息板块之间的分隔线,是线之中最细的,用于区隔导读和正文的线条,却是比较粗这么一种状况啦。
此外,要是有这样一种状况,即线条存在着一种目的,这个目的在于去强调众多字词当中的某些句词,那么通常来讲,也会运用较为粗的线条。
三、线的长短
有些长线和短线具备相同功能,像区隔内容,那究竟何时该用长线,何时该用短线?主要依据是它们作用的内容长短,一般而言,若作用的内容较长,使用长线效果更佳。
内容不一定只是文字,也可能是文字加图片,甚至是纯图片。
假设所针对的内容相对比较短小,那么采用短线效果会来讲更佳,短线的长度一般在所起作用文字里“长句”的三分之一至五分之一之间。
四、线的位置
进行长线处理时,其起点,还有终点,一般而言,是需要跟对应的图文两端保持对齐的,或者,一端对齐,另一端要做出血处理,要是同类型的文字段落存在长度方面由长有短的情况,那么,是以最长的那个作为标准的。
对于短线而言,其需和所对应的文字的对齐方式保持一致,比如说,要统一为左对齐,或者统一为右对齐,又或者统一为居中对齐。
若线条的功能在于突出某些词句,那么它跟文字的间距会相对较小,大约为线条粗细的1至2倍,甚而会和文字相交。
若线条的功能是把不同组别的信息区分开来,那么线条跟文字的距离一般是大于等于 1 行文字的高度(横向进行区分),或者是大于等于 1 个字符的宽度(竖向进行区分);文字越少、空间越大,间隔也就相应地要更大。
五、线的呼应关系
于文字数量相对较多的版面之中,少见仅有一根线条的情形,因有几条重复出现的线时,方可形成呼应,还有版面的统一性、平衡性以及节奏感;版面里出现不同的线,是为呼应内容自身的结构,亦是为强化版面的对比关系。
图三比图一和图二更加平衡、更加精致。
六、打破线的束缚
倘若你期望版式的调性能够更为灵活且时尚,那么可于图文与线之间适度营造一些错位、叠加或者交叉的效果,如此便会产生一种打破束缚的感觉。
葱爷分享了版式设计里 “线” 的使用技巧,还提到相关事项,当然,这些被称作方法的东西也绝非标准,毕竟设计不存在标准,那些所谓经验和技巧,只是能帮经验欠缺的设计师更快做对且做好,要是你足够厉害,所有经验都能被打破。关于排版中的其他细节,我们后面再慢慢聊。


请小编喝杯咖啡吧!