用豆瓣實例告訴你，圖文排版要注意什麼？

01-28

上一期中，我們搞定了高效、準確地找到一張好配圖的方法。

但PPT光有配圖還不行，重要的是圖片和文字如何搭配出好的視覺效果。

那麼在本期中，就手把手地教你如何完成圖文排版。並且以豆瓣作品為實例，對排版中應當注意的細節問題做重點講解。

本期實例：豆瓣電影鑫像獎獲獎名單

在獲獎名單中，獲獎者的信息將以全圖型的排版呈現，等於是給每個獲獎者去設計一張全圖型PPT頁面。

不過，各位先別急著往下翻。

在看到最終成片之前，我先給出這次頁面中的文字信息。既然大家在學PPT設計，就不妨想想，如果你是豆瓣的設計師，這些文字你要如何來排版？

上圖就是每個頁面中的文字信息，可以看到獲獎者在最前面，然後是所獲獎項；既然是票選結果，自然還要有票數和支持率這些數據作為證明；最後引用一位評委的點評，告訴你影片的特點是什麼。

可如果文字就這麼放到圖中，內容與內容之間特別容易混淆。所以我們必須先要給文字做一個層級區分，要讓觀眾第一眼就能看到最重要的內容。

OK，我們先找出這一段最重要的內容。毫無疑問，獲獎名單里獲獎人自然是最重要的，所以把它作為一級文字；其次重要的就是他獲得什麼獎，那就是二級文字；之後觀眾可能才有興趣去看看得票數，看看點評，所以這兩條全部歸為三級文字。

條理清楚了，接著就是在視覺上對不同層級的內容加以區分。方法很簡單，用不同的大小和粗細設定不同層級內容即可。

最直接的就是這樣：

這樣是不是一眼就看到了最重要的內容呢？

好，思考完畢。看看豆瓣是怎麼做的：

原來豆瓣的設計也是這種基本款，只是他將二級文字用顏色區分，使其跟一級文字在一起更加醒目。而有意拉開第三級文字的空間距離，目的既是減少第一眼文字的信息量，也是為了避免文字擠在一起導致畫面重心不穩。

但只做到這些還不夠，決定作品好壞的往往是更小的細節。

圖文排版時，務必要考慮到圖片和文字之間的關係。

文字存在感不能太低，造成無法識別
在文字使用白色和黃色的前提下，配圖明度越高，和文字的反差就越小。
例圖中二級文字和三級文字已經較難辨認，且考慮到豆瓣作品會不斷被轉載，當圖片壓縮甚至縮小時，簡直就像視覺的災難。
解決辦法：
選配圖時儘可能用低明度色調的圖片，與字體產生反差。
圖中的藍色和黃色正好是對比色，所以黃色標示性很強。有了冷暖對比後，色彩的層次也豐富了，文字有了錦上添花的效果。

如果找不到低明度的配圖，可以疊加黑色色快把圖壓暗，同樣能提高文字的識別性。
文字存在感也不能太高，干擾配圖信息。
《卡羅爾》的主角就是圖中兩位女性，而二級文字竟然把主角的眼睛擋住了。都說眼睛是心靈的窗戶，這麼一檔，角色的魅力降了一大半。
卷福這張馬臉居然能全擋住，都懷疑這個是不是故意的...
解決辦法：
這個只能選圖時注意了，不但不能擋住畫面主體，而且畫面主體最好還要帶有強烈的性格，讓觀眾有更直觀的認識。