【线】的10种设计表现形式，纯干货！

这是鱼先生的第33篇设计教程

距小目标还有：67篇

hi，我是鱼先生，专注平面视觉设计方向。

前面我们讲了点的8种实战表现形式，今天来继续聊聊点线面中的线，前言不多说，直接开始干货吧。

线的七情六欲，你都懂了吗？

视觉冲击力和设计感，一直是我们在平面设计中所追求的，而点、线、面就是我们经常所用到的设计三元素，线在我们生活中最为常见，你现在转头看看周边就可以看到无数的线元素。

针对线的基础形式大家自行网络搜索就有很多，今天的重点就是跟着鱼先生来聊聊线的实际实战作用，我想这才是我们作为商业设计师必备的知识要点。

先来聊聊不同的线会给我们带来什么样的感受和思考呢？

▲ 一条线会因为不同的角度，从而让人产生不同的思考，水平放，看起来具备平衡感，给人以靠谱、稳定的感觉，右高左低，像上坡，感觉遇到了困难，左高右低，感觉下坡，垂直放，就感觉是一个间隔，比如像一堵墙，堵住了你的去路。

我们稍微改变一下这个图片，加点趣味性，再看一下：

上图，从上到下我加了一点小的元素，第一个是两个小孩玩跷跷板，第二个是人生成长期，很累但记得要坚持，第三个低谷期，以后你一定会感谢你人生过去的每一个低谷，第四个，大家都玩过的游戏，磁铁隔物吸，相比于第一张图是不是更加生动了些呢？

但有一点，当你的元素越直接，那么想象力肯定会趋近于单一，为什么会有这样的感触呢？

首先，人们会因为固有的知识形态而产生直接联想，意思就是当你看到一件事物的时候，如果这个东西你比较熟悉，那么自然有记忆，然后也会加以联想，比如第一张元素不多，就是线条，想象空间会更大一些，第二张图片，我添加了具体的元素之后，你的想象力就会被局限在我添加的元素之上，这也体现了我们作为设计师的重要作用。

在设计工作中，图片和文字都会有这样的效果，比如“把1000首歌装进口袋”，这句广告语大家再熟悉不过了，是乔布斯发布第一代ipod的广告语，非常的具备想象力，在20多年前，任何人都会吃惊或者好奇如何把1000首歌放进口袋，当观众们惊奇、好奇的时候，这个时候从口袋掏出ipod，那就起到了非常好的发布效果。

同样的，图片视觉也具备这样的效果，比如当我们看到下面这张图片，你会怎么样？答案不言而喻，你感觉酸到流口水了，对吗？

鱼先生说：视觉达到感官刺激，从而引发消费者产生不同的状态、心理，甚至是消费欲望，而我们作为设计师，就是要学会利用看不见的信息和思维，再利用一些设计手法和设计元素，把想法和文案变为视觉呈现，然后更好的表现出商业设计所需要的作用。

比如现在我们看到的横线，上面已经分析过了，接下来我们就直接看一些应用案例：

我们看到上面找了几张案例，里面都运用到了横线，比如第二张设计图，下面加了一条横线之后，会显得整个画面平衡、稳重，如果没有那两条线，会觉得这个人是没有重心的，要滑到的感觉，你自己可以在PS里面尝试去掉两条线看一下效果。

再看第一张正方形边缘本身就是线的切割，所以有一种简单、稳当的感觉；第三张是线构成的书架，横竖线交叉所以更平稳，总体来讲，横线给人的感觉就是平衡、稳重，如果这条横线有性格的话，那么他做事一定会果断且靠谱。

线条的倾斜，对比横线的平衡就更加的具备变化了，所以无论是左倾斜还是右倾斜，也会起到“破局”的作用。

比如上图第三张设计作品就很明显了，黑暗中的一束光，打破了黑暗，给足了希望，另外就是针对这样的斜线运用的时候，我们可以看到都会在基本对称的角度上添加文字或元素进行补充，这样的作用就是为了“抑制”，或者说填补了横线的平衡属性，利用文字或元素与倾斜角度的搭配，让整个画面看起来比较平衡，但同时这样的平衡又比横线的平衡多了太多的画面张力。

