看多了國內的PPT版式,今天和大家開開眼,一起看下YouTube上高人氣的排版樣式, 學習整合國外技術,化身印度阿三,天天開掛~
1
層疊
顧名思義,讓觀眾產生多種層次的視覺誤差。
這個頁面的排版方式,看起來很有韻律,背景圖片如同被面紗層次遮住。
怎麼做呢?原理很簡單:給色塊添加純色填充,調整透明度。
相關參數
01. 第一個色塊,透明度:30%;02. 第二個色塊,透明度:60%;03. 第三個色塊,透明度:90%。做完之後,可以複製一頁幻燈片,選中複製的那一頁幻燈片,添加“平滑”(Office 365才有且需要訂閱,再問打死!)的幻燈片切換效果,再將第一頁裡的元素移出畫布,就會出現下圖的效果啦。
▲ 動圖
2
蒙版+色塊
蒙版和色塊的玩法真的很多。如果你現在還不知道蒙版是什麼,建議你百度一下。
1. 居中排版
YouTube上的原圖是這樣的:
不過,我做了一下調整,改成居中版式了:
這類排版方式算是比較基礎的。不過,要想做得好看,你需要在文字間距、行間距、文本框間距上下功夫(這就是臺上1分鐘,臺下十年功的苦差了 )。
頁面原理
01. 用放大字號、改變字體顏色的方式,突出重點信息;02. 副標題與主標題的距離略大於主標題高度的一半 ;03. 給主體信息添加矩形線框,再給頁面添加2個三角形修飾,使頁面有層次感。如果不給主體信息加上邊框和色塊修飾,會是什麼樣的呢?來對比一下:
▲ A版
▲ B版
所以,你喜歡哪一版呢?
2. 中心對稱排版
這類頁面,大概只能靠感覺了(女人有第6感,男人嘛...自己琢磨琢磨
)。
頁面原理
01. 給圖片添加黑色蒙版;02. 在黑色蒙版上添加一個平行四邊形,並填充對比度強的、合適的顏色(這裡是藍色漸變);03. 主要信息置於左下方,次要信息置於右上方;04. 為了彌補頁面中的空白區域,可以在右下角添加一個形狀(這裡是加號) 。來看一下不加右上角 LOGO 和加上右上角 LOGO 的區別吧:
▲ 沒有 LOGO
▲ 有 LOGO
3
頁面分層設計
給頁面分層級無非是想突出重點信息,但是,當所有的信息都是重點的時候,該怎麼辦呢?
先來看一下效果圖:
▲ 背景圖片為銳普給“以星物流”定製的PPT
這個頁面分為5個層次(由下往上):底圖、底圖的蒙版、圓環、字母Y、主體信息。製作步驟也是這個順序。
這個頁面的難點大概是頁面中心的漸變了。怎麼做到這種效果呢?我靈機一動
,採用中心射線式漸變,相關參數如下:
具體參數
序號1:位置30%,透明度10%;序號2:位置100%,透明度70%。4
3種分割圖片的排版方式
在文案內容很少的情況下,比如封面。我們的解決方案通常是將文字、圖標等置於頁面中央,其實還有更優的解決方案。
解決方案1——隨心所欲添加色塊
這種方式可以將頁面分為4個面積不等的區域,使頁面不那麼單調。
解決方案2——添加上下對稱的色塊
這樣的分割方式,使頁面靈動而不失規則。
解決方案3——添加同一方向的色塊
這類分割方式,應該是比較常見的,再給每個色塊加上“飛入”的動畫效果,就更好了。
頁面原理
01. 畫矩形框,再用多邊形工具裁剪矩形,剪出自己想要的形狀;02. 將每個形狀與圖片進行布爾運算裡的“相交”5
新穎的突出重點方式
我們來回憶一下突出重點內容的方法:放大字號、添加蒙版、改變顏色、添加形狀(卡片式設計、蒙版)等。這些眾所周知的方法,可能已經讓人產生視覺疲勞了。
我們可以用逆向思維,反其道而行之。
頁面原理
01. 虛化背景圖片;02. 填充一個比主體信息還大的形狀(這裡是圓環);03. 將主要信息置於頁面中,調整文本框間距以合適;04. 添加一根引導線釋義說明,同時使頁面更加豐富。思考一下:這一頁為什麼不採用全圖型排版?
6
總結
說白了,今天就跟色塊槓上了。
01. 層疊02. 蒙版+色塊:居中排版,中心對稱排版03. 頁面分層設計04. 3種分割圖片的方法05. 新穎的突出重點方式看完今天的教程,是不是有一種耳目一新的感覺呢?多借鑑了國外PPTer的設計思路,多瀏覽網站還是有幫助的~
閱讀更多 迷茫de95後 的文章