編按: PPT圖文排版時,總是做不好,有強迫症的老闆,總是要求加班做好。遭遇多次加班後,總結出一個實用技巧:圖文排版時,正確添加色塊,就可以告別圖文排版之痛。那麼,色塊在PPT排版中有哪些作用呢?這篇文章為了揭曉答案!
在製作PPT的過程中,我們通常會使用到圖片以及形狀。插入形狀後可以製作蒙版、製作不規則圖形、色塊等。
很多人常常喜歡插入一個色塊直接在上面添加文字,更有甚者製作Word版PPT,完全不知道如何動手。那麼,在製作PPT時,如何運用色塊為自己的PPT加分呢?
這裡小白將分為4個部分為大家講如何運用色塊為PPT加分,四個部分分別為:承載信息、規整元素、劃分版式、豐富頁面。
01
承載信息
咱們先從最簡單最容易上手的功能說起,當一個頁面文字跟背景圖片無法區分開來的時,色塊可以起到突出文本承載信息的作用。
舉個例子:
背景圖片白色較多,這個時候添加白色的文本難以看清文本,無法看清信息,要知道,一個頁面需要突出自己的觀點,主要是通過圖片與文本之間的無縫銜接。
在圖片下方添加色塊,攔腰式布局後,就能清晰的看清文本,此時色塊發揮了承載文本信息的作用。
同樣道理,文本在色塊之上,更容易被識別,避免背景幹擾文字信息。
添加色塊聚焦視線,而且承載聯繫方式等信息。
總結一下:
(1)製作PPT過程中,需要考慮文本與背景之間的銜接,若背景幹擾了文本,可以添加色塊承載文本來解決問題;
(2)大面積色塊能起到聚焦視線的作用。
02
規整元素
當許多同級元素在一起但又大小參差不齊時,需要把元素規整在一起,讓觀眾更容易理解。
遇到這種情況時,可以選擇色塊作為襯底區分,通過色塊統一整體的視覺。
舉個例子:
右邊的logo圖標顯然大小不一,長度寬度都不能達到統一,這個時候可以考慮添加色塊襯底,通過色塊形成視覺的統一。
通過色塊形成整體視覺的統一,讓頁面看起來更加規整。
同樣道理,如果去除了色塊,圖標大小不一的現象就會凸顯出來,頁面看起來就不一致,添加圓形或者矩形色塊之後整個頁面更加統一。
這張圖也是一樣的道理,僅僅是文本的話,文本長度無法統一,而通過添加色塊後,所有文本長度都一致,容易形成整體感。
總結一下:
(1)PPT頁面需要規整參差不齊的元素,如文本、圖標、logo等,可以考慮添加色塊襯底,通過色塊形成視覺的統一;
(2)使用色塊規整元素的時候可以適當使用親密原則和對比原則,提升頁面的設計感。
03
劃分版式
頁面內容整理在一起但是區分度不高,各個信息雜糅在一起時就可以考慮使用色塊劃分版式了,通過色塊襯底形成邊界,劃分版式關係。
舉個例子:
一條曲線,雖然使各部分信息都分布在頁面上,但是整體上還是略顯雜亂,難以區分信息,添加色塊就能很好的解決這一問題。
通過添加漸變色塊,能夠很好把信息聚集在一起,區分等級,易於被觀眾理解。
如果沒添加色塊,文本之間的親密性就會大打折扣,分不清左邊所有數字是一個整體,還是數字和右邊的文本是一個整體,這時,添加色塊就能能夠很好地區分文本信息。
有色塊之後每個數字和文本就形成了一個整體,也能更好的從左至右一層一層的展示自己的觀點。
總結一下:
(1)當頁面內容雜亂無章時,通過色塊襯底的方式可以將內容關係區分,避免信息雜糅;
(2)可以運用色塊的顏色區別信息的不同,劃分版式,突出主體。
04
豐富頁面
當頁面過於單一空洞的時候,添加色塊可以為頁面加分,通過各種相似元素的堆砌,改變顏色、形狀等元素,能夠形成較好的視覺效果。
舉個例子:
純黑色背景加上文字,雖然能夠聚焦視線在中心,但是頁面總體上比較單調,這個時候添加色塊作為修飾,提升頁面的逼格。
通過不同顏色、大小不一的重複色塊作為點綴提升整個頁面逼格,避免了頁面的空洞。
通過色塊顏色漸變及漸變線條為整個頁面作修飾,文字使用抖音風格(複製三層改變顏色,挪移疊加在一起,頂層為白色),提高頁面的空間感。
同樣的道理,使用漸變色塊和線條,凸顯出整個頁面的層次感。
總結一下:
(1)頁面過於單調空洞時可以考慮添加色塊,從顏色、大小、漸變等方面對頁面進行升華;
(2)在升華過程中可以適當使用重複原則,營造空間感。
實操演練:
關於色塊的講解就到這裡咯,所以下面我們來案例實操一下,大家只有動手才能得到成長~
第一步:
點擊「插入」/「圖片」,選擇一張有關報表的高清圖(可以上pexels或者unsplash英文檢索)插入PPT中;
第二步:
滑鼠左鍵+shift鍵水平拖拽移至左上角,左鍵向下拉圖片覆蓋整個頁面。
第三步:
選擇圖片後,找到選項卡格式,左鍵裁剪,將圖片裁剪到合適的位置,之後插入圖片,選擇公司logo,縮小後移至合適位置。
第四步:
點擊「插入」/「形狀」/「矩形」,選擇「矩形」,插入一個合適的矩形色塊;
第五步:
點擊滑鼠右鍵,出現「設置形狀格式」菜單命令。
第六步:
單擊「設置形狀格式」/「形狀選項」/「填充」,將「填充」設置為「漸變填充」,角度設置為90度,漸變光圈的個數為2個,最左側光圈的位置為0%,顏色為r40,g148,b211,透明度為0%;最右側的光圈位置為100%,顏色為r40,g148,b211,透明度為60%,並將線條設置為無線條。
最後,插入文本左對齊就大功告成啦~
好了,本期教程就到這裡咯,咱們下期再見。