# 16.3  线条的作用

## **线条的装饰**

在如今，很多人在使用形状的时候关注的往往是一些色块与色块的搭配，醉心于色块扁平化的设计，渐变填充等等，但鲜有人去关注，除了色块外，还有一个很好用的形状——线条，它虽然看起来似乎不是那么的起眼，但它确实有着强大的力量，只是需要我们去开发。

光顾着色块的装饰的时候，我们往往会忽略掉细节的修饰问题，即是拿着别人一些精美的模板，但它也不是能够套上每一个情况，即是套上了，你也不得不承认的是，模板细节处总有些不会让你满意，这时候你不妨试试线条，让线条去帮助你解决这些问题。

线条是具有极好的修饰作用的，对于细节的修饰和思维的领导都是具有很强的能力的。

如图14-39所示，线条修饰了一段空白区，丰富整体版面，让版面看起来更有设计感，而不是硬邦邦的几个色块叠加在了一起了。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzevzByaezfgEv2Dn%2Fimage042.jpg?generation=1565951712087495\&alt=media)

图14-39

图14-39这个版面是由色块构成，主体色为蓝色和灰色两种颜色，灰色属于无彩色，在同时使用无彩色和有彩色时，有彩色会显得更加醒目，它是被作为一种视觉的焦点，显然这里的蓝色就是整个版面上视觉的焦点所在。

对照着图14-39会发现，在灰色区域还有一组波浪线条，这组波浪线条所处的位置是非常重要的，波浪线条的存在让灰色区域不会显得非常空，整体会显得非常和谐；波浪曲线是作为联系上下两个色块的枢纽，让两个色块既有强烈的对比，但互相有着一点联系，这就是相互协调一致，而这也正是版面中线条的作用。

如何绘制出这样的曲线呢？在PPT可以直接将它们画出来，使用“形状”中的“曲线”。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzew07qDAAlqwtulq%2Fimage043.jpg?generation=1565951711901681\&alt=media)

图14-40

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzew2eeIjahrey7MB%2Fimage044.jpg?generation=1565951819575679\&alt=media)

图14-41

图14-41中用黑色标出来的位置即为曲线的顶点，在使用曲线时，沿着相应的轨迹进行单击，为曲线确认顶点。如若在绘制时感觉PPT界面太小，可使用Ctrl+鼠标滚轴对PPT编辑区进行放大/缩小。

曲线绘制完毕后，需要对曲线的参数进行改变，选中曲线，单击鼠标右键，选择“设置形状格式”，在形状格式窗格中改变曲线的轮廓颜色，设置为白色，设置透明度为70%。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzew5DpylxJPOhB5k%2Fimage045.png?generation=1565951726418827\&alt=media)

图14-42

若是一条一条都需要自己亲自动手去画，显然是非常浪费时间的，所以我们选择使用复制，选中曲线，按住Ctrl+D键进行复制，调整复制线的位置，与源曲线保持合适的间距，使用鼠标进行调整，使用键盘方向键进行微调。然后多次按Ctrl+D，复制出多条按相同间隔排列的曲线。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzew7FGbc_ro-_jNf%2Fimage046.jpg?generation=1565951724540769\&alt=media)

图14-42

绘制完成后，将所有的曲线进行组合，然后就可以统一的调整大小和方向了，不一定需要方方正正，可以适当的倾斜一点。

版面其他的设置都是运用到了以前的知识点，灰色和蓝色的色块使用了渐变填充，为了让整个版面更富于美感和层次感。

蓝色色块设置有三个光圈，如图14-43所示，从左至右依次是“深蓝，亮度-50%”、“浅蓝，亮度60%”、“蓝色，亮度0”。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzew9OlUEI_dSVL9t%2Fimage047.jpg?generation=1565951719256286\&alt=media)

图14-43

灰色色块有着三个色块，亮度设置从左到右依次是“-35%，-10%，-25%”。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewFe0wN7oWifCRG%2Fimage048.jpg?generation=1565951832023447\&alt=media)

图14-44

蓝色色块上图片的处理就是运用到了我们前面讲到过的“柔化边缘”，设置为“50磅”。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewHkhInOFRpsAEq%2Fimage049.jpg?generation=1565951832681242\&alt=media)

图14-45

## **悬线的设计**

什么是悬线？悬线就好似有着一道线，将标题主题放在线上，线下则是内容解释，这就和晾衣服是一样的道理，利用了一根线，但是这根线却是非常有用。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewJYUOiLOwIUylo%2Fimage050.jpg?generation=1565951837537347\&alt=media)

图14-46

人们的视觉习惯就是从上到下，从左到右，而悬线正好符合这样的视觉习惯，上面内容少，但是具有很强的概括性，下面则经由一条线的引导，引导到了更多的内容，但中间有着一个很好缓冲，这样能让观众看起来更为舒适。

如图14-47所示，图中元素就采用悬线设计的方法，整个版面看起来还是非常的舒服的，简单的一动手，设计感就会显现出来，当然这只是一种理念，而且设计并不是那么简单，它只是帮助你更接近设计，体会设计的乐趣。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewLAZ5-eKFC0g_c%2Fimage051.png?generation=1565951725800050\&alt=media)