无论是左倾斜还是右倾斜，和我上面讲的道理都相同，所以这点我就不重复了。

这里重点讲一下第三张，这种是文字倾斜加短线，然后组成整体的斜线，同时还保持了文字的阅读性，右上角补充文案信息增加平衡性，给人一种自由的规则感，字符本身就是自由、凌乱的，所以这种设计画面一般来讲，如果设计把握不好，很容易适得其反，这里有个忠告就是，千万不要为了炫技而失去商业设计的本质需求，在达到功能性的基础上，尽可能的美观，这便是商业设计的美学价值。

竖线的感觉对比横线，少了一些稳重感，但多了一些倔强和反叛感，甚至还能让我感觉到，那种随时都要分道扬镳的感觉，哈哈。

竖线也很容易掌握画面的平衡性，而且具备很强的分割性，比如第二、三张设计作品，很明显可以看出分割带来的视觉感，如果把竖线看作是有生命力的人物，那么竖线的性格杀伤力肯定要大于横线，横线属于稳重、修行派，而竖线则属于有点疯狂的极端派，看下第一张作品，中间的负空间形成了一条隐藏的竖线，文字全部靠近这个竖线，整个版面对称构图，看上去比较稳定，但同时因为中间的线是负空间，从而也显得有些活泼性元素在里面。

这里要记住，同样的属性，每条线的运用或多或少都有，只不过是看那个要强那个要弱，这就好比两个人，一个人温柔，另一个人凶狠，但对于温柔的人来讲，你触犯他底线试一试？有一句话就是老实人发火，一般人承受不了，那么对于凶狠的人，同样也会有温柔的一面，这种理论对比于线的不同角度上，同样适用。 

“找不到”的线，大有作用

以上都是中规中矩的线的运用，那么线的运用有很多方面，要讲的话估计一万字都无法讲的完整，所以我们挑选一些实战性强的、常用的来给大家讲解一下。

比如还有一种常用的线元素，就是曲线：

曲线的运用比较综合，适应性很强，它就像是一个向往自由的孩子，随心所欲，而且非常的具备张力，它可以在需要打破僵局的时候破局而出。

比如我们看上图第二张设计作品，下面的一个人顺着一个曲线往上爬，就增加了这张画面的故事性、张力，再看第三张，首先我们知道在点线面中两点一线，点多成面，画面中把琴键弯曲变成了一个字母J，然后线条排列整齐，但通过弯曲的线整体看起来又具备韵律感。

回过来看下第一张，把文字进行混合设计，细看是文字，远看就是一条条文字组成的曲线，上面的文字是给你阅读的，而上面的文字作为符号图形的存在，是为了表达整张画面的张力，也可以说明让你不要限制，尽情自由的发挥创作吧。

那么类似这样的元素形成的线表现形式也有很多，比如下面案例：

▲ 第一张，各种元素组成一列，形成线，就像我们生活中的排队一样，也是一种线的表现，这种方式具备了引导性、跳跃性，人们会不自觉的跟着作品的元素排列进行视觉移动，接下来分别是拉链形成的线，马路形成的线，植物的脉络形成的线，大家都可以多观察一些，结合实际设计需求去应用。

再继续看些案例，加深理解：

▲ 看似无规则实际有规则的曲线表现形式，根据产品自身的属性去思考，比如前两张的雪碧海报，用线的形式去表现那种喝完之后很爽的感觉，仅仅通过简单的抽象线条表现出来了。

隐形但存在的线

当然，还有一种线我并没有提起，那就是“隐形但存在的线”，比如海平线、地平线、天际线等，我们分别看看几个案例掌握一下吧。

前两张是原研哉操刀的无印良品，比较出名，利用了地平线、海平线来设计，这种海报主要是传达品牌理念，如果你是刚开始的小品牌，根本没人知道你是谁的阶段，不建议这样去表现。

后面的两张，左边红色帷幕的是海平线，右边是地平线，通过天空与陆地之间的分割，会给人一种视野开阔的感觉，画面感很广，这样的表现重点就是整体透视比较广阔从而形成了大场景，所以看上去比较辽阔，视觉冲击力比较强。

