微信掃碼觀看全套Excel、Word、PPT視頻
作者:宋雪賢? 來源:PPT進化論(ID:PPTjinhualun)
哈嘍,大家好,不知道您看過《我花了3個小時,為京東修改了一份PPT,效果好到驚人!》這篇案例修改文章沒?今天小編再次為的大家帶來一篇關于網易案例修改文章,希望大家能喜歡!
首先介紹一下這兩種超酷的排版法,它們分別是中心環繞式排版法和卡片式排版法。
然后看看需要修改案例的原稿:
這是修改后:
希望通過這樣的形式,能夠幫助各位鞏固之前所學到的排版方法,從而打牢基礎!
話不多說,咱們直接開改!
這是一份網易大數據的 PPT。由于原稿的頁面太多,這里我只挑選了 5 個比較典型的頁面進行了修改!
老規矩,在正式修改之前,需要擬定一下這套 PPT 的基本設計規范。
01
字體使用規范
第一,是字體使用規范。
原稿為了渲染大數據動感的氛圍,對標題字都使用了 PPT 自帶的斜體效果:
這樣做是不可取的,因為 PPT 中自帶的「傾斜」功能,傾斜角度過大,會破壞字體原本的字型結構。給人的感覺不是動感,而是字體要倒了的錯覺。
而正確且最便捷的做法就是,使用一款本身就傾斜的字體,比如演示斜黑體和騰訊體。可以看一下這兩款字體和 PPT 斜體效果的對比:
看出差距了嗎?
考慮到騰訊體是騰訊的品牌字體,所以這套幻燈片中我們可以使用演示斜黑體作為標題字體:
02
主題色的確定
第二,是主題色的確定。
這個很簡單,我們可以打開網易大數據的官網,從官網上取色:
03
標題、正文位置的確定
第三,是標題、正文位置的確定。
這樣做的目的,是為了保證整套幻燈片看起來更加的統一。我特意表明了參考線的數值,大家可以作為參考。
04
修飾性元素的確定
第四,是一些裝飾性元素的確定。
因為原稿和網易大數據的官網,多為淺色背景。為了貼合品牌的調性,我在修改稿中使用了白色背景。
不過為了避免頁面單調,以及讓頁面體現出大數據的科技感。我對正文頁面的標題欄,添加了折線修飾:
還有在頁面下方添加一些科技漂浮粒子:
明確了設計規范,接下來,咱們進入單頁 PPT 的修改。
第一頁:封面頁
除了標題使用了斜體效果,破壞了字體原有的字型結構,背景圖片對標題文字也有著很大的干擾,閱讀會有障礙。
圖片選用企業大樓,也不是很合適,并沒有體現出數據這一概念。
那么,封面該怎么改呢?
我們可以在背景上使用大面積的漸變色,同時為讓標題排版顯得更有創意,可以讓標題文字錯位:
接著,利用英文來填補標題空缺:
再通過一些漸變線條來增強頁面的動感,并添加上企業 logo:
最后,我們可以在攝圖網上找一張與數據相關的背景圖片,假如就這張了:
將其置于頁面底層,作為封面的背景圖片:
搞定!
第二頁:目錄頁
目錄頁的排版很常規,由于內容都在頁面中部,背景又是淺色,導致頁面四周會很空。
先來匹配之前所擬定裝飾性元素:
雖然好了很多,但兩側空洞的問題仍然存在。所以我們可以變換一種排版的樣式,并添加相應的小圖標:
到這兒呢,其實已經可以了,不過為了讓頁面顯得更加飽滿,我們可以添加一些圓形線條修飾:
第三頁:產品集合頁
為了在有限的頁面空間中,擺放這么多的文字內容,原稿采用了卡片式的排版法,這一點很不錯!
雖然用了卡片排版的形式,但視覺效果卻依舊凌亂,主要有這幾個原因:
針對上面的問題,咱們著手進行修改。
先根據內容的多少,來繪制卡片,注意避免原稿存在的問題:
將內容放置到相應的卡片中,注意文字要對齊,行與行之間用虛線間隔:
接著,我們可以用色塊來凸顯卡片的標題:
最后,為了讓卡片之間的界限更加的明顯,我們可以卡片統一改為圓角,就像這樣:
由于色塊的大小不一,有些朋友不知道改如何統一圓角的弧度。
其實很簡單,不需要手動調整,借助英豪插件(LvyhTools)中的圓角工具,只需 1 秒,就能搞定:
第四頁:名詞解釋頁
原稿中使用了很多模糊不清的 logo,而且 logo 的樣式也十分老舊。
該怎么改呢?
首先我們要做的,就是更新原稿中老舊的企業標識:
接著是排版形式,針對這種總分型的頁面,最好用的排版方法什么呢?
沒錯,中心環繞式排版法!
我畫了一個大致的圖示,就長這樣:
接著,按著這個圖示,進行頁面的排版:
還不錯,對嗎?
但現在頁面缺乏一些科技感。要解決這個問題也很簡單,我們把底部的圓形色塊,換成科技球體即可:
基于這個頁面,我又改了一版,通過改變線條的環繞方式,讓頁面看起來更有空間感:
是不是很贊呢?
第五頁:產品介紹頁
乍一看,覺得這個頁面做的還挺有創意的,頁面右側借助形狀,再配合手機樣機,形成一定的空間錯覺。
不過這種設計風格有些過時,用在大數據 PPT 中并不合適。
另外,原稿中手機截圖中的顏色有些雜亂,與頁面風格并不匹配。
而且,頁面左側排版也很不規范,沒有明晰的閱讀順序,導致閱讀體驗很差。
明確了問題,那又該怎么修改呢?
首先,替換原稿中產品的樣機,打開網易有數的官網,我們可以從中提取到更加高端的產品樣機:
由于樣機并不完整,我們利用卡片式排版法,將頁面布局成這樣:
考慮到產品介紹中,有一段文字較多。我們可以加大中間的卡片的寬度,從而保證頁面的視覺對稱:
最后,把文本信息填充的相應的卡片中,為了避免部分卡片底部太空,還可以將科技漂浮粒子置于卡片的上方:
注意觀察頁面底部。
好了,到這兒,這 5 張頁面就全部搞定啦!再看一下整體效果:
對于正文頁的排版,主要使用了我之前所總結的 2 種方法。不知道你看完這篇文章,有沒有讓你掌握的更加牢固呢?
最后,喜歡這篇文章話,就給我點個在看吧!
PPT教程文章推薦
做PPT圖文排版沒思路?打破常規,按這28種版式來,絕對靠譜!
PPT圖表最強攻略:這樣做PPT圖表,也太好看了吧!領導都贊不絕口!
PPT表格除了數據展示,還可以有更勁爆的玩法,讓人拍案叫絕!
PPT設計時間軸,還在傻乎乎用箭頭?教你3招,效果“屌”炸天!
點擊“