学会版式的N个Tips:线要怎样用,才能让你的设计更加分

线要怎样用

才让你的设计更加分

线往往会被设计师给忽略,或许对线的理解有局限性,因而不常使用。线的形态可以是曲线、直线、折线、虚线,甚至是线形成的线框,这里我们可以把线简单归纳为线与线框。当说起线,当然会牵扯到点线面这些知识。下面通过一些案例来简单分析线的作用和如何正确使用线,如果有讲的不对或不被认可的知识点,请大家及时批评和指点。希望这篇文章能帮助大家。

01线的形态(文末有福利!)

线不仅有形态明确的线

还有隐形的线

线在编排构成中有形态明确的实线、虚线、线框等,也可以是文字形成的线轨迹或者是看不到的视线。下面我们来看看平时设计中主要使用到的线有什么形态。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第1张图片
学会版式的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张图片

03线的作用

了解线的作用

变化出不同的效果

每种字体都有它独特的气质和用途,线也不例外。线在平面设计作品中起着重要的作用。线可以分割画面空间、表现物象的形体轮廓与内部结构。那么看看线有什么主要作用需要我们重视的。

①信息划分

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

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第10张图片

②强调突出

强调突出是线的功能之一,像下划线一样强调某些信息。甚至可以使用封闭型的边框线,强化信息与版面形成对比,从而突显更重要的信息。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第11张图片

③引导视线

线的作用除了区分突出的作用,还可通过线将信息互相连接起来,作为视觉引导,从而形成正常的阅读顺序。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第12张图片

④信息组织

运用线或框将关联的信息组织与群组起来,让复杂的元素有秩序感。同时具有强调作用,也可以沿着信息区域来形成一个区域,为版面带来设计感和形式感。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第13张图片

⑤提升层次

线具有提升层次感的作用,特别在没有其他素材的情况下,根据版面添加不同形态的线或框,可以丰富版面、提升版式的技法。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第14张图片

⑥增加质感

线具有装饰感,适当的点缀能提升整个画面的质感。即使添加细细的长线或短线,也会带来版面的精致度。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第15张图片

04实操演示

线有很强的暗示功能

能发挥不同的视觉效果

我们知道线具有形态、位置、长度、粗细等变化,它可以是无形的留白,也可以是点与面的界定。但是在使用线时,不能忽略各元素之间的联系,还要根据具体内容来划分出信息的主次关系或呼应关系,使版面具有良好的视觉统一感,提高视觉传达力度。

①当版面缺乏空间感时

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第16张图片
学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第17张图片

②当版面素材及信息不足时

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第18张图片

选择的字体与产品的气质不符合,标题部分行距过于紧密;整体看上去整齐简洁,但是这样的编排方式过于呆板;信息间的层级变化不够明显,整个画面体现不出重点的内容。

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第19张图片

标题使用Georgia字体,内文使用PT Serif Caption字体,调整好文字间的行距;添加红色色块和线框,线框与右侧图叠压一起,提升版面的丰富度和活跃感。

③当文字形成线时

学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第20张图片
学会版式的N个Tips:线要怎样用,才能让你的设计更加分_第21张图片

05总结

线并不是随便使用

而是需要了解它

在使用线的时候,需要了解线的不同功能和性质特点。也不能忽略各元素之间的联系,需要根据具体信息内容来通过线划分出主次和呼应关系,使版面具有良好的视觉统一感,提高重要信息内容的视觉传达力度。

TIPS:

①在平面设计中线是有长短粗细,方向形态的变化;

②线有直线/曲线/虚线/折线/斜线/垂直线等,不同形态的线具有不同的特性;

③线的长短粗细,需要根据信息内容来选择;

④线主要作用:信息划分/强调突出/引导视线/信息组织/

提升层次/增加精致感;

⑥在同一个版面中,线的形态不能出现太多种类,需要确保整体的视觉统一。

给墨魂一个关注+评论吧!

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

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

先关注“墨魂” 然后私信回复“学习”即可

你可能感兴趣的:(学会版式的N个Tips:线要怎样用,才能让你的设计更加分)