最近在設(shè)計(jì)PPT的時(shí)候發(fā)現(xiàn)線框這個(gè)元素很好。

簡(jiǎn)直適合老少皆宜。不管用在哪里，心情都很好。例如，可以用來(lái)整理內(nèi)容，區(qū)分排版，引導(dǎo)視角。

但是，大多數(shù)人使用線框時(shí)顯示的效果并不是很美。請(qǐng)看一下。(大衛(wèi)亞設(shè))。

對(duì)于精美的線框頁(yè)面，不僅簡(jiǎn)單直觀，頁(yè)面也很整潔。

例如，處理這四段內(nèi)容。

另一個(gè)例子是，這個(gè)圓形線框的層次感顯示了兩套不同的主題內(nèi)容。

如果是，使用線框通常有三種常見類型：圓形、矩形和組合線框。

怎么用它，先看看案例。

這個(gè)圓角矩形線框的使用內(nèi)容處理得很好，但不是很漂亮。

為了好看和反映兩者之間的關(guān)系。

很簡(jiǎn)單。以圓形線框兩側(cè)顯示，可以起到引導(dǎo)內(nèi)容的作用。(大衛(wèi)亞設(shè))。

另一個(gè)例子是，在這種情況下，典型的垂直排版，以及內(nèi)容有些不同的情況下，即不規(guī)則。

這時(shí)可以用線框整理，頁(yè)面內(nèi)容整潔直觀。

另一個(gè)示例是調(diào)整線框類型，將頂部視為圓角效果。

d01c2da1488680ca3e9fd5105e07?from=article.detail&_iz=31825&index=10" width="640" height="361"/>

好了，對(duì)于線框的具體用法，下面分享5個(gè)常見用法，看一下。

1、分隔排版

對(duì)于內(nèi)容的分隔排版，這個(gè)應(yīng)該比較常見，比如對(duì)于并列內(nèi)容的處理。

這組內(nèi)容，使用分隔排版處理，好處是可以讓內(nèi)容更加規(guī)整，分隔主題。

比如，這里使用矩形線框進(jìn)行橫向排版。

如果感覺這種矩形線框太單一，可以將其切割成這種弧形線框。

最后，底部的邊緣比較死板，再次調(diào)整為漸變效果，同時(shí)加一個(gè)小形狀。

除此之外，這種類型的內(nèi)容還要很多，都可以使用線框分隔排版。

比如，這種兩組內(nèi)容，進(jìn)行上下分隔排版。

還要這種三段內(nèi)容，將線框疊加分隔排版。

如果想要視覺效果好一點(diǎn)，可以將兩邊形狀調(diào)整為透視效果。

2、引導(dǎo)內(nèi)容

利用線框引導(dǎo)內(nèi)容，可以讓內(nèi)容順次關(guān)系更加清晰。

接下來(lái)，看一個(gè)典型案例，可以將其當(dāng)做遞進(jìn)關(guān)系展示，顯然處理的效果不是太好。

這里就用圓角矩形線框優(yōu)化一下，看一下。

構(gòu)思好排版之后，接下來(lái)將內(nèi)容逐一放在里面。

最后再補(bǔ)充一下其他標(biāo)題，用線框處理，看起來(lái)是不是直觀了很多。

再比如，下面這組內(nèi)容，前中后三個(gè)順序關(guān)系。

同理，這里使用弧形線框展示，利用箭頭做一個(gè)順序關(guān)系。

最后，再用線框裝飾一下。

再或者，還可以做出這種組合型線框展示，三者關(guān)系的表達(dá)也很直觀。

除此之外，還可以利用圓形線框布局排版內(nèi)容，比如這種內(nèi)容少的頁(yè)面。

3、規(guī)整內(nèi)容

利用線框規(guī)整內(nèi)容，這是一個(gè)非常不錯(cuò)的方法，特別適合不規(guī)整內(nèi)容。

比如，下面這頁(yè)P(yáng)PT，典型的不規(guī)整頁(yè)面，頁(yè)面內(nèi)容或多或少。

接下來(lái)，即可利用線框規(guī)整區(qū)分，比如用這種版式。

其次，將內(nèi)容排版進(jìn)去，頁(yè)面是不是規(guī)整很多。

但是美觀度不夠，做個(gè)頂角來(lái)湊，打破單一視覺感。

這種頂角很好做，兩個(gè)線框結(jié)合工具即可實(shí)現(xiàn)。

除此之外，這里還有一組內(nèi)容，這種許可證書，用畫框統(tǒng)一規(guī)整。

最后再擠一擠，把內(nèi)容和證書排在一起。

最后，在一個(gè)形狀疊加效果，增加背景的分量感。

再比如，對(duì)于這種內(nèi)容比較少的頁(yè)面，也可以借助線框規(guī)整一下。

這里使用基礎(chǔ)圓形線框，將內(nèi)容很好地規(guī)整并區(qū)分開。

如果感覺線框比較單一，可以使用一些小元素再次裝飾。

4、聚焦內(nèi)容

聚焦內(nèi)容，這個(gè)應(yīng)該比較容易理解，利用線框把核心內(nèi)容圈出來(lái)。

比如這頁(yè)封面頁(yè)，如果單純的將標(biāo)題放在頁(yè)面中，顯得很空。

此時(shí)，如果用矩形線框規(guī)整一下，標(biāo)題是不是聚焦很多。

除此之外，還可以用這種豎型線框展示。

再舉個(gè)例子，比如這頁(yè)內(nèi)容，核心標(biāo)題是解決方案。

同理，還是用這個(gè)排版布局，中心部分用圓形線框圈出來(lái)，是不是聚焦很多。

最后，再豐富一下背景和細(xì)節(jié)。

除此之外，還有這種一段時(shí)間的內(nèi)容。

如果這樣展示，頁(yè)面就顯得很空。

此時(shí)，一個(gè)線框即可搞定，同時(shí)內(nèi)容也比較突出。

最后，還可以用組合線框優(yōu)化一下。

5、穿插人物或產(chǎn)品

這個(gè)方法想必大家應(yīng)該比較多用，比如之前人物介紹的案例。

用這種組合線框展示，很好地將人物突出出來(lái)。

再比如，還有這種粗三角線框，打造立體效果。

除此之外，對(duì)于這種中心排版，人物也用線框突出。

還有這種時(shí)間軸排版，將建筑用圓形線框展示出來(lái)。

最后，還有這種無(wú)人機(jī)產(chǎn)品，也是借助線框優(yōu)化，可以說(shuō)線框好處很多。

以上圖片案例素材均來(lái)源于網(wǎng)絡(luò)分享，侵刪

關(guān)于本次的主題內(nèi)容，就分享這么多，希望對(duì)你有幫助。

下期見！