![版式设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/940/43737940/b_43737940.jpg)
2.2.3 线的作用
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_37_2.jpg?sign=1738968251-GYtiCC10eJl3eXLI8hjZmAIoHGRYS3Lt-0-887d2f0b35fe0cd56d3cb79095c10835)
图2.2-15 图书封面设计
1.对空间的分割
使用线对版面进行分割时,需要考虑版面中各元素之间的联系,同时根据内容划分空间的主次关系、呼应关系和形式关系,以产生良好的视觉秩序感。
在空间中使用线将多个相同或相似的形态进行空间等量分割时,版面所传达的是一种有序的、和谐的感觉。
在版式设计中,可以运用多种样式的线条对版式结构进行合理的分割,如对图文进行分割、对编排区域进行分割,以及运用线条的分割手法设计出理想的版面布局等。常用的分割方式有4种,如图2.2-16所示。分割方式的具体运用如图2.2-17所示。
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_38_1.jpg?sign=1738968251-2bzdil60CPeEAjk05HTorJ1Hy0WFApMq-0-c2ca6f764ed07ac236bebb24cacfd669)
图2.2-16 常用的4种分割方式
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_38_2.jpg?sign=1738968251-swG3oUdmunscvE6fwG1hrwtbctK8cXY4-0-7641a1f84af17d452003221e09d02a8b)
图2.2-17 分割方式的具体应用
力场是一种虚拟出来的空间,版面中的力场是通过线在版面中的分割而产生的。在版面中通过线将图片和文字进行规划和整理,从而产生力场。
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_39_1.jpg?sign=1738968251-lyIusK9pkd7CTnjMuLjiQ1aXApBNzu70-0-3f72bfece87f79aedce3bf9a46fa12c5)
图2.2-17 分割方式的具体应用(续)
2.空间力场
版面中的力场是通过线在版面中的分割而产生的。在版面中通过线将图片和文字进行规划和整理,从而产生力场。力场感的大小与线的粗细和虚实有关,若线粗实,则力场感强;若线细虚,则力场感弱。如图2.2-18所示的2017年春夏系列海报,采用3根细钢管对版面进行了分割,凸显了胖模特的不同舞姿,有效地传达出春夏系列服装的包容性。
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_39_2.jpg?sign=1738968251-v09xYdQri3u7cRrj7vRNfNliFsBNf7Cz-0-59c487e8a024b92bfb31c6042e9a0a2e)
图2.2-18 (日)Yuni Yoshida设计的2017年春夏系列海报
面是点和线的升华,具有丰富空间层次、烘托及深化主体的作用。
相对于点和线来讲,面具有更强的质感和更形象的视觉表现力。一个色块、一个放大的字元、一张图片、一段文字都可以理解为面。
3.空间约束力
根据版面的需要使用不同形态的线条以形成空间约束力。当强调页边距与内容时,可使用一条细细的线将页面中的内容与页边距区别出来,就能有效地引导人们的视觉。若线框细,则版面轻快而有弹性;若线框粗,则版面会有被强调的效果。如图2.2-19所示的信息可视化图表设计,利用方向不同的箭头有效地引导观看者的视线,并与其他图形元素构成了立体的空间感。
![](https://epubservercos.yuewen.com/A18CE3/23020635101635306/epubprivate/OEBPS/Images/42049_40_1.jpg?sign=1738968251-vsc0cVkkshBrwFd3V5kS7q98RyRSHcz7-0-4bd3e0f4bc3506d5913a5e55b351ea1b)
图2.2-19 (韩)Sung Hwan Jang设计的信息可视化图表