
线条除了区分作用和聚焦作用外(在昨天的文章中讲解过),还有哪些妙用呢?今天继续给大家分享。
01
引导作用
◆ ◆ ◆
如果你看过一些优秀的幻灯片作品,你是否留意过,在文案的旁边经常会有一根粗粗的线条竖在哪里?
就像下图这样,那它的意义何在呢?单纯只是为了好看吗?
事实上,一个页面存在的一些粗线条会特别显眼,人们的注意力很容易转移到那个区域当中,因此达到引导视线的效果。
当然,这个功能还有很多其他的应用场景。比如说我们常见的路线图。
我们的视线会从起点沿着直线进行移动,不信的话,我们来做一组有趣的小实验:


同样的摆放位置,但是线条的路线变化了,我们视线移动的方向也就会发生相应的改变。所以进行视觉引导的时候,可以适当利用线条。
02
注解作用
◆ ◆ ◆
就像我们在书本上给某个词画一个圈圈,然后拉一条线出来,在旁边记补充的内容,原理是一样的。
比如,要介绍一款跑鞋不同位置所应用的技术:

或者是需要在地图的某一区域进行详细解释:

03
装饰作用
◆ ◆ ◆
有时候,线条在页面中只是起到一个装饰、点缀的作用。
当页面元素过少时,适当添加几根细线条,可能会有很多意想不到的效果。比如对比这两张:
所以,线条使用得恰到好处,能够支撑起整个页面,起到补充页面的作用。
最后,顺便跟大家说一个学习线条的方法,那就是留心网页上的设计。
在逛淘宝,网易云课堂等网站时,经常可以看到一些运用线条设计的页面,可以有意识的将一些优秀的页面截图保存下来,反复模仿使用,慢慢就会积累很多使用线条的套路。
比如这个截自网易云课堂的案例:
截自虾米音乐的案例:
好啦,一起来回顾一下今天的学习,线条在 PPT 设计中的作用有这几种:
感觉到 PPT 简单外表下丰富的内涵了吗?
网友评论