來源:秋葉 PPT(PPT100),作者:曉陽。本文經作者權發佈。
經驗
心理
觀點
技能
PPT 設計中經常會用到線框這一元素,因為線框中間沒有顏色填充,中間的空白區域也很適合把 PPT 中的其他元素框在其中。
我們在之前的文章中給大傢介紹瞭利用線框提升 PPT 頁面設計感的四種方法(點擊這裡,溫故知新)。
而這一次我們將為大傢全面盤點一下 PPT 中線框都有哪些用法!
PPT 中線框的用法一般有以下五種:
劃分區域
對於不同類型的元素,如上圖中的文字與圖片,我們為其加上線框後可以得到很明顯的區域劃分效果。
除瞭不同類型的元素,同種元素所表達的不同內容我們也可以利用線框對其進行分組,讓相關的信息劃分在統一區域中。
聚焦視線
以下 PPT 頁面,整體留白過多,導致頁面空曠,雖然文字元素均以居中排列,但各行內容間距過於散亂,讓人無法第一眼就定位到重點內容。
在添加瞭對應的矩形線框後,主要內容被限制在一個線框中,我們的視線自然也就被限制在此區域內,而線框中添加的直線段也劃分瞭內容的主次。
鏈接元素
你能一眼看出文字信息都是對應的哪一張圖片麼?
圖中文字信息與圖片缺乏關聯,讓人無法一眼將圖片與文字聯系到一塊去,這樣就會造成人在認知上的混亂。
但當我們在文字與圖片間加上一個矩形線框,是不是很容易就知道哪一道菜對應的什麼菜名以及是什麼價格瞭呢?
雖然文字與圖片並不是整齊的排列,但是兩者間有瞭矩形框的存在,自然而然就能將圖片與文字聯系起來。這樣做不但不會令讀者產生錯誤的認知,反而增加瞭頁面的設計感。
輔助對齊
發佈會型 PPT 中經常會出現以下這種對產品性能參數堆加說明的畫面,這樣做有一個弊端,頁面中參數過多,而且不知道參數的歸屬,觀眾不知道該往哪裡看,就會給人一種很散亂不整齊的感覺。
這個時候如果我們為內容加上線框,佈局沒有改變,但是參數也有瞭明確的分組,有瞭線框頁面也變得非常整齊瞭。
這是因為規則的形狀輪廓可以在視覺上給我們整齊的感覺,這就是為什麼手機 App 圖標的外側需要包裹著一個圓角矩形,即便是手機界的異類錘子手機,在重制瞭那麼多個性圖標的情況下依舊保留瞭錘子桌面九宮格 / 十六宮格,為的就是整齊有秩序。
修飾頁面
(提升設計感、空間感、平衡頁面)
❶ 提升設計感
如果頁面上元素單一或者留白過多,不妨試試插入幾個幾何線框對頁面進行修飾點綴從而提升整體頁面的設計感。
❷ 提升頁面空間感
作為修飾的一種手段,我們還可以讓線框與圖片結合,營造出一種打破線框束縛,突破限制的立體效果,就像下面的兩張海報一樣,線框的一部分將線擋住,而事物的主體在線框中,通過前後位置變化,從而凸顯出一種立體空間感。
這種立體空間感的海報還常見於人物介紹海報中:
而我們在 PPT 中也是可以完成這一效果的:
秋葉 PPT 之前也出過這種空間立體感的海報制作教程,可以點擊《五步搞定,大咖級介紹海報!》
❸ 平衡頁面
頁面中元素的擺放不規律會導致重心失衡,這樣會造成整張 PPT 從視覺角度上出現不協調的情況,如下圖:
用色塊遮擋之後可以看到整張頁面左邊輕,右邊重,頁面的重心明顯是偏右的。而對左側文本添加瞭線框之後,整個頁面重心又被重新拉回到中心位置。整體頁面的視覺觀感也舒服瞭很多。
以上就是線框在 PPT 中常見的五種用法啦,讓我們簡單回顧一下:
❶ 劃分區域——不同類型元素分組 + 相關元素分組。
❷ 聚焦視線——一眼讓你看到重點。
❸ 鏈接元素——解決相關元素錯位排佈關聯度不夠的情況。
❹ 輔助對齊——規則的形狀輪廓可以在視覺上給我們整齊的感覺。
❺ 修飾頁面——提升頁面設計感、空間層次感,平衡頁面。
沒想到吧,小小的線框居然有如此多且重要的用法,不妨說一說你覺得哪一種用法最令你心動?