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