今天和大家分享一個事情 PPT 頁面設計很常見,但又經常被我們忽略的設計元素:線條。
如果大家現在在電腦前,可以打開任意一份 PPT ,我們仔細觀察一下,數一數這一份 PPT 裡面,有多少頁面使用了線條設計?
相信到最後,你會發現線條無處不在。
讓我們一起來看看幾個栗子:
這個頁面,使用了黑色粗線框,很搶眼,頁面很有設計感。
除了方形,圓形也是很常用的。
還有我們熟悉的三角形,案例中間做了一個「截斷」的效果,匹配上文字,不連續的線框讓頁面更有設計感。
還有這種開放式的線框效果,一個「消失」一半的線框,畫面也十分好看對不對!想象一下,如果沒有了線框,效果就大打折扣了!
看完這幾個栗子,大家應該都可以感受到線條的魅力了吧,繼續往下看,一起來了解到底線條有什麼作用?PPT 裡面怎麼才能用好線條!
小線條大作用
⭐區分一頁 PPT 中有很多信息内容,線條可以用來給内容做分層,讓讀者獲取信息更方便。
内容分層怎麼做呢,主要是以下三種情況。
❶ 區分标題與說明信息PPT 封面頁中少不了标題、副标題、補充說明信息等内容,我們可以借助直線,讓内容在視覺效果上有區分。
如果沒有,會怎樣呢?
看下案例圖片,是不是感覺不對勁?「秋葉 PPT」的位置略略有點尴尬。
❷ 區分标題與正文
當線條應用在 PPT 内容頁面中,可以區分标題和文本内容。
比如改造前的這一頁 PPT,沒有線條,隻有一堆文字。
當我們添加了線條,标題與文本有了明顯的區分,讀者的視覺體驗更舒适了。
還有這個頁面中,線條不但區分了不同層級之間的信息,還巧妙地處理了文本之間的過渡。
❸ 區分不同含義的内容
當 PPT 頁面中有并列的文本内容,更加需要線條的區分。
這個案例中,「點」、「線」、「面」的内容很多,如果隻是單純地擺放在一起,總體效果就是:字太多,讓人根本不想看下去。
有了線條加持的頁面,前後對比一下,内容呈現是不是更加清晰了呢?
⭐聚焦
我們來看下這個案例,人物介紹圖片和文本的内容分散, 頁面的空白處太多,看起來有點散亂。
我們試一下用線框把文本内容「框」住,讀者的視覺瞬間就能聚焦在人物介紹上
除了線框,簡單的線條也可以将讀者的視覺牢牢地聚焦在文本上。所以線條的使用沒有标準答案,靈活地根據内容和版面的情況調整即可。
⭐引導
線條還有一個非常重要的作用,能引導讀者的視覺上的起落點,從哪裡開始,到哪裡結束,給安排得明明白白的,我們來看一個案例。
一般看到路線圖,大家都習慣地跟着頁面上的起始點,順着線條的方向閱讀,這就是線條的引導力。
當線條發生變化,路線圖拐了彎,大家也會自然而然地跟着「走」。
所以當我們想要在 PPT 頁面上做視覺引導,可以善用線條哦。
⭐注解
這個技巧通常應用在産品介紹中,可以在需要解釋的部分,拉出線條,然後補充文字說明。
比如這款跑鞋的功能介紹,就很好地應用了線條注解這個功能,通過線條把注解位置和描述文字連接起來,方便大家了解這款跑鞋的特點。
⭐裝飾
線條還能有什麼壞心眼呢?它隻是一個平平無奇的「裝飾高手」。
這個 PPT 頁面中,線條對内容沒有什麼實質的影響,但是對畫面的設計來說,就是畫龍點睛的一筆。
當頁面内容較少的時候,加入一些線條修飾,會有不一樣的驚喜。
還有在手機的應用程序中,Banner 的海報也經常使用線條的元素,比如網易雲課堂的這份物料海報,就是用漸變的線條來修飾畫面。
如何優雅地使用線條?
既然線條作用那麼大,我們怎麼設計,放頁面哪裡,怎樣用起來呢?
接下來通過三個案例,手把手教學,一起 get 線條的使用技巧!
⭐案例一
一眼看去,除了線框還是線框,這是線框的無效使用效果,完全無法突出文字部分的内容。
解決辦法很簡單,按照這兩步操作就夠了:
❶ 首先拿一個色塊疊加在線框上,然後選中色塊,右鍵單擊選擇【設置形狀格式】——選擇【幻燈片背景填充】;
❷ 這樣線框就有一種被截斷的效果,再把文字擺放好,這改造效果真的非常棒!
⭐案例二
首先來品一品這一頁 PPT,頁面内容有「THE END」、「膠卷時代」,想要傳達的内容就是膠卷時代的結束,頁面的設計比較簡單,簡單的文字加上圖片。
如何借助線框來升級呢?看我的:
用一個線框「困住」膠卷,傳達出膠卷被困,無法跟上時代的步伐,發展止步于此,無疑能很好地傳達出「固步自封」的信息。
具體怎麼操作呢?
❶ 首先把這頁 PPT 的背景填充為圖片,接着把文字和線框的位置擺放好;
❷ 然後再插入幾個小色塊,遮住膠卷被線框擋住的部位,最後設置色塊填充色為【幻燈片背景填充】就可以了!
⭐案例三
來看第三個案例,簡單的文字加背景圖片,看起來普通極了,毫無特色,對吧!
但是隻要稍加修改修改,立馬可以變得高端大氣上檔次了呢!
其中的奧妙就是由線條組成的三角形!怎麼做呢?
❶ 首先插入兩個漸變色三角形線框——調整線框大小,一大一小和一前一後,還有線條透明度、粗細;
❷ 借助【iSlide】的【補間動畫】,設置好參數點擊【确定】就 ok 啦;
設置完畢,三角形立刻營造出了一種立體的感覺,配合文字,畫面的設計感上升了一丢丢,但是由于線條與文字都呈水平狀态,整個頁面看上去還是有些呆闆。
這時候我們可以稍微的變一下,旋轉、跳躍……活力來了!
❸ 全選線框——右鍵單擊選擇【設置形狀格式】——在【效果】-【三維旋轉】中選擇【離軸 1:右】:
最後把線框放進 PPT 頁面,現在的 PPT 是不是比原本的單純文字加背景圖片高級多了?
看完所有的内容,大家是不是被「線條」的魅力折服了呢,一起來回顧一下小線條的大作用:
❶ 區分:可以區分标題與說明信息;區分标題與正文内容;區分不同含義的内容。
❷ 聚焦:讓 PPT 内容聚合起來。
❸ 引導:引導讀者視線。
❹ 注解:解釋部分區域内容。
❺ 裝飾:提升 PPT 頁面設計感。
線條就是這麼神奇好用,大家快點練起來,讓「線條」在你的 PPT 中釋放魅力吧!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!