图14-47

这是一个简单易学的设计思路，它与传统的设计时不同的，结构虽然简单，但是这也正是它的优点，这使得整体的版面非常清晰，观众一目了然，首先，分析版面的整体结构。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewND3uLlsesVJQp%2Fimage052.jpg?generation=1565951725533862\&alt=media)

图14-48

大体上，我们可以将版面分为四个部分，悬线恰好在我们版面高度的3/4处，中间两个部分是视觉的自然聚焦点，而在版面的内容摆放上也大体的遵守这样的设计，将绝大多数的的内容放在了悬线。

标题和图片的位置也是一个细节之处，可以看到，图片的左边和标题文字是处于同一条线上的，这是对齐，而且你会发现，不止是这一张图片是如此，每一张图片标题和图片都是对齐的，标题和图片的位置也都在同一位置。

还有一个很容易被忽视了的细节，那就是文字和图片的距离，这个对于每张幻灯片来说有着各自的距离，调整版式的距离是需要根据段落的间距，从而来判断图片与文本的间距的，大体上，文本与图片间的间距和段落间的间距是大致一样的，保持统一，在设置段落间距需要注意的是，不要让段落的高度超过了图片，这样的设置会显得版面设计非常的low，不符合常理，一点都不美观，影响版式的布局，所以不要这样的去进行设计。

如果你认为设计成这个样子就完了，说明你没有认真的去看图，认真仔细的去观察图中版式，重点是悬线，观察时肯定会发现的是，悬线并不相同，不同的是颜色，它是根据版式的整体颜色而变化的，这也就造成了悬线颜色的不同，那么幻灯片中每一页的幻灯片的颜色因何不同，有着什么样的变化标准呢？还是以前有提到的，既然不知配色，那么有着一个很好的偷懒方法，直接从图片取颜色，PPT中有着这么好的一个“取色器”功能，拿到一张图片，可以直接将图片中的主题颜色给提取出来，作为幻灯片的背景颜色，这样既省事，同时也会显得非常专业。悬线的颜色也是根据背景颜色的，悬线颜色就是背景色，只不过降低了颜色的亮度。

调节颜色的亮度。选中图形后，在“绘图工具/格式”选项卡中，单击“形状轮廓”，选择“其他轮廓颜色”。

如图图14-49所示，在①处可以调节颜色的亮度，向上拉动指针就是将颜色调浅，向下则是将颜色调暗，在②处可以看到调节的颜色和初始颜色的对比，以供使用者进行选择。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewP3RTbzHjPuYlJ%2Fimage053.jpg?generation=1565951721703003\&alt=media)

图14-49

若确定需要这样的设计，又觉得每次去调整位置非常的麻烦，这个时候为了高效完成设计，我们可以使用母版，用母版来帮助我们定义好需要的版式。

首先，我们输入需要的文本内容，直接在占位符中输入。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewRA-agvZEHT3D_%2Fimage054.jpg?generation=1565951836861562\&alt=media)

图14-50

在“视图”选项卡中选择进入“幻灯片母版”，在母版视图中找到幻灯片使用的版式，对版式进行修改，在视图中勾选上“参考线”，将参考线调出来，用于固定悬线、图片和标题的位置。为标题设置好字体和字号，图片都是放在版式左边的，那么我们就可以提前将文本内容拖拽至右边合适位置，为内容设置一个合适的间距，一般的我们设置为1.2。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewTXtRtCAKkR0d0%2Fimage055.jpg?generation=1565951837040178\&alt=media)

图14-51

退出母版视图，为版式插入一张图片，根据实际情况，调整各个内容的距离，如图14-52所示。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewVfqpVthEV9aZ7%2Fimage056.jpg?generation=1565951833371335\&alt=media)

图14-52

接下来就是设置背景色，在编辑区的空白处单击右键，选择“设置背景格式”，如图14-53所示，在设置背景格式窗格中，选择“纯色填充”。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewX7rs4cD0XP0vR%2Fimage057.jpg?generation=1565951722588284\&alt=media)

图14-53

单击“取色器”，吸取图片中第一个人衣服上的颜色，鼠标单击衣服即可实现颜色的吸取。背景颜色已经确定好后，在“形状”中选择“直线”，沿着设置的参考线绘制出一条直线，按住Shift水平画直线。选中直线，在“绘图工具/格式”选项卡中的“形状轮廓”中更改直线的粗细和颜色，颜色的更改就是设置成背景色，然后更改颜色亮度，将颜色调浅。将直线的粗细改为“2.25磅”。

由于背景色的更换，则应该考虑字体颜色是否适合于当前背景色，若是深色背景则最好不用黑色字体，可以使用白色字体；浅色背景下，则可以使用黑色字体，白色字体则不是很适合。由于当前我们吸取的衣服颜色为灰色，属于深色背景，所以把字体颜色更改为“白色”。这样就将一个版式设计好了，如图14-54所示。

![img](https://4074299860-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmOuZ_LehzH4FSqWoAt%2F-LmOzVHRRJ9AsygIi9bg%2F-LmOzewZCxCQrVTEl7oJ%2Fimage058.jpg?generation=1565951728922272\&alt=media)

图14-54
