线在版式设计中的妙用,根据线的性格做符合需求的设计

2020-07-07 11:17:50  浏览:4010  作者:疯狂小编

3-1.jpg


线产生于点移动的轨迹,线的形式可以是几何中的线条,也可以是一段文字,或者是很多点组合而成。由于线具有位置、长度、宽度、方向、形状等属性,赋予了线在视觉上的多样性。


20200707_110537_000.jpg



每一种线都有它自己独特的个性与情感存在。所以在版式设计中需要根据线的性格去做符合需求的设计,这样才能让线发挥更极致的效果。

横向的线在大自然中往往出现在天际线或者是地平线上,会给人一种开阔、平和、永无止境的心理印象。

20200707_110537_001.jpg


垂直方向的线使人联想到高耸的楼房、树木等,令人产生蓬勃向上、庄严、挺拔的感觉。

20200707_110537_002.jpg

斜线从力学的角度来看,打破了空间的平衡性,产生不安定因素,具有运动的趋势。

20200707_110537_003.jpg

曲线具有轻快、柔和、圆润、流动等造型特性,多用于表现优雅、流动的美感。

20200707_110537_004.jpg

3-2.jpg

因为线条具有方向性,所以在元素信息整合不够清晰时,可以通过线条把多个信息串联为一个整体,从而引导读者形成正确的阅读顺序。

20200707_110537_005.jpg


左图大量信息被安排在版面中,虽然有大小层级划分,还是会给人混乱不堪的视觉印象;右图通过线条把展览主题“另一种目线”串联起来,让读者形成了正确的阅读顺序。而线条的使用也给版面中的众多元素划定了视觉范围,使得画面看起来感觉更加整齐。

当画面整体元素多而杂乱时,线可以起到很好的约束、规整的作用,可以引导读者把原本杂乱无章的视觉点串联为有次序的视觉元素。

20200707_110537_006.jpg


通过线框把书名“天堂”、“炼狱”两词约束规整并串联起来,建立起完整的阅读逻辑和视觉引导。线条使得画面整体感更强、画面版式更加严谨。

20200707_110537_007.jpg

把展览主题“醒脑书展”的笔画拆开,并用线条串联;手绘的书本也使用自由随意的曲线进行连接,版面给人轻松、写意的阅读体验。

3-3.jpg


线另一常用的功能是区分作用,以此来分类和区别不同的信息,特别在版面的信息量大的情况下,选择线来作为信息区域的划分,有利于信息的梳理和提高阅读效率。


20200707_110537_008.jpg



表格是由线条组成的一种具有功能的几何形式,表格思维运用在版式设计中可以合理的分配文字信息的比例大小和阅读层级,使版式规整有秩序感。

此端午节海报把价格、电话和地址等多个信息,使用表格思维,用线条进行划分,能在有限的版面空间让信息主次分明,给读者带来更好的阅读体验。


20200707_110537_009.jpg



线条起着界定、分隔画面的作用,不仅可将物体及元素分离,也可将空间一分为多。


20200707_110537_010.jpg


在版式设计中常使用线条强调画面中的某些重点元素或者提升某些元素对于画面的影响力。如在目录设计中的线条不仅起到分割每个章节信息的作用,而且强调突出了章节的标题。

20200707_110537_011.jpg


线框可以很好的辅助设计,吸引关注,突出文案重点部分。此海报文字信息加入线框,在视觉上等于是在海报中划定了视觉焦点,从而起到了突出主题的作用,读者第一眼便会把注意力集中在线框内的区域。


20200707_110537_012.jpg


添加线框,不仅为版面带来设计感和形式感,同时具有强调作用,这里因为线框的运用,使得主体在画面中的视觉形象更加鲜明,主导地位更强。

20200707_110537_013.jpg

3-4.jpg

线条能起到点缀、修饰版面的作用,适当的线条使用能提升整个画面的层次感,增加版面的精致度。

20200707_110537_014.jpg


当画面整体设计感不够强时,适当添加线元素,使排版、布局变得更加富有细节感和设计感,视觉上更加丰富、有变化。


20200707_110537_015.jpg



当标题比较单调时,也会经常加入线元素进行装饰,使标题细节更丰富,刻画得更精致美观。

当画面留白面积偏大,为了避免版面空缺,也可以加入线元素做为背景用于填充空白,同时也能很好的起到点缀、丰富版面的作用。

20200707_110537_016.jpg


为了让大家加深对“线”构成在版式设计中运用的理解,运用本期知识点进行设计示范。

首先设计画面的主体。在AI中打出“线”字,使用钢笔工具画出波浪般的线条,并复制多条线条。

20200707_110537_017.jpg


把“线”字放在线条上方,选中字与线条,按“ctlt+7”建立剪切蒙版。

20200707_110537_018.jpg


加入本期主题文字“线构成在版式设计中的运用”,线构成三个字用线来串联,引导读者阅读,又能很好的点缀和丰富画面。


20200707_110537_019.jpg


在画面下方加入其他文字,现在因为缺少点缀和细节刻画,版面显得比较粗糙和呆板。

20200707_110537_020.jpg

给下方文字信息加入线条,不但可以起到把信息进行分割的功能,也达到了点缀版面作用。最后给背景也加入线条装饰丰富画面层次。设计完成:

20200707_110537_021.jpg


由于线具有位置、长度、宽度、方向、形状等属性,赋予了线在视觉上的多样性。每一种线都有它自己独特的个性与情感存在,所以在版式设计中需要根据线的性格去做符合需求的设计。

线在版式设计中的作用:

1. 串联作用,在元素信息整合不够清晰时,可以通过线条把多个信息串联为一个整体,从而引导读者形成正确的阅读顺序;

2. 分割的作用,选择线来作为信息区域的划分,有利于信息的梳理和提高阅读效率;

3. 强调作用,线可以很好的辅助设计,吸引关注,突出文案重点部分;

4.装饰作用,适当的线条点缀能提升整个画面的层次感,丰富版面,增加版面的精致度。

以上就是今天要分享的内容,关注疯狂的美工官网,每天分享不同资讯。



【随机内容】

返回顶部