這篇文章是一篇改稿美化:這是一份關(guān)于『精益生產(chǎn)』概念培訓(xùn)的PPT:
還是老規(guī)矩,選擇其中的4個頁面進行修改:
首先確定一下主題的色彩,那么,提到『精益生產(chǎn)』,能想到啥顏色呢?
我不知道。不過既然是跟生產(chǎn)制造相關(guān),那么,就從生產(chǎn)車間來取色吧:
這里我選的是綠色調(diào)為主,有兩個深色,兩個淺色,正好一個可以用來做背景,一個可以用來做強調(diào)色:
接下來呢,我們就進入到單頁的修改。
這里的文案信息很簡單,如果能看得出來,主要想突出的是『精益』二字。
因此,為了能夠起到強調(diào)的效果,我采用了書法字的排版:
然后呢,把我們確定好的背景色用在這里,以此豐富頁面的視覺效果:
有點單調(diào),不過沒關(guān)系,可以加一些表現(xiàn)數(shù)據(jù)波動的線條素材,進行修飾:
文字部分的話呢,可以加一些墨點的素材,主要目的就是豐富視覺效果而已:
這一頁的問題呢,就是背景干擾了內(nèi)容的呈現(xiàn)。那么,該如何優(yōu)化呢?
對這一段內(nèi)容簡單分析,我們可以發(fā)現(xiàn),信息呢,包含大背景和研究案例。
所以,版式就可以采用這樣的:
然后,我們對文字部分做一些排版,強調(diào)案例的內(nèi)容:
既然內(nèi)容講的是跟豐田汽車有關(guān),可以找一張豐田汽車的生產(chǎn)車間,來建立視覺關(guān)聯(lián):
到這里,我們還可以利用摳圖的方法,做一些局部露出的創(chuàng)意效果:
除此之外呢,我還做了一個深色的版本,我認為都是可以的:
這一頁的主要問題,就是信息太密集了,我們可以做一些優(yōu)化。
還是分析內(nèi)容,來確定版式結(jié)構(gòu),既然是大背景,外加兩本書的介紹:
因此,我們的頁面版式,就可以做成這樣:
對于圖書介紹的部分呢,我們可以劃分一些層級結(jié)構(gòu),強化重點,并且添加小圖標,豐富視覺效果:
另外呢,我們還可以借用樣機,將圖書變成立體效果:
而對于背景介紹部分的文字信息呢,我們同樣是提煉關(guān)鍵的數(shù)據(jù),強化重點:
到這一步呢,基本上就差不多算完成了。
如果說想要讓頁面更有創(chuàng)意,我們可以加一個色塊,形成疊壓的效果:
這里的排版呢,沒有什么太大的問題,就是視覺上有點太單調(diào)。
那怎么優(yōu)化呢?我一開始構(gòu)思的版式,是采用中心放射的樣式:
但它的問題在于,沒辦法體現(xiàn)出向上增長的箭頭。
所以呢,我又換了一個思路,找了一個數(shù)據(jù)波動上升的圖表:
為了進一步凸顯向上的趨勢,直接加一個箭頭:
這樣一來,向上趨勢的感覺,就能夠完整的呈現(xiàn)出來。
最后,我們只需要加一些引導(dǎo)線,來完成內(nèi)容的排版即可:
就是整份 PPT 的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,主要是對信息的結(jié)構(gòu)和層級做了梳理,強化了重點,希望對各位有所啟發(fā)。
·
原標題:我?guī)妥x者做了一份綠色PPT,同事:尾頁的3D箭頭,絕了!
]]>本期的案例PPT,主要是以一個獵頭類公司的介紹,各位可以理解為一家招聘平臺,接下來開始改稿!
老規(guī)矩,還是挑選其中的4個頁面進行修改:
整個品牌的色調(diào)呢,是藍色,但如果只使用這一個顏色,會有一些單調(diào),所以,我加了一個暖色調(diào):
因為這是一份企業(yè)介紹類型的PPT,所以,整體呈現(xiàn)出來的風(fēng)格呢,我會以商務(wù)簡潔為主:
那接下來呢,我們就進入到單頁的修改。
信息很簡單,只有一個企業(yè)的名稱,這種越簡單的信息,越難設(shè)計。
那到底該如何優(yōu)化呢?我們先來構(gòu)思一下版式布局,還是左文右圖:
那圖片放什么呢?
我們回到企業(yè)的屬性上來分析,既然是獵頭公司,那肯定是精準找到人才。
所以,我腦子里的畫面,大概是這樣的:
但如果只有這一個畫面,未免太單調(diào)了,所以呢,我又去看了一些插畫素材網(wǎng)站:
通過一些素材的組合,做了這樣的一個畫面:
我們把它放到頁面上,來看一下效果:
頁面的信息很簡單,一段話加一張配圖,所以版式的布局,依舊是左右型:
在原稿中,文字部分的問題呢,就在于缺少可視化,所以呢,我們可以考慮加一些圖標:
而配圖的話呢,我們可以借用ps樣機:
把封面變成立體的樣式,這樣看起來更有質(zhì)感:
然后呢,我們把文字和圖片組合在一起,來看一下:
有點單調(diào),而且與封面的視覺風(fēng)格不協(xié)調(diào),解決的話,加兩個色塊即可:
這一段的信息很簡單,就是兩家公司的業(yè)務(wù)對比。原稿的問題呢,就是都是字兒,看起來缺少信息結(jié)構(gòu)。
咋解決呢?還是一步一步來,先來確定布局樣式。
我們可以是左右型的:
也可以是上下型:
然后呢,我們對每一部分的信息進行處理,主要是借用小圖標,增加可視化:
然后,我們把兩段信息,放到頁面上來看一下效果:
這時候,頁面的對比不是那么強烈,所以我們可以引入一個黃色塊:
這一頁的主要問題呢,就是圖形的色調(diào),與整體風(fēng)格不協(xié)調(diào)。
所以呢,我們可以基于這個樣式,重繪一下:
這里簡單說一下,我在重繪這些圖形的時候呢,為了保證每一部分的色塊尺寸一致,我使用的是餅圖:
完成之后,我們把內(nèi)容和圖形放到頁面上:
太單調(diào)了,還是老方法,加個色塊,來優(yōu)化一下,另外呢,我在圖形的底部,加了一個陰影,可以增強空間感:
以上,就是整份PPT的修改過程,整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,更多是這個頁面的色調(diào)和版式做了處理,保證了風(fēng)格整潔。希望對各位有所啟發(fā)。
.
原標題:我?guī)蜕虾R幻x者,做了份招聘類PPT!同事:到位!
]]>今天修改一份新東方培訓(xùn)機構(gòu)的報考指南。
整份 PPT 頁面很多,不過,重復(fù)的頁面也不少,所以,咱們就從中挑選4張典型頁面進行修改:
好了,不多廢話,直接進入修改的過程。
因為這是一份新東方的 PPT ,所以,顏色的話,我們可以考慮使用該品牌的綠色,但如果整體都使用這個顏色,也未免有一些單調(diào)。
因此,我還額外增加了一個修飾的顏色:
除此之外,考慮到后面的頁面中,會使用到一些色塊,我還做了一些紋理的圖形。
我把其中一張紋理放大,各位來看一下:
這種紋理生成的工具呢,就是這個,之前也介紹過:
另外,對于 PPT 的字體,這個沒什么可挑選的,使用黑體系列即可:
好了,整體的風(fēng)格大致確定了之后,咱們就進入到逐頁的修改。
這里的話呢,書法字體的排版形式,很不錯,但頁面的視覺中心,不夠聚焦。
所以,我個人建議修改成居中型的版式。那該怎么改呢?
在這里,我把書法字的排版,重新做了一個版本:
為了渲染出這種熱情的氛圍,我特意加了一些墨點的修飾:
這種墨點的話呢,是用一個字體生成的,就是這個:
輸入對應(yīng)的字母,就可以自動變成墨點,各位可以試一下。
然后,我們把頁面上的文字內(nèi)容,放在頁面上:
雖然這種布局形式也可以,但看起來未免有一些單調(diào)。
那我們該如何進行視覺優(yōu)化呢?有兩個方向。
1.對文字的顏色做一些處理。
在這里呢,我們可以給文字添加一些金屬的效果:
至于操作手法呢,很簡單,是利用金色紋理和文字相交,把文字變成金屬效果:
咱們來看一下效果:
感覺還可以,但是,它會與我們前面確定的主題色,有一些沖突,因為主題色中沒有明黃色:
怎么解決呢?我們可以利用圖片重新著色功能,把紋理效果,變成與主題色相近的顏色:
2.我們還可以在頁面上添加一些修飾的元素。
在這里呢,我們可以在花瓣網(wǎng),搜索一些『懸浮粒子』素材,加在頁面四周即可:
到這里呢,封面就算完成了。
這里呢,主要是一個表格的頁面,但這種形式,看起來會有一些枯燥。怎么解決呢?
很簡單的一個方法是,我們可以對表格的信息,進行重組。
啥意思呢?解釋一下,像這里,每一行的表格,都包含了4類內(nèi)容:
所以,我們就可以改變固有的表格形式,把這4類內(nèi)容,重新排序,做成這樣:
是不是也可以呢?
接下來,可以把顏色,與主題色進行協(xié)調(diào)搭配,處理成這樣,讓整體的風(fēng)格更加統(tǒng)一:
但這時候頁面,看起來有一些雜亂,主要原因呢,就是色彩有點太多了。
怎么解決呢?
我們可以減少頁面上的顏色,從三種變成兩種,從而讓視覺更加簡約:
最后,我們可以添加一個導(dǎo)航欄,如此一來,既可以與其他頁面建立關(guān)聯(lián),也可以讓頁面的背景更有層次感:
這是靜態(tài)的效果:
這里的話呢,算是一個時間流程圖,但頁面最大的問題就在于,流程不清晰。
怎么去解決呢?
其實,我們可以把不同的批次,按照橫向或縱向的方式,進行排列:
這樣是不是會清晰一些呢?
然后,把對應(yīng)批次和目標內(nèi)容,放到一起,并把報考志愿的類型,單獨放在一起:
這樣,可以讓頁面的邏輯關(guān)系更加清楚。
另外,這里的話呢,從內(nèi)容上來看,分為兩大版塊,所以我們可以使用不同顏色的色塊,進行分割即可:
這是靜態(tài)的頁面效果:
這是一個對比的頁面,原稿的呈現(xiàn)形式,有一些小的問題,比如:
那怎么去優(yōu)化呢?
很簡單,對于兩側(cè)文字數(shù)量不等的內(nèi)容,我個人建議,不要使用居中對齊,改成左對齊:
這樣會讓排版顯得更整齊。
另外呢,因為頁面上的內(nèi)容,可以分為三個部分,分別是表頭、北京地區(qū)以及蘭州地區(qū)。
因此,我們可以將頁面三等分,進行版式布局:
另外呢,這一頁的內(nèi)容,主要是來對比蘭州和北京地區(qū),所以,為了增強對比,我們可以使用不同顏色的色塊,進行區(qū)分:
接下來,把文字內(nèi)容,放到色塊上,來看一下效果:
還可以,對嗎?
最后,因為左側(cè)的部分文字內(nèi)容較少,所以,為了避免視覺不平衡,我們可以考慮添加對應(yīng)的小圖標,進行修飾即可:
到這里呢,我們的 PPT 已經(jīng)全部修改完成,整體來看一下視覺效果:
再來對比一下原稿:
各位可以看得出來,主要呢,是對頁面內(nèi)容的版式做了一些處理,讓它看起來更加整齊。
當(dāng)然,對于很多學(xué)術(shù)類的 PPT 而言,能做到這一點,我覺得足夠了。
好了,這就是文章的主要內(nèi)容,如果各位需要源文件,可以在評論區(qū)評論任意文字即可免費獲取。
原標題:我花了40分鐘,為新東方做了一份學(xué)術(shù)型PPT!值得一看!
]]>說來奇怪,最近我在做 PPT 定制設(shè)計的時候,風(fēng)格稿的通過率,較之前相比,明顯降低了很多。
有時候,做三版、四版已是常態(tài)。
對于那些被斃掉的稿子,在看客戶看來,它也許有不足的地方。
而在我看來,不管通過與否,它都是由我精心制作出來的,耗費了心血在里面。如果只是讓它們,靜靜地躺在硬盤里,不免有些可惜。
所以,我打算挑選一些,雖然被客戶否掉,但我個人覺得還不錯的頁面。跟各位分享一下,這些頁面從 0 到 1 的制作思路。
今天這篇文章呢,就跟各位分享兩頁,前段時間所制作風(fēng)格稿。
話不多說,先來看看客戶提供原稿。
已對原稿文字信息做替換處理
原稿是由客戶那邊設(shè)計師用 Ps 做的。用于公司內(nèi)部匯報還可以,但對外展示就稍顯遜色:
與客戶溝通,梳理完 PPT 內(nèi)容之后,我們需要先來確定一下 PPT 的大致風(fēng)格。
1、明確風(fēng)格的視覺特征
通過觀察原稿內(nèi)容,很容易看出,這份 PPT 是偏科技風(fēng)的,對嗎?
很常規(guī)的一種 PPT 風(fēng)格。借助花瓣,我們可以搜集到很多優(yōu)秀的設(shè)計作品:
如果你仔細觀察,很快就能總結(jié)出,這些作品的視覺特征。
比如大都是深色背景搭配亮色:
運用單色透明度漸變:
以及使用大量的折線進行修飾:
知道了大概的風(fēng)格方向,接下來,需要擬定設(shè)計規(guī)范。
2、制定基本的設(shè)計規(guī)范
首先是主題色。這里我選擇了深底搭配藍青漸變,有兩個原因:
然后,是字體的選擇。標題字是客戶購買的版權(quán)字體 —— 銳字銳線怒放黑。而正文選用的是思源黑體和 Roboto。
這里呢,就可以引入我們剛才所總結(jié)的視覺特征,比如為標題字,適當(dāng)?shù)奶砑右恍┱劬€,從而讓文字的機械感更強。
3、頁面的基本布局
由于這份 PPT 的屏幕不是特別寬,正文內(nèi)容還多。
為了保證頁面空間的利用率最大化,我們可以將標題置于頂部的中心位置,就像這樣:
另外,為了避免標題兩側(cè)太空,可以使用折線進行修飾。
接下來,我們進入單頁的修改。
因為線條與文字的交錯,原稿在邏輯上不是那么清晰。
拋開原有效果,避免線條與文字重疊,理清原稿邏輯,我們可以將頁面改成這樣:
很明了,對嗎?
大多數(shù)人的 PPT,能做這一步,就很不錯了。但是商業(yè)發(fā)布則不一樣,我們需要進一步優(yōu)化,匹配之前所擬定的風(fēng)格。
我會一步一步的來,從而讓你慢慢感受頁面的變化。
先把常規(guī)箭頭改為漸變折線:
給關(guān)鍵詞添加陰影模擬發(fā)光效果:
色塊由純色變成單色透明漸變:
變化已經(jīng)很明顯了,對嗎?
接著,我們可以找一些科技元素與圓形相結(jié)合:
再利用橢圓層疊繪制底座,從而讓頁面的立體感更強:
到這兒,這個頁面已經(jīng)優(yōu)化的差不多了。
最后,選擇一張還不錯的背景圖,調(diào)整圖片的色調(diào):
將其置于頁面底層即可。
與剛才那一頁相比,這一頁的邏輯要清楚的多。
同樣,我們?nèi)コ宓男Ч?,確定一下基本的版式。為了體現(xiàn)不斷升級,我們可以將孵化器的版本由低到高排列,讓它有個向上發(fā)展的趨勢。
接著,匹配風(fēng)格,對數(shù)字添加折線效果:
我們還可以讓多繪制一些迭代曲線,并調(diào)整曲線的透明度,從而讓頁面的層次感更強。
對于頁面中其他的內(nèi)容,我們同樣可以使用折線、單色透明漸變的圖形進行修飾。
比如利用折線強調(diào)小標題,使用漸變菱形構(gòu)建圖標與標題的聯(lián)系:
而下方的解釋說明性文字,直接使單色漸變圖形承載即可:
來看下整體效果:
還不錯吧?
最后,再來看一下前后對比:
好了,以上呢,就是一個科技類 PPT 風(fēng)格稿的制作思路。像這種定制案例的拆解,不知道各位是否喜歡呢?
原標題:我為客戶做了兩頁PPT,這里有一份完整的思路拆解全過程!
]]>先問大家一個問題:
不用一張圖片?怎么才能做出一份有質(zhì)感的工作匯報PPT?
來看下原稿內(nèi)容頁面:有封面頁、多項內(nèi)容頁、數(shù)據(jù)展示頁、對比內(nèi)容頁,是常見的頁面類型。
在開始找靈感、找素材前,可以先把頁面的文本內(nèi)容梳理一下,進行簡單的排版,這樣在尋找版式靈感參考時,就有清晰的方向。
風(fēng)格規(guī)范
看到是工作匯報型PPT,就可以確定風(fēng)格為商務(wù)風(fēng);
在站酷找靈感參考時,發(fā)現(xiàn)一些APP的展示頁面排版不錯,這種UI風(fēng)格頁面常采用色塊+陰影來進行場景展示,很有層次感。
所以考慮把商務(wù)風(fēng)和UI風(fēng)結(jié)合一下進行設(shè)計。
根據(jù)這個方向,結(jié)合中國銀行的LOGO元素等,可以大致確定PPT的配色和字體:
頁面設(shè)計
有了確定的設(shè)計規(guī)范,在設(shè)計的時候就不容易“迷路”。
先前確定封面版式為左文右圖,根據(jù)商務(wù)風(fēng)格,可以找與銀行相匹配的圖片來填充。
但想到銀行,腦海浮現(xiàn)的更多的是銀行卡這一元素,按照事先確定的風(fēng)格,可以用銀行卡這樣排版:
這里的銀行卡我們也沒有圖片,但可以用PPT來繪制,這樣也方便編輯修改,很快就能得到不同顏色的銀行卡:
頁面左側(cè)紅色標題配白色背景,看起來還是有些單調(diào),根據(jù)銀行卡的形狀,在頁面底部再加些圓角矩形,豐富層次感:
到這里看,整體效果還不錯,但黑色比重有些大,加個紅色漸變蒙版減弱黑色比重;
再來點少許半調(diào)粒子元素,增加質(zhì)感(哈哈,像極了做飯):
為保持風(fēng)格的統(tǒng)一,先把封面中的色塊、陰影、半調(diào)粒子等元素延續(xù)下來:
底部的色塊對文本內(nèi)容干擾比較嚴重,所以考慮用白色色塊承載文本內(nèi)容:
文本內(nèi)容相對單調(diào),利用圖標讓文本內(nèi)容更具可視化,像這樣:
做到這基本可以了,但還可以在細節(jié)上優(yōu)化一下:
數(shù)據(jù)展示頁比較讓人頭疼,大致也可以分為三點,延續(xù)第二頁的風(fēng)格,先把風(fēng)格元素都套上:
接著,就是把其中的數(shù)據(jù)內(nèi)容可視化。
分析文本內(nèi)容,可以發(fā)現(xiàn),這三點中的數(shù)據(jù)較之前都實現(xiàn)的增長,基于這一點,我們用彎曲箭頭來體現(xiàn)增長額趨勢:
到這里已經(jīng)排好了文本內(nèi)容,繼續(xù)優(yōu)化一下細節(jié),增加紅色元素減弱黑色比重:
對比頁大多為左右排版對比,文本內(nèi)容不多,套入統(tǒng)一的風(fēng)格元素,先看看效果:
同樣,可以利用圖標讓文本內(nèi)容更具可視化,同時加上VS字樣:
但是,仔細想想,優(yōu)勢和劣勢是存款同時存在的兩種情況,而“VS”通常有“對抗”的意思,用在這里不妥。
所以,把它們區(qū)分開來就好,這里可以用豎墻+投影來區(qū)分,同時還增加了空間感:
做到這里基本排版也算完成了,我們可以再優(yōu)化一下細節(jié):
總結(jié)
好了,到這里,這4頁PPT已設(shè)計完成,我們來看看前后效果:
希望以上的分享能幫助到你。
原標題:不用一張圖片,我為中國銀行,做了一份工作匯報PPT
]]>這篇文章來修改一下產(chǎn)品介紹類PPT。
整份 PPT,大概長這個樣子
同樣的,按照慣例,咱們依舊從中,挑選4頁進行修改:
好了,不廢話,直接進入正題。
因為這是一份品牌的PPT,所以,整套幻燈片的色彩搭配,我們就可以從 logo 中進行選擇:
字體的話,用黑體系列就行,我就不多廢話了。
接下來呢,咱們就直接進入到,每一頁 PPT 的修改。
這張封面頁,最大的問題呢,其實就是元素沒有對齊;
另外,就是標題的主次關(guān)系,我覺得有一些顛倒,強調(diào)的不應(yīng)該是產(chǎn)品介紹這一行信息:
所以,我們只需要簡單的把內(nèi)容對齊,調(diào)整標題主次關(guān)系,那這個封面的視覺效果,就會好很多:
這是靜態(tài)的效果:
當(dāng)然,按照我之前給大家講過的方法,為了避免頁面單調(diào),我們可以添加一個色塊:
這就能完成一個,70分左右的 PPT 封面了:
不過,如果我們細看,其實會發(fā)現(xiàn),這個產(chǎn)品有點歪,因為這里是側(cè)視圖的產(chǎn)品展示:
所以,為了讓產(chǎn)品看上去變得更正,我們可以在產(chǎn)品圖底部,添加一個與產(chǎn)品傾斜角度相同的色塊:
就像這樣,看上去是不是好很多呢?
另外,因為背景是一個偏藍色的空間,而產(chǎn)品圖的色調(diào)偏暖色,會有些突兀,所以,我們可以考慮把產(chǎn)品圖的色調(diào),變?yōu)樗{色:
是不是與背景融合度更高呢?
那么,該如何調(diào)整圖片的色調(diào)呢?非常簡單,利用 PPT 自帶的圖片處理功能即可。
我們可以選擇調(diào)整圖片的飽和度或色調(diào)均可:
為了讓各位理解的更清晰,我錄了一個動圖,大家可以看下,隨著飽和度參數(shù)的變化,產(chǎn)品圖片色調(diào)的變化過程:
好了,到這里呢,我們再看下最終的封面頁效果:
這里有一大段的產(chǎn)品介紹信息,但是呢,內(nèi)容之間的邏輯關(guān)系不夠清晰,除此之外,頁面的標題可以進一步優(yōu)化,直接描述重點。
那該怎么做呢?我們可以直接把產(chǎn)品的介紹寫在頁面標題里:
那對于剩下的內(nèi)容呢?我們就需要來梳理它的邏輯關(guān)系。
簡單分析可知,這一段文字,其實包含了三層信息,而且每一層信息都是遞進的。
因此,我們可以考慮用遞進的邏輯圖形,來進行呈現(xiàn)。
好的,分析到這兒呢,我們就可以來對每一部分的內(nèi)容,進行拆解,并提煉出關(guān)鍵詞,從而讓內(nèi)容更容易理解:
然后呢,我們可以把提煉后的信息,放在對應(yīng)的邏輯圖形內(nèi),簡單的排版布局,就可以了:
如果你覺得頁面單調(diào),也可以考慮添加一張背景圖片,來豐富視覺效果:
這是一個流程圖,相信大家都看得出來,這個圖上的線條太多了,看起來會有一點亂。
那該怎么修改呢?分享一個小竅門。
我們可以拋棄原有的大括號的箭頭,而改用直線,來界定不同階段的邊界即可。
這樣是不是清晰很多呢?
另外呢,為了讓頁面上的信息結(jié)構(gòu)區(qū)分更加明顯,我們可以使用不同的顏色,來進行內(nèi)容的區(qū)分:
同樣地,為了避免頁面單調(diào),可以考慮增加背景圖片:
這是一個典型的文字列表頁,共分為5項內(nèi)容。這種內(nèi)容的排版形式,太簡單了。
你可以插入5個色塊,或者將這5段信息并列排版均可。
如果你不想這樣做,在這里,也給大家提供另外一種方式,可以采用中心分散型布局:
同樣也可以表達并列關(guān)系。最后呢,把背景色,與前面的頁面統(tǒng)一即可:
到這里呢,整份 PPT 的修改,已經(jīng)全部完成了,咱們整體來看一下效果:
再來對比一下之前的頁面:
怎么樣?還可以吧?沒有特別復(fù)雜的操作,也沒有特別花哨的效果。
只需要簡單的操作,你也可以做出來,關(guān)鍵點在于能理解內(nèi)容的關(guān)系,并且有一些版式的積累。
好了,希望對各位有所幫助。
原標題:我花了60分鐘,為讀者修改了一份產(chǎn)品介紹類PPT!
]]>前段時間,在網(wǎng)上看到一份2020年度B站(一個視頻網(wǎng)站)的營銷方案 PPT,內(nèi)容很干貨,但設(shè)計上有點差強人意。
就是這一份:
我作為一位B站的新晉主播,當(dāng)看完整個方案后,第一時間,就萌發(fā)了要對 PPT 方案進行視覺優(yōu)化的想法。
所以,廢話不多,咱就直接來吧。
從內(nèi)容上來看,這屬于一個比較偏向于年輕風(fēng)格的方案,主打的,還是年輕人的營銷策略:
因此,在前期構(gòu)思設(shè)計風(fēng)格的時候,我想把它呈現(xiàn)做的偏酷一點,偏年輕化,色彩亮麗一點。
在顏色的選擇搭配上,我選了黑色背景,外加一些更鮮艷的色彩:
好了,有了大概的思路之后呢,咱們接下來,就進入到逐頁的修改。
看上去會比較簡潔,但有個問題在于,內(nèi)容的話,視覺上看起來,有一點偏下,而且,年輕的元素,沒有很好的體現(xiàn)出來。
所以,在設(shè)計呈現(xiàn)上,我們可以考慮,先來找一張年輕人狂歡的背景圖片,體現(xiàn)年輕的感覺:
另外呢,對于封面標題的文字,我想了有幾種方式。
第1種呢,是采用書法字體的排版,就像這樣:
但這種形式,有點太大眾了,所以就給放棄了。
另外呢,我還嘗試過使用一些放射色塊,并且融合一些B站的元素:
但做出來之后,感覺有一點老氣橫秋的感覺,這種設(shè)計在零幾年的時候去看,還可以,但今天,有點過時了。
因此,后來做了一個黑色的背景的版本,并且對文字,做了字體設(shè)計:
到這里呢,頁面內(nèi)容的排版,已經(jīng)差不多了,但是看上去有一點灰暗。
所以,我就在頁面上,插入了一些彩色的色塊,作為修飾點綴:
除此之外,我又進一步,直接把標題文字,也變成了彩色:
到這里呢,封面頁就算完成了。
整體是延續(xù)了封面頁的設(shè)計風(fēng)格,沒有什么大的問題,但是,也不算很出彩。
那怎么進行修改呢?
依舊是延續(xù)上一頁封面的黑色背景,但是把圖片中,人物部分畫面的占比,提高了很多:
這是靜態(tài)背景圖:
這樣的好處,就在于可以與上一頁,建立切換動畫的關(guān)聯(lián),啥意思呢?等會咱們再來看。
我們可以先把文字,排在這一頁的圖片上:
到這里呢,頁面的版式布局已經(jīng)完成了,但是,頁面上依舊是缺少了一些色彩。
所以,我們可以添加一些彩色漸變的氣泡,并且把重點的文字,也變成彩色:
怎么樣?是不是好多了?
最后,加上動畫效果,使其與封面建立關(guān)聯(lián),是不是很贊?
這里呢,就是兩段文字加一個圖表,主要是解釋了一個概念。
因為這是一份讓人閱讀的方案,所以,我們盡量不要對信息做大幅的刪減,保留原稿即可。
那對于這樣的頁面,當(dāng)我們優(yōu)化時其實是有兩個方向。
首先是添加一張背景圖,來體現(xiàn)年輕人的元素:
其次是匹配整體的色彩風(fēng)格,重點內(nèi)容和圖表變?yōu)闈u變色:
到這里呢,就可以了,不需要做其他的信息處理。
我也為圖表添加了一個動態(tài)的效果,各位可以看下:
對于這樣的頁面呢,給大家分享一種萬能的設(shè)計思路,一共分為3個步驟。
1.對頁面進行分欄。
因為這里有5部電影,所以,我們就分為5欄:
2.把海報圖片放大,占滿整欄,并且進行圖片模糊。
這里,可能要對畫面進行裁剪:
3.把圖片和文字內(nèi)容,放在對應(yīng)的分欄中心。
形式呢,就像這樣:
當(dāng)然,如果想做的精細一點,其實,可以在海報的底部,再添加一些光效,增加質(zhì)感:
這里的排版,其實已經(jīng)很整齊了,但是,頁面的圖標類型,其實可以再統(tǒng)一一下。
除此之外,還有一個問題在于,采用這種規(guī)整的排版,體現(xiàn)不出『多樣化』這一視覺概念。
那該怎么進行修改呢?
既然要體現(xiàn)『多樣化』,所以,我們就可以在頁面上添加很多的圓形氣泡:
這樣呢,更能體現(xiàn)『多』這一概念。
對于其中的一些氣泡呢,我們可以寫上對應(yīng)的文字,并且添加圖標:
這樣的話,看起來是不是更有一種多的感覺呢?
以上呢,就是這5頁ppt的修改,我們來總體看一下。
這是原稿:
這是修改后:
怎么樣?還不錯吧?
原標題:我為B站做了一份PPT!同事:還能這么高級!
]]>對于多文字的 PPT ,在之前的文章中,我曾經(jīng)分享過一些設(shè)計的方法。雖然很好用,不過,依舊有一些讀者,在面對多文字 PPT 時,又一臉懵逼。
因此,這篇文章,就以一份實例修改,來跟大家分享多文字 PPT 的處理。
就是這份京東物流的報告:
老規(guī)矩,還是從中挑選4頁:
那我們該如何下手修改呢?
先別慌,來整體思考一下風(fēng)格的問題。
既然是京東的 PPT ,所以,在色彩上我們可以選擇紅色:
而字體的話呢,京東也曾經(jīng)發(fā)布過自己的品牌字體。所以,用這個是最合適的:
另外,對于多文字的 PPT ,使用白色背景,會讓頁面顯得很清爽。
好了,整體的風(fēng)格呢,已經(jīng)差不多了,咱們進入到單頁的修改。
對于這個封面呢,本身也沒什么問題,不過呢,我們可以使其,與整體的色調(diào)保持一致。
這里的話,我做了3個版本。
1.首先第1個版本呢,靈感來自京東物流曾經(jīng)發(fā)布的一個廣告:
所以呢,我就找了一張京東物流的卡車圖片,使其作為背景:
這里呢,我們正好可以把標題的文字信息,放到車頂上方:
如果只是這樣,未免有一些單調(diào),我們可以加一些光暈的效果:
這樣,第1個版本就算完成了。
2.第2個版本呢,我找了一些跟物流有關(guān)的交通工具:
而當(dāng)我們把圖片確定之后,排版就非常簡單,無非就是在文字底部,加個色塊即可:
3.第3個版本呢,是在這個的基礎(chǔ)上,對圖片做了一些處理:
總之呢,都是一些封面處理的思路,各位可以自行選擇。
這一頁的話,信息就非常非常多了。如果我們能夠耐心看完,其實會發(fā)現(xiàn),這里的信息呢,是體現(xiàn)了兩個點:
分別是講了兩個方面的內(nèi)容:
所以呢,我們就可以考慮拆分成兩個頁面。
首先第1個頁面的話呢,就是左半部分的文字,我們可以對它進行可視化的處理:
咱們一點一點地進行拆解。首先我們可以看到,這里有一句話是這樣的:
所以呢,我們就可以把這句話的含義,給可視化的呈現(xiàn)出來:
當(dāng)然,為了讓呈現(xiàn)的效果更好一些,可以加一些圓形的斑點,進行裝飾:
接下來呢,就是其它的信息,這里呢,還體現(xiàn)了另外的兩個點:
所以,我們可以基于不同的含義,將內(nèi)容進行拆分,并且添加一些小圖標,進行內(nèi)容的可視化:
最后把這個頁面組合即可:
那對于另一個頁面呢,這里只是羅列了一些信息點:
因此,最簡單的方法,就是給他們添加上對應(yīng)的小圖標,進行可視化呈現(xiàn)即可:
這一頁的內(nèi)容同樣很多,而且還有兩張不太美觀的圖片。那該怎么進行處理呢?
因為這里的文字內(nèi)容,都是并列的信息,所以,最簡單的方式就是,添加小圖標,并列排放即可:
而對于右側(cè)的圖片呢,給各位分享一個方法,就是添加相框:
這時候呢,我們把圖片和文字內(nèi)容,組合在一起:
但這時候,頁面有一些過于單調(diào),怎么解決呢?很簡單,加色塊:
當(dāng)然了,除了這種之外呢,我們還可以與整體的色彩風(fēng)格保持一致,添加紅色的色塊:
這些都是可行的一些方式。
這是一個不太復(fù)雜的技術(shù)架構(gòu)圖,那該如何對它進行優(yōu)化呢?我的方法是,我們可以采用2.5d的風(fēng)格,就像這樣:
所以,我們可以先來梳理頁面上的模塊信息,一共包含4個部分,對嗎?
然后呢,利用三維旋轉(zhuǎn)功能,將它排列成傾斜的樣式:
到這一步呢,我們的底座就已經(jīng)有了,然后就需要來尋找對應(yīng)的2.5d素材。
各位可以看到,對于同一個圖標,平面樣式和2.5d樣式,它們的區(qū)別是這樣的:
然后呢,就把我們找好的2.5d圖標,放到對應(yīng)的模塊位置上即可:
但是,這時候,頁面看起來會有一點過于單調(diào),怎么解決呢?
我們可以在頁面左上方和右下方,添加一些漸變的顏色,用來豐富頁面視覺效果:
到這里呢,是不是好很多了呢?
以上呢,就是整份PPT的修改過程,咱們可以整體再來看一遍。
- 這是修改前 -
- 這是修改后 -
整體的話,主要是基于京東的品牌色,對頁面的色調(diào)做了處理,另外,對于大段的文字信息,將其提煉,并且可視化,也是非常重要的一個步驟。
好了,以上呢,就是整份PPT全過程。
原標題:我為京東,修改了一份文字超多的PPT!同事:只有它家能駕馭!
]]>在之前,索尼在上海發(fā)布了 Xperia 5手機,不過,鑒于這幾年,索尼在國內(nèi)的消息太少,所以,可能有些讀者完全不知道他們開了這個發(fā)布會,不過是真的開了。
但是呢,不吹不黑的說,這次的產(chǎn)品真的沒什么亮點,完全不具備吸引力。而且,這次產(chǎn)品的發(fā)布會 PPT 呀,也是讓我一言難盡。
什么樣呢?大家自己看看吧。
真是讓我深深懷疑,這是認真的嗎?畢竟是新品發(fā)布會哎……
好了,嘮叨了半天了,那這份PPT,應(yīng)該如何去修改呢?
其實非常簡單,對于手機產(chǎn)品發(fā)布會來講,一般而言,主要是秀產(chǎn)品,秀功能,字少圖多,風(fēng)格簡約。
咱們來看一些其他廠商的發(fā)布會 PPT ,你就明白了。
所以,咱們就沿用這種風(fēng)格,來進行重新設(shè)計。
因為在發(fā)布會場地,會有很多媒體拍照,所以,為了避免過曝,咱們選用深色背景。
但要注意,純黑不是很好的選擇,因為顯得有些單調(diào):
所以,我們可以考慮加一些漸變,來增強背景層次:
這個背景板是我在 PS 里調(diào)的,使用了多層光圈,且為了增強質(zhì)感,并添加了一些雜質(zhì)。
其實,如果我們經(jīng)??匆恍┌l(fā)布會的PPT,就會發(fā)現(xiàn),在背景中,經(jīng)常有一些雜質(zhì)出現(xiàn)。
比如像錘子發(fā)布會,大家可以點開看大圖,在手機上估計看不清楚:
好了,當(dāng)我們設(shè)計完背景板之后,接下來,咱們就對PPT進行逐頁處理。
這個表格有兩個問題:
01. 因為表格內(nèi)有顏色填充,所以,放在背景上,像是一塊補丁,很突兀。
02. 因為是寬屏 PPT ,所以,3列式的表格形式,會讓表格局限在中心,兩側(cè)顯得很空洞。
所以,我們可以這樣來做:
01. 去掉表格內(nèi)的顏色填充,使用線條式表格,這樣與背景融合感更強:
02. 把3列式表格,修改為3行式表格,這樣可以充分的利用頁面空間:
不得不說,這一頁的設(shè)計過于粗糙了,缺少氛圍的營造,觀眾完全感受不到,這幾個顏色的美感在哪里。
那該怎么辦呢?
非常容易解決,我們只需要在每一個產(chǎn)品的底部,加一個與色彩有關(guān)聯(lián)的圖片即可。
就像這樣:
這些背景,是官網(wǎng)上渲染過的圖片,非常合適
相信很多讀者,也會遇到這樣的PPT,需要為某一個產(chǎn)品細節(jié)做注釋。
那這一頁PPT最大的問題就在于,線條方向不一致。
解決這個問題的方法太簡單了,我們只需要把指引線,拉成水平的直線就好了:
在其他很多產(chǎn)品發(fā)布會中,也都是同樣的方法,沒有什么特別的。
比如像,榮耀手機發(fā)布會中的這個例子:
還有像錘子科技的發(fā)布會PPT中,也經(jīng)常遇到:
是不是特別像沒有任何 PPT 基礎(chǔ)的人做的呢?插入了兩張圖片,然后裁剪為橢圓,竟然連正圓都不是!
那這一頁的 PPT 該怎么改呢?
教給各位一個最簡單的方法,找兩張與文案有關(guān)的圖片,然后放大,讓每一張圖片占據(jù)一半頁面就可以了:
怎么樣?是不是非常簡單?
如果你看了現(xiàn)場的發(fā)布會,你就能夠非常明顯的感覺到一個問題,什么呢?
頁面內(nèi)容太多了,它在講兩個方面的內(nèi)容,一方面是產(chǎn)品介紹,另一方面是產(chǎn)品對比,但卻把所有內(nèi)容放在了同一頁。
難道 PPT 頁面就這么匱乏嗎?為啥不多加一頁呢?
所以,如果是我來修改這頁PPT,我肯定會把它分頁,而這一頁呢,只講外界對 APP 的評價。
不過,雖然有的這個思路,但我在制作的過程中,又遇到了另一個問題,那就是在網(wǎng)上幾乎找不到這款 APP 的圖片,唯一覺得還不錯的,就是這張:
圖片質(zhì)量還行,但它的問題在于,圖片放在寬屏頁面上,顯得不夠?qū)挘?/p>
這該怎么辦呢?再來分享一個冷門的小竅門。
我們把圖片復(fù)制一張,水平翻轉(zhuǎn),與圖片左側(cè)拼接在一起:
左側(cè)為水平翻轉(zhuǎn)后的圖片
然后,對圖片進行橫向拉伸,直到圖片上有充足的面積,來放上文字即可:
最后,咱們看下最終的頁面效果:
這頁PPT的問題在于,價格是這頁 PPT 的核心信息,但卻不夠突出。
所以,當(dāng)我們在修改時,可以基于寬屏 PPT 的特點,把排版方式從上下布局,修改為左右布局,并且,把價格信息放大突出即可:
明白了嗎?這就是我在修改這場發(fā)布會PPT時的一些思路,沒有特別復(fù)雜的操作,也沒有特別難以理解的地方。
咱們整體來看一遍這個效果:
與之前的原稿對比一下:
看起來還可以,對嗎?在素材有限的情況下,也做出了大牌發(fā)布會 PPT 應(yīng)有的感覺。
好了,以上呢,就是這篇文章的所有內(nèi)容,希望對各位有所啟發(fā)。
另外,修改版的 PPT 源文件也免費分享給各位,在評論區(qū)評論任意文字即可免費領(lǐng)取。
另外大家可以存一下這個背景板:
原標題:我花了40分鐘,幫索尼修改了一份產(chǎn)品發(fā)布會PPT。
]]>
這個很簡單,我們可以打開網(wǎng)易大數(shù)據(jù)的官網(wǎng),從官網(wǎng)上取色:
在上篇,跟各位分享了國外PPT大神是如何修改幻燈片的?(上),反響還不錯,很多讀者挺喜歡這種簡單粗暴,呈現(xiàn) PPT 修改前后對比的實例修改。既然各位喜歡,那么,咱們就再來篇續(xù)集。
好的,廢話不多說,直接說正事兒。
以上,就是今天向各位推薦的幾組幻燈片案例。還是那句話,在設(shè)計上,沒有最好,只有更好。每一組修改案例,都有可借鑒之處。好了,你喜歡哪一組?分享一下唄?