昨天,有一位讀者給我發(fā)了這么一個案例,問我如何通過微調,來讓它變得更加出彩?
大家可以想一下,如果是你的話,會怎么調整呢?
如果我們呢來分析一下,其實會發(fā)現,除了背景有些雜亂之外,這張頁面的排版沒有什么問題,可能唯一不足的就在于,視覺太單調了,沒什么新意。
所以,我給他的建議是,在圖片下方加一個色塊就會好很多。當然,如果我們能夠對排版進行優(yōu)化,也可以加分:
而為什么要加一個色塊呢?這就要引出,今天要分享的一個排版方法,叫做疊層排版法。
對于視覺過于平淡的頁面,我們只需要添加一個疊層,就可以快速地提升頁面的視覺層次感。
在很多的設計中,都會用到這一點:
那到底什么是疊層呢?簡單來說,就是在頁面上插入一個色塊,放在內容的下方。
而關于疊層,這里分為兩種:
一種是半疊層,主要用于圖片排版。比如像這個,疊層采用的是筆刷形狀:
另一種是全疊層,主要用于文字排版:
當然,除了上面這兩個案例之外,還有一些其它常見的結構形式。
比如像將頁面均分的疊層結構:
還有將頁面三等分的疊層結構:
好了,明白了這一點之后,在 PPT 設計中,具體該怎么使用的?
為了方便大家理解,咱們通過兩個實例來分享一下。
案例一
比如我們拿下面這頁圖表來說,目前來看很單調,缺少視覺層次,對嗎?該怎么處理呢?
首先,我們先來確定其疊層結構。比如我們在這里選擇黃金分割式結構:
并進一步來確定內容的具體位置:
接下來,我們來處理單獨的圖表內容。
通過簡單分析我們可以知道,使用柱狀圖很難將數據關系準確地呈現出來,所以,我們改用面積圖:
把處理后的圖表內容,放在規(guī)劃好的版式中:
為了能夠貼合<巨大的商業(yè)機會>這一文案內涵,我們可以找一張商業(yè)相關圖片放在疊層底部:
到這里,一張視覺層次較強的 PPT 頁面就算完成了。
案例二
比如我們看到這樣一頁帶有聯(lián)系方式的結尾頁,大家可以想一下該怎么做呢?
按照疊層排版法,咱們依舊是先來確定頁面的結構,比如我們選用這個結構:
接下來,我們把圖片做一些簡單的處理,給網頁截圖添加相應的樣機素材:
把處理后的圖片,放在頁面上:
接下來,我們基于前面的疊層結構,在頁面底部添加相應的色塊:
好了,來看下最終的頁面,是不是好很多呢?
理解了嗎?這就是疊層排版法的實際應用。如果拿操作技巧來說,沒有什么難度,無非就是插入一個形狀罷了。
但是,我們?yōu)槭裁匆迦脒@個形狀,以及它能解決什么問題,這才是我想要跟大家分享的。
原標題:只添加一個色塊,你也能做出高大上的PPT排版。
]]>?相信關注旁門左道的一些老讀者知道,我曾經在文章中,推薦過一個國外的PPT設計公司,叫做 Slidor ,作品超級炸裂。
不了解的,可以先看一下他們之前的作品集錦:
前段時間,發(fā)現他們官網上又更新了一些新的作品,同樣不令人失望。
比如他們?yōu)?br /> Hyperloop (也就是特斯拉老板馬斯克專門造超級高鐵的公司)設計的幻燈片,大家來感受一下:
國際范兒十足,而且頁面的動畫設計也非常合適:
我個人特別喜歡這個:
除了
Hyperloop 之外,還有為法國橄欖樹世界杯做的幻燈片,動感很強烈,而且,很難的一點在于,頁面元素很多,但視覺上并不亂。
大家可以看一下:
當然,這份運動感十足的PPT動畫設計,一樣非常精彩:
只能說超贊(?????)? ??
還有像為可口可樂做的『異形屏』幻燈片,大家看下渲染后的舞臺效果圖:
現場展示效果是這樣的:
除此之外,還有為『諾基亞』在 CES 大會上設計的幻燈片:
這套幻燈片的動畫設計也很精彩,大家可以看下其中一頁的動畫設計的渲染圖:
當然,建議大家可以看下原版的視頻,錄 Gif 圖太不清晰了:
還有為 HEC 商學院的幻燈片設計,很簡約:
以及為 OVH 2018峰會設計的幻燈片:
當然,在這些 PPT 作品中,其實很多的版式,是可以借鑒使用的。
比如頁面上有好幾個方面的內容時,我們可以這樣做:
在進行圖片排版時,也可以做成這樣:
在我們進行數據展現的時候呢,也可以采用這樣的方式:
還有一個很贊的動畫效果,咱們來看一下:
介紹產品時,我們可以采用這樣的版式:
在地圖頁的呈現方式上,我們可以這樣做:
在封面設計的時候呢,我們可以采用這樣的方式:
……
還有很多頁非常優(yōu)秀的PPT,鑒于篇幅問題,在這里就不一一進行展示了。
相信大家在看這些作品時,也能夠感受到,其實如果僅僅從元素效果來看,并不難。關鍵的是,我們能夠 Get 到它們的設計創(chuàng)意。
而這,也許就是優(yōu)秀PPT作品的價值吧!
?本文內容為 旁門左道PPT 原創(chuàng)出品
]]>色塊算是 PPT 制作中,最經常用到設計元素之一,大多數人可能都知道借助色塊排版,會讓頁面更加規(guī)范整齊。
比如咱們常見的 logo 頁排版:
但其實,你知道嗎?色塊在 PPT 中的作用,遠不止于此。如果你能夠善用色塊,那么,我相信你一定可以做出一套 90 分以上的 PPT。
所以,這篇文章就好好跟各位聊一聊,色塊在 PPT 設計中應用場景。
先來說第一個作用。
在 PPT 設計中,經常會遇到有很多不規(guī)則元素的頁面。
比如形態(tài)各異的企業(yè) logo:
或者是長短不一的文本段落:
上面這些頁面,雖然做到了一些基本的對齊,但給人的視覺效果依舊很亂,對嗎?
這個時候,我們就可以將不規(guī)則的元素放在色塊內,從而讓頁面中的視覺效果更加的規(guī)范整齊。
比如我們利用矩形來規(guī)整不規(guī)則元素:
或者是用圓形:
都是可以的。
這里有一點值得注意。就是要把握好,不規(guī)則元素與色塊邊界的距離。如果距離過小,或者過大,都會產生不好的閱讀體驗。
距離過大,會顯得頁面很空,不夠飽滿。
而距離過小,會顯得頁面擁擠,缺乏呼吸感。
很多時候,我們會借助圖片來制作全圖型 PPT,從而增強頁面的表現力。而把文字直接放在圖片背景上,由于圖片本身比較復雜,很可能會看不清楚文本內容。
該怎么辦呢?
相信你也一定想到,其實在文字下方添加一個色塊就好了。
利用色塊,可以說是屏蔽了背景圖片對文本內容的干擾,增強了文本的可識別性。
當然,如果你想讓頁面更具通透感,我們還可以為色塊設置透明效果:
或者是將色塊與文本進行剪除,做出鏤空的效果:
這樣做的好處就是,保證在文本可識別性的同時,還能夠看到圖片背景。
這種做法在制作 PPT 封面的時候,非常的好用。
舉幾個例子:
在遇到內容較多頁面時,為了讓頁面中的信息層級更加的明確,我們可以利用色塊對版面進行劃分。
比如把頁面進行左右劃分:
或者上下劃分:
當然,我們還可以嘗試把色塊換成其他形狀,比如換成圓形:
為了不讓頁面看起來單調,我們可以把色塊作為修飾性元素,來豐富頁面效果。
比如在頁面周圍添加一些裝飾性的色塊,讓頁面看起來更加的飽滿。
使用色塊還可以營造頁面的空間感。這種做法,非常適合用來做人物或者是產品介紹。
舉兩個例子:
通過在人物或者產品底部添加色塊,在豐富頁面層次感的同時,還能夠建立文本內容與主體的聯(lián)系。
我們可以刪除色塊,再來看一下效果:
刪除色塊后,頁面就顯得十分平淡,看起來沒什么層次感,而且文本與主體缺乏關聯(lián)。
為了方便受眾對于頁面內容關系的理解,這就需要咱們使用色塊繪制一些邏輯圖示,從而輔助頁面內容邏輯關系的表達。
比如我們可以繪制箭頭,來體現智能優(yōu)配的工作流程:
或者使用三個圓形來繪制維恩圖,表達推動科技轉型的三個方面:
還可以表現邏輯關系特別復雜的頁面,都可以借助色塊,來降低觀眾的理解難度:
以上呢,就是色塊在 PPT 設計中 5 個非常實用的功能,最后咱們再來總結一下:
2.突顯文本內容,借助色塊降低圖片背景的干擾,從而凸顯文本信息
3.劃分頁面版式,通過色塊對版面的劃分,讓信息層級更加明確
4.豐富頁面效果,利用色塊在頁面四周的點綴,進而豐富頁面的視覺效果
5.展現內容邏輯,使用色塊繪制一些邏輯圖示,輔助頁面內容邏輯關系的表達
好了,這篇文章就這么多,如果你還知道色塊其他的應用場景,歡迎在后臺留言給我。如果覺得這篇文章對你很有幫助,可以給我點個好看或者轉發(fā)文章哦!
另外,再送給大家一個福利,回復本文,即可獲取 PDF 版課件!
]]>