前面我写过一篇教程《视觉冲击力有3宝，星空、爆炸、强透视》，而上面看到的几张就是具备了强透视的特性，特别是最后一张通过产品大小摆放而造成的强透视感觉，从而形成强烈的视觉冲击力。

线的张力和趣味性

这一点实际上在本篇文章中已经提到过了，不过觉得比较有趣，并且实用性也很强，所以单独再点一下，让大家记得更清楚一些。

上面的3张作品中，第1张和第2张思考点是一样的，都是通过一个物体对线进行了一定的触发之后产生的效果，第2张更明显，图中一个人在冲浪，通过线条的律动方向从而表现出了在海上的感觉，这种表现形式也经常被使用在我们的设计中。

最后一张通过线的排列和透视，增加了画面的视觉冲击力，线在这里就具备了张力和速度感。

线的错位表现

线的使用还有一种形式就是会形成错位感，如下图设计作品：

我们常用的一种错位表现方式就是线的分割，比如第二张就是利用横线的切割，然后人物的错位调整，让整个画面的视觉感看上去比较强烈，而第一张，就是利用折纸的效果，来做出错位的参差感，但是一定要注意，炫技的同时一定要注意文字的识别性。

我们继续来看上面第3张作品，海平面以上和以下形成一条分割线，上下之间产生一种视觉错位感，从上面去看是一座小岛，殊不知已经进入了危险之中，对吗？

如果是做海洋冒险海报的元素背景也是可以的，这种能够给人很大的想象空间，实际上就是通过海平面分割了上与下的一个错位感，但基于人的想象力，又会把这个熟悉的事物看作是一个整体，从而增加趣味性和视觉感。

再加上天空与海之间的冷暖色彩对比，让整个画面活跃起来了，海和天空本身就都属于大场景画面，你想到海和天空，都会想到无边无际，这就是它们的特性，即使我们不去想，它已经存在于我们的潜意识里，既表现了人们的自由追求，又表现了危险可能随时在你身边，这就是设计的魅力。

线的作用还有很多，比较简单熟知的，线的连接性、线的间隔性等，这些都比较简单，在设计中经常被使用，在这里就不作案例分析了。

引申：设计与万物的联系

那么以上针对线元素，鱼先生带着大家学习了很多的设计方法及思考，学习再多最后都是为了使用，以及通过学习打开大家的思维。

当你有了一定的感悟之后，也会清晰地发现，万物都可以成为我们的设计元素！

在设计中我们需要去了解人们想看到什么，也就是消费者需求，或者干脆就直接用猎奇的方式抓住消费者的注意力，就像一开头提到的“把1000首歌装进口袋”，那么如果换一句话：“能够下载1000首歌的Mp3”，那么我相信广告效益会大打折扣，所以别小看任何一种创意形式。

还是跟着鱼先生在一些案例中加深理解一下：

我们观察到上面几组案例，有公益作品，有商业作品，里面基本都用到了我们平面构成的基础知识，比如影构、分割构成、渐变构成、拟人形式等，希望大家可以多开拓思维，在这里鱼先生就不给大家多找案例了，大家自己平时要多看、多分析、多实践应用。

写在最后

我经常说，设计师要多去了解人与人之间的联系，人与万事万物之间的联系，这会给我们带来很多的灵感积累，同时我们也要把基础知识打牢固，因为我们很多的创意来源都是以基础知识为基本而产生的。

商业设计师需要遵循一些规则逻辑，并且在这些基础规则上，让商业设计具备更好的功能表达，最终产生更好的传播和商业价值。

当然了，对于线的应用并不是单一的，我在讲解的时候进行拆分是为了让大家更好地理解，大家在具体的使用中，要根据具体情况来应用。

正如设计的基础法则非常重要一样，你一定要去学习这些基础与规则，想要突破规则就先要了解规则，这也凸显了基础的重要性。

OK，今天的设计教程就到这里，下期见！

跟着鱼先生系统学习平面设计▼