前幾天，我寫(xiě)了一篇關(guān)于排版方法的文章，大家反饋的效果還很不錯(cuò)。加上之前文章，目前我總結(jié)了 2 種 PPT 中常見(jiàn)的排版方法：
原以為大家很容易就能掌握，但還是有讀者心存疑惑，私信問(wèn)我：
相信存在疑問(wèn)的不只這兩位私信問(wèn)我的讀者，還有很多。
為此，我特意找了一份 PPT，并使用之前所講的 2 個(gè)排版方法，進(jìn)行了修改。
希望通過(guò)這樣的形式，能夠幫助各位鞏固之前所學(xué)到的排版方法，從而打牢基礎(chǔ)！
這是一份網(wǎng)易大數(shù)據(jù)的 PPT。由于原稿的頁(yè)面太多，這里我只挑選了 5 個(gè)比較典型的頁(yè)面進(jìn)行了修改：
老規(guī)矩，在正式修改之前，需要擬定一下這套 PPT 的基本設(shè)計(jì)規(guī)范。
首先，是字體使用規(guī)范。
原稿為了渲染大數(shù)據(jù)動(dòng)感的氛圍，對(duì)標(biāo)題字都使用了 PPT 自帶的斜體效果：
這樣做是不可取的，因?yàn)?PPT 中自帶的「傾斜」功能，傾斜角度過(guò)大，會(huì)破壞字體原本的字型結(jié)構(gòu)。給人的感覺(jué)不是動(dòng)感，而是字體要倒了的錯(cuò)覺(jué)。
而正確且最便捷的做法就是，使用一款本身就傾斜的字體，比如演示斜黑體和騰訊體。
可以看一下這兩款字體和 PPT 斜體效果的對(duì)比：
考慮到騰訊體是騰訊的品牌字體，所以這套幻燈片中我們可以使用演示斜黑體作為標(biāo)題字體：
其次，是主題色的確定。
這個(gè)很簡(jiǎn)單，我們可以打開(kāi)網(wǎng)易大數(shù)據(jù)的官網(wǎng)，從官網(wǎng)上取色：
然后，是標(biāo)題、正文位置的確定。
這樣做的目的，是為了保證整套幻燈片看起來(lái)更加的統(tǒng)一。我特意表明了參考線的數(shù)值，大家可以作為參考。
最后，是一些裝飾性元素的確定。
因?yàn)樵搴途W(wǎng)易大數(shù)據(jù)的官網(wǎng)，多為淺色背景。為了貼合品牌的調(diào)性，我在修改稿中使用了白色背景。
不過(guò)為了避免頁(yè)面單調(diào)，以及讓頁(yè)面體現(xiàn)出大數(shù)據(jù)的科技感。我對(duì)正文頁(yè)面的標(biāo)題欄，添加了折線修飾：
明確了設(shè)計(jì)規(guī)范，接下來(lái)，咱們進(jìn)入單頁(yè) PPT 的修改。
除了標(biāo)題使用了斜體效果，破壞了字體原有的字型結(jié)構(gòu)，背景圖片對(duì)標(biāo)題文字也有著很大的干擾，閱讀會(huì)有障礙。
圖片選用企業(yè)大樓，也不是很合適，并沒(méi)有體現(xiàn)出數(shù)據(jù)這一概念。
我們可以在背景上使用大面積的漸變色，同時(shí)為讓標(biāo)題排版顯得更有創(chuàng)意，可以讓標(biāo)題文字錯(cuò)位：
接著，利用英文來(lái)填補(bǔ)標(biāo)題空缺：
再通過(guò)一些漸變線條來(lái)增強(qiáng)頁(yè)面的動(dòng)感，并添加上企業(yè) logo：
最后，我們可以在攝圖網(wǎng)上找一張與數(shù)據(jù)相關(guān)的背景圖片，假如就這張了：
將其置于頁(yè)面底層，作為封面的背景圖片：
搞定！
第二頁(yè)：目錄頁(yè)
目錄頁(yè)的排版很常規(guī)，由于內(nèi)容都在頁(yè)面中部，背景又是淺色，導(dǎo)致頁(yè)面四周會(huì)很空。
雖然好了很多，但兩側(cè)空洞的問(wèn)題仍然存在。所以我們可以變換一種排版的樣式，并添加相應(yīng)的小圖標(biāo)：
到這兒呢，其實(shí)已經(jīng)可以了，不過(guò)為了讓頁(yè)面顯得更加飽滿，我們可以添加一些圓形線條修飾：
為了在有限的頁(yè)面空間中，擺放這么多的文字內(nèi)容，原稿采用了卡片式的排版法，這一點(diǎn)很不錯(cuò)！
雖然用了卡片排版的形式，但視覺(jué)效果卻依舊凌亂，主要有這幾個(gè)原因：
針對(duì)上面的問(wèn)題，咱們著手進(jìn)行修改。
先根據(jù)內(nèi)容的多少，來(lái)繪制卡片，注意避免原稿存在的問(wèn)題：
將內(nèi)容放置到相應(yīng)的卡片中，注意文字要對(duì)齊，行與行之間用虛線間隔：
接著，我們可以用色塊來(lái)凸顯卡片的標(biāo)題：
最后，為了讓卡片之間的界限更加的明顯，我們可以卡片統(tǒng)一改為圓角，就像這樣：
由于色塊的大小不一，有些朋友不知道改如何統(tǒng)一圓角的弧度。
其實(shí)很簡(jiǎn)單，不需要手動(dòng)調(diào)整，借助 英豪插件（LvyhTools） 中的圓角工具，只需 1 秒，就能搞定：
原稿中使用了很多模糊不清的 logo，而且 logo 的樣式也十分老舊。
首先我們要做的，就是更新原稿中老舊的企業(yè)標(biāo)識(shí)：
接著是排版形式，針對(duì)這種總分型的頁(yè)面，最好用的排版方法什么呢？
沒(méi)錯(cuò)，中心環(huán)繞式排版法！
我畫(huà)了一個(gè)大致的圖示，就長(zhǎng)這樣：
接著，按著這個(gè)圖示，進(jìn)行頁(yè)面的排版：
但現(xiàn)在頁(yè)面缺乏一些科技感。要解決這個(gè)問(wèn)題也很簡(jiǎn)單，我們把底部的圓形色塊，換成科技球體即可：
基于這個(gè)頁(yè)面，我又改了一版，通過(guò)改變線條的環(huán)繞方式，讓頁(yè)面看起來(lái)更有空間感：
乍一看，覺(jué)得這個(gè)頁(yè)面做的還挺有創(chuàng)意的，頁(yè)面右側(cè)借助形狀，再配合手機(jī)樣機(jī)，形成一定的空間錯(cuò)覺(jué)。
不過(guò)這種設(shè)計(jì)風(fēng)格有些過(guò)時(shí)，用在大數(shù)據(jù) PPT 中并不合適。
另外，原稿中手機(jī)截圖中的顏色有些雜亂，與頁(yè)面風(fēng)格并不匹配。
而且，頁(yè)面左側(cè)排版也很不規(guī)范，沒(méi)有明晰的閱讀順序，導(dǎo)致閱讀體驗(yàn)很差。
首先，替換原稿中產(chǎn)品的樣機(jī)，打開(kāi)網(wǎng)易有數(shù)的官網(wǎng)，我們可以從中提取到更加高端的產(chǎn)品樣機(jī)：
由于樣機(jī)并不完整，我們利用卡片式排版法，將頁(yè)面布局成這樣：
考慮到產(chǎn)品介紹中，有一段文字較多。我們可以加大中間的卡片的寬度，從而保證頁(yè)面的視覺(jué)對(duì)稱(chēng)：
最后，把文本信息填充的相應(yīng)的卡片中，為了避免部分卡片底部太空，還可以將科技漂浮粒子置于卡片的上方：
好了，到這兒，這 5 張頁(yè)面就全部搞定啦！再看一下整體效果：
對(duì)于正文頁(yè)的排版，主要使用了我之前所總結(jié)的 2 種方法。不知道你看完這篇文章，有沒(méi)有讓你掌握的更加牢固呢？
好了，今天在搬家中，大家有問(wèn)題可以留言區(qū)說(shuō)一下哈~
]]>