给我一个线框,还你一份优质的PPT!
![](https://img.haomeiwen.com/i5369363/1799b6234b45e61c.png)
上一篇跟大家分享了关于线条的使用方法。
在整理案例的时候,又发现一个非常不错的元素,那就是线框。
但是大家或许在使用线框的时候,却没有运用得当。
![](https://img.haomeiwen.com/i5369363/477111afeba81200.png)
从上面的案例可以看出,页面中的线框对内容没有区分好。
那该怎么用呢?
接下来看一下,线框具体的使用方法。
1、提升页面内容少的设计感
当页面比较少时,通常情况下会使用形状、图标等之类的元素设计。
比如,这种页面的内容非常少,只能简单的提升一下设计感。
![](https://img.haomeiwen.com/i5369363/43dd2bd58cd1f61c.png)
如果,使用线框元素,既能表达数据之间的对比关系。
又能让页面变得更加有设计感,看一下。
![](https://img.haomeiwen.com/i5369363/e930962293c122b5.png)
如果遇到多组且内容少的页面,也可以使用线框元素设计。
比如,这页华为招聘页面。
![](https://img.haomeiwen.com/i5369363/da5be1fab34b2fc1.png)
首先化繁为简,去除多余的装饰,让内容更加清晰的展现出来。
![](https://img.haomeiwen.com/i5369363/42b881ca2803d068.png)
接下来可以使用线框让页面变得更加丰富起来。
将内容使用线框嵌入进去,然后再改变线框的类型,如图所示。
![](https://img.haomeiwen.com/i5369363/d65208b84879ceec.png)
再举个例子,比如这种内容比较的总分关系页面。
![](https://img.haomeiwen.com/i5369363/e891bd2ca3585aae.png)
其实处理起来也很简单,可以改变一下线框的类型,比如使用圆形设计。
这种方法可以更好的将内容连接起来。
![](https://img.haomeiwen.com/i5369363/517968baa652a989.png)
除此之外,还可以借助这种上下形式的线框设计,将线框拆分,然后改变颜色,如图所示。
![](https://img.haomeiwen.com/i5369363/788d893edc3f691d.png)
2、规整复杂的页面内容
当遇到页面的内容比较且关系比较复杂时,可以借助线框规整,化杂为整。
![](https://img.haomeiwen.com/i5369363/6340ed292afa37df.png)
根据原有的内容,简单的对其调整一下,并用线框规整中间的内容。
![](https://img.haomeiwen.com/i5369363/5f09f0e315266fa7.png)
除此之外,还可以改变一下排版类型,让内容更加的清晰直观。
![](https://img.haomeiwen.com/i5369363/97b28ded486fbd28.png)
在给大家推荐个技巧,此时页面仍然缺乏对比感,可以借助形状作为背景装饰。
![](https://img.haomeiwen.com/i5369363/3080ad0a5d5aca3d.png)
再比如下面这种页面关系也算比较复杂,且显得也很乱。
![](https://img.haomeiwen.com/i5369363/ba906eb08d615fd5.png)
简单的使用线框即可搞定,根据内容关系,使用圆形线框对内容进行归类,然后再用箭头指示。
![](https://img.haomeiwen.com/i5369363/3070ef161667d766.png)
如果想让页面的版式更加稳一点,也可以使用灰色的形状作为背景装饰。
![](https://img.haomeiwen.com/i5369363/85fe44a8a426a5b6.png)
或者使用主题色背景装饰。
![](https://img.haomeiwen.com/i5369363/bd2f6dfc596adf16.png)
3、建立空间感
建立空间感,一般用在人物、产品介绍等页面中。
比如,对于个人介绍类封面,使用线框设计是最好的元素。
![](https://img.haomeiwen.com/i5369363/0a8691093288194c.png)
![](https://img.haomeiwen.com/i5369363/8c3dd43920f0fead.png)
再比如,这种样机产品类型的页面也可以借助线框装饰设计。
不仅能规整页面内容还能突出产品图。
![](https://img.haomeiwen.com/i5369363/a1cdcee2fc306cfc.png)
除此之外,像这种之前分享过的介绍产品透明图片,也是使用线框设计。
![](https://img.haomeiwen.com/i5369363/88b88b6a8977e0f0.png)
![](https://img.haomeiwen.com/i5369363/d6b82f2ef086a460.png)
![](https://img.haomeiwen.com/i5369363/0f557d9e77252aa5.png)
4、表达逻辑关系
线框的最后一个使用方法,可以表达内容的逻辑关系。
就拿这张PPT页面为例。
![](https://img.haomeiwen.com/i5369363/782ce21c51609f70.png)
首先将无关内容去除,使用线框简单的进行装饰。
![](https://img.haomeiwen.com/i5369363/672d480340394ec8.png)
这时将图片去除,然后调整页面内容和版式,如图所示。
![](https://img.haomeiwen.com/i5369363/873f59e2cfd63be8.png)
除此之外,还可以使用这种圆形对三者之间的关系进行表达。
![](https://img.haomeiwen.com/i5369363/3638c66f148ce2cc.png)
再比如,还可以使用这种方形线框对内容设计,让内容关系更加清晰。
![](https://img.haomeiwen.com/i5369363/634f4b2f42363b77.png)
最后,像这种类型的页面也是使用线框设计,两者之间的对比也更加清晰。
![](https://img.haomeiwen.com/i5369363/b6f42d494dc9df99.png)
好了,关于本次主题就分享这么多,希望对你有帮助。
下期见!
PS:
如果你想获取更多创意图表,到www.koppt.cn网站下载安装即可使用。
![](https://img.haomeiwen.com/i5369363/642bdb5d7b95b624.png)
最后KOPPT的插件正式上线,期待您的下载体验。
关于插件的下载,关注微信公众号:PPT达人秀,点击:“插件下载”。
![](https://img.haomeiwen.com/i5369363/05c98e274963e291.png)
KOPPT插件正式发布,登录KOPPT网站开通VIP,免费使用插件的所有功能!
![](https://img.haomeiwen.com/i5369363/1e1312f28af5fc76.png)
安装KOPPT插件,即可一键导入素材,自动变色。
![](https://img.haomeiwen.com/i5369363/815e8716947a03a7.gif)