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