這篇文章來一期讀者投稿PPT的案例修改
這是一份偏銷售培訓(xùn)類的課件,完整版長這樣:
老規(guī)矩,我們還是挑其中的4頁進(jìn)行修改:
因?yàn)檫@是一份有企業(yè)主題的培訓(xùn),所以,整體的色調(diào),我們可以拋棄紅色,基于企業(yè) Logo 進(jìn)行選擇:
顏色的話,還是從企業(yè)logo中提取出來的:
接下來,我們就進(jìn)入到單頁的修改。
封面其實(shí)做的還不錯(cuò),有一些小問題就是:
所以呢,我們可以基于這些點(diǎn)進(jìn)行修改。
首先是信息的排版,左對(duì)齊就可以了,突出標(biāo)題,進(jìn)行對(duì)比:
那么,圖片的話,我們選擇什么呢?我們來分析一下標(biāo)題的關(guān)鍵詞:
從這個(gè)標(biāo)題中,我能聯(lián)想出來的畫面,大概是這些:
在這里,我選擇用點(diǎn)贊的畫面,表現(xiàn)超預(yù)期服務(wù):
但這個(gè)畫面中,元素太亂了,而且點(diǎn)贊的手,與頁面的背景色不融合,所以,我把手單獨(dú)提取出來,并調(diào)整了一下它的色調(diào):
看起來有一些單調(diào),我們可以基于原圖,在周圍加一些小圖標(biāo):
看起來好多了,對(duì)嗎?我們把信息跟配圖放在一起,來看一下:
有一些單調(diào),咋辦呢?我們可以加入一個(gè)暖色調(diào),我用的是黃色,用來協(xié)調(diào)頁面色彩即可:
是不是好多了?
這一頁的話,原稿中唯一的問題就是,為啥要把人物的圖片,放到Pad里呢?
那怎么修改呢?我們可以基于信息的重要程度,做一個(gè)簡單的排版:
人物的背景,我們可以去掉,這樣可以有更大的排版空間:
我用的是稿定摳圖
接下來,換上我們確定的主題色,來看一下:
右側(cè)有一些單調(diào),怎么辦呢?
我們可以加一個(gè)與空客集團(tuán)有關(guān)的配圖,來豐富背景,另外呢,也可以添加暖色調(diào),與整體的風(fēng)格保持協(xié)調(diào):
這一頁主要是來介紹一個(gè)概念,我覺得唯一的問題是,表達(dá)上有點(diǎn)啰嗦。
咋辦呢?我們可以先簡單規(guī)劃下布局,頁面上一共有3段信息,可以做成這樣:
然后呢,把我們的內(nèi)容,放到對(duì)應(yīng)的位置上,這里要注意,我為下面的兩部分信息,提煉了小標(biāo)題,這樣更容易理解:
加個(gè)色塊,并且加一些小圖標(biāo),來豐富視覺效果:
但有個(gè)問題是,頁面右上角會(huì)有點(diǎn)空。咋辦呢?
我們可以把這里的概念名稱,做一些藝術(shù)化的處理,主要是變成了3維效果:
制作的方法呢,可以參考這篇文章:立體文字制作
然后,我們把它放到右上角即可:
這里的話呢,沒有什么太大的問題,就是在配圖上,會(huì)有一些重點(diǎn)不夠突出。
所以,我們可以找一個(gè)只有甜筒的素材,這樣,配圖會(huì)更有指向性:
為了與前面的頁面的視覺風(fēng)格保持一致,還是用上我們的色塊和黃色調(diào):
這里呢,有個(gè)細(xì)節(jié)是,整個(gè)頁面是偏藍(lán)色,但是甜筒,會(huì)有一點(diǎn)偏暖色調(diào)。
咋辦呢?我們可以選擇圖片,在顏色中,修改色調(diào):
來對(duì)比看一下效果:
這樣一來,會(huì)讓甜筒的素材,與色塊更加融合:
這就是整份PPT的修改過程,整體再來看一遍。
-修改前-
- 修改后 -
整份 PPT 的修改呢,主要是對(duì)主題色以及排版方式,做了優(yōu)化,讓整體的風(fēng)格更統(tǒng)一。
希望對(duì)各位有所啟發(fā)。
·
我?guī)鸵患蚁愀酃靖牧朔軵PT,同事:3D效果秀炸了!
]]>今天這篇文章,通過兩個(gè)案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來看下頁面內(nèi)容,也不復(fù)雜,主要有標(biāo)題、表格和曲線圖:
仔細(xì)閱讀表格和曲線圖,會(huì)發(fā)現(xiàn)兩者有一定的相關(guān)度,表格表頭和曲線圖X軸的內(nèi)容是相對(duì)應(yīng)的:
那么在排版的時(shí)候,我們就可以考慮將它們結(jié)合起來進(jìn)行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來:
然后將表格各個(gè)時(shí)期的內(nèi)容,放在對(duì)應(yīng)的區(qū)域內(nèi),像這樣:
接下來,我們對(duì)表格內(nèi)容進(jìn)行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強(qiáng)空間感,給圓形設(shè)置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來像球體:
同時(shí)我也給圓形加了暗藍(lán)色的陰影,營造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來有些臟:
一樣的方法,將其他的表格內(nèi)容進(jìn)行優(yōu)化處理:
最后,我們把曲線也繪制出來,調(diào)節(jié)透明漸變填充,這樣可以將遮擋的文字顯現(xiàn)出來:
來看看最終的優(yōu)化效果:
再來看看案例二的原稿:
這個(gè)案例是多項(xiàng)內(nèi)容排版,原稿中元素的使用比較老套,先把文字給提取出來:
?我們改用圓形色塊來承載文字信息:
考慮到頁面的均衡感,可以將各項(xiàng)內(nèi)容對(duì)齊均勻分布,像這樣:
但這時(shí)標(biāo)題上下兩側(cè)的內(nèi)容區(qū)域,與左右兩側(cè)相比,看起來也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來開始豐富頁面內(nèi)容,中心標(biāo)題用兩個(gè)疊加的圓形來承載,外側(cè)在添加兩條漸變線條:
給兩個(gè)圓形設(shè)置漸變和陰影效果,豐富頁面的層次感:
兩側(cè)各個(gè)小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠(yuǎn)小的原則,讓頁面空間感倍增:
分散排版有一個(gè)需要注意的點(diǎn):為了讓頁面左右不失衡,盡量讓兩側(cè)元素面積的和,保持一致:
把文字加上看看效果,這時(shí)所有圓形都用來承載文字內(nèi)容,感覺缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁面,效果會(huì)好很多:
好了,以上就是這兩個(gè)案例的優(yōu)化過程,思路也寫得比較細(xì)致,希望對(duì)你做PPT設(shè)計(jì)有所幫助。
·
講真!這張一口氣放了30個(gè)圓的PPT,最少能值600元!
]]>提前聲明,如果你能夠認(rèn)真讀完這篇文章,那么,你肯定能學(xué)到一個(gè)超實(shí)用的 PPT 設(shè)計(jì)技巧。
那么,到底是啥呢?
先來問各位一個(gè)問題,不知道你是否留意過:
在我們處理 PPT 表格內(nèi)容時(shí),很多時(shí)候,在同一個(gè)表格里,往往會(huì)有很多的重復(fù)項(xiàng)內(nèi)容。
比如說像這里的[阻力上漲幅度]的內(nèi)容,重復(fù)出現(xiàn)了3次:
還有像這里的[考核時(shí)間]和[分析]部分的內(nèi)容,都存在大量的重復(fù)項(xiàng):
而大多數(shù)人的做法呢,都是完整地保留重復(fù)信息。
但最近,在翻看一些優(yōu)秀的設(shè)計(jì)案例時(shí),我發(fā)現(xiàn),原來還有另一種處理方式。
什么呢?那就是使用圖例,來替代重復(fù)項(xiàng)內(nèi)容,進(jìn)行呈現(xiàn)。
啥意思呢?比如說像 SpaceX 的這張 PPT 頁面,采用不同色彩的圖形,來表現(xiàn)不同的狀態(tài),看起來就更具可視化效果:
再比如像這個(gè)頁面中,用對(duì)號(hào)來表達(dá)完成的狀態(tài):
還有像這個(gè)頁面中,用不同的符號(hào),來表現(xiàn)是否提供對(duì)應(yīng)服務(wù)內(nèi)容:
不得不說,這是一個(gè)相當(dāng)簡單實(shí)用的設(shè)計(jì)方法,不僅可以簡化頁面的信息,而且可以增強(qiáng)頁面可視化效果。
我給它起了個(gè)名字,叫做『圖例替代法』。
啥意思呢?先來解釋一下,啥叫圖例呢?
這其實(shí)是圖表中的一個(gè)概念,用來指代每一個(gè)圖表系列的含義:
但如果,我們能夠切換一下思維方式,把圖例應(yīng)用在其它頁面中呢?
比如說像這個(gè)頁面,表格里有很多重復(fù)的數(shù)字1:
但其實(shí),我們可以將其替換為圓形色塊,是不是好很多?
再比如像這個(gè)頁面,就是一個(gè)普普通通的表格:
各位可以看到,里面【評(píng)價(jià)部分】的內(nèi)容項(xiàng),存在重復(fù):
因此,我們?yōu)榱嗽鰪?qiáng)可視化效果,就可以考慮采用 emoji 表情作為圖例:
這樣一來,頁面是不是有趣多了?
像一些科技廠商的發(fā)布會(huì)中,也經(jīng)常會(huì)用到圖例法。比如用不同朝向和色彩的三角形符號(hào),來表現(xiàn)出提升或下降:
明白了嗎?
我列舉了4個(gè):
啥意思呢?舉幾個(gè)例子來說一下。
比如像這個(gè)頁面,用不同的色塊,來表現(xiàn)不同的企業(yè)類別:
再比如用不同的箭頭,表達(dá)數(shù)字增減:
再比如像小米發(fā)布會(huì)中的這張表格,用不同色彩的圖形,表達(dá)不同狀態(tài):
好了,那接下來咱們通過3個(gè)實(shí)際的案例,來理解一下。
先來個(gè)簡單的,比如像這個(gè)頁面:
大家可以分析一下,這里的重復(fù)項(xiàng)內(nèi)容是哪些呢?
是日平均氣溫,對(duì)嗎?
那么,接下來,該如何定義圖例呢?
我們可以使用不同深淺的色塊,來表現(xiàn)不同的氣溫階段:
完成了這一步,咱們來看下頁面效果:
再比如像這個(gè)頁面,同樣地,先來分析下,這個(gè)表格中,都有哪些屬于重復(fù)項(xiàng)內(nèi)容呢?
很明顯,這里有兩個(gè):
因此,我們可以選擇其中一類內(nèi)容,比如我們就選擇調(diào)查方法。
這里呢,我們定義一個(gè)圖例樣式:
同樣地,將其替換運(yùn)用在表格中即可:
再來最后一個(gè)例子,這里的重復(fù)項(xiàng)內(nèi)容是什么呢?
雖然不是很明顯,但簡單分析也能發(fā)現(xiàn),屬于數(shù)據(jù)增減型,所以,還是先定義圖例:
放在頁面上,簡單看下效果,可視化效果好很多了:
最后,完成頁面的排版設(shè)計(jì)即可:
以上,就是『圖例替代法』的使用,大道至簡,好用的方法,往往就是這么簡單。
希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:看了一加手機(jī)這張PPT圖表!我學(xué)會(huì)了一個(gè)超實(shí)用的神技巧!
]]>今天這篇文章為大家修改一份四川大學(xué)PPT。
這是一份智慧醫(yī)療相關(guān)的內(nèi)容,還是先來整體的看一下這份PPT:
老規(guī)矩,還是挑其中的4頁進(jìn)行修改:
因?yàn)檫@是一份偏醫(yī)療科技相關(guān)的PPT,所以,色彩的選擇上,我選了以紫色調(diào)為主,給人溫馨的感覺:
背景板就以淺色為主,并在底部,添加一些科技粒子元素:
這樣的話呢,既有了科技的感覺,而且也會(huì)比較干凈。
當(dāng)然,顏色不是唯一固定的,如果你想呈現(xiàn)出高科技的感覺,也可以使用青綠色。
接下來呢,我們就進(jìn)入到單頁的修改。
原稿的頁面設(shè)計(jì)上,主要有兩個(gè)小的問題:
那該如何優(yōu)化呢?
我們還是先來簡單的構(gòu)思一下頁面的布局,依舊是左右結(jié)構(gòu):
但如果只是這樣的排版,有些呆板,所以呢,我對(duì)標(biāo)題文字做了一些處理,主要是增加了漸變:
然后是右側(cè)的視覺元素,用什么樣的配圖呢?
我們還是先來分析,標(biāo)題中的關(guān)鍵詞:
很明顯,從『盾』這個(gè)字,可以看出,這里想要體現(xiàn)的就是安全。
所以呢,我就搜索了一些盾牌相關(guān)的元素,感覺這個(gè)不錯(cuò),既能體現(xiàn)安全,還有一些科技感:
但在這個(gè)畫面中,我只想要盾牌的部分,所以,就單獨(dú)拿出來放在PPT上,并調(diào)整了顏色:
說明一下,我找到是矢量素材,大家可以看到,元素的每一個(gè)面,都是可以進(jìn)行調(diào)色的:
另外,為了體現(xiàn)出是醫(yī)療安全,我們可以在盾牌上,加一個(gè)醫(yī)療的標(biāo)志:
這時(shí)候,來看一下效果:
還不錯(cuò),但是呢,盾牌的底部,沒有一個(gè)底座,出現(xiàn)的有些突兀。
咋辦呢?我們可以繪制兩個(gè)橢圓,讓盾牌立在底座上,看起來會(huì)更好一些:
這一頁,主要就是一個(gè)流程圖的展現(xiàn),原稿的問題就在于,流程有一些混亂,不知道應(yīng)該從哪開始。
咋解決呢?還是先來規(guī)劃頁面的版式:
然后,對(duì)流程圖做一些處理,關(guān)于流程圖的處理呢,主要是找好主干,使其符合正常的閱讀順序。
沒啥好的方法,就是多去嘗試,我畫了幾個(gè)不同的版本:
最后定下來是用這個(gè):
對(duì)于右側(cè)的內(nèi)容呢,這就沒啥說的了,并列擺放整齊即可:
所以,按照我們的布局,擺放在頁面上即可:
這一頁的表格設(shè)計(jì),還挺有創(chuàng)意,但是有兩個(gè)小問題。
表格的間距有點(diǎn)太大了,導(dǎo)致信息會(huì)有點(diǎn)分散:
左側(cè)的表頭部分采用了右對(duì)齊,這樣的話呢,會(huì)讓內(nèi)容看上去不整齊:
咋解決呢?我們可以用一個(gè)色塊,承載所有的表格內(nèi)容:
另外,因?yàn)槲覀円怀鲋攸c(diǎn),所以,可以考慮把顏色做一些更改即可:
這一頁的內(nèi)容呢,結(jié)構(gòu)已經(jīng)非常清晰,但是呢,視覺元素會(huì)有點(diǎn)雜亂。
咋優(yōu)化呢?我們來分析一下,這是一個(gè)『某段時(shí)間內(nèi)的數(shù)據(jù)對(duì)比』頁面。
所以,我們可以先來構(gòu)思『數(shù)據(jù)對(duì)比』部分,該如何呈現(xiàn)呢?最簡單的方法,我們可以使用顏色對(duì)比:
另外,因?yàn)閭鹘y(tǒng)手術(shù)部分,分為4個(gè)流程,所以呢,我們可以將其拆分成4段:
那么,時(shí)間的概念該如何體現(xiàn)呢?我想了3種方式,用刻度尺,或者心電圖等概念:
最終呢,我選擇的是第2個(gè):
這就是整份PPT頁面的修改過程,整體來回顧一遍。
- 修改前 -
- 修改后 -
整個(gè)修改過程,主要是改變了色調(diào),以及對(duì)內(nèi)容可視化的形式做了更改。
希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:我給四川大學(xué)做了份紫色PPT!同事:紫色流程圖好洋氣!
]]>今天給大家分享一個(gè)超有創(chuàng)意的圖表風(fēng)格——視錯(cuò)覺圖表。
看起來很不錯(cuò),對(duì)嗎?
其實(shí)它們的做法也超簡單,接下來就給大家詳細(xì)分享一下。
在開始制作之前,首先我們要理解一個(gè)概念——什么是視錯(cuò)覺圖表呢?
簡單來說,就是利用對(duì)元素的處理,讓觀看者形成視覺上的錯(cuò)覺,從而營造出創(chuàng)意的圖表效果。
比如小米發(fā)布會(huì)時(shí),這張宣傳海報(bào),看起來就十分立體,對(duì)嗎?
再比如PS軟件之前的啟動(dòng)頁,怎么看都似乎是成立的:
以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》,也是通過搭建視錯(cuò)覺場(chǎng)景,征服了海量玩家。
最最常見的,就是網(wǎng)上的一些視錯(cuò)覺的圖,一搜一大把:
明白了吧?下面我們正式開始制作。
這個(gè)圖表最亮眼的地方,就是那些看起來很有光感的發(fā)光膠囊燈管,對(duì)嗎?
但其實(shí)只需要一個(gè)圓角矩形,和一個(gè)虛化的圓角矩形,就可以做出這個(gè)效果:
我們首先插入兩個(gè)圓角矩形,并設(shè)置好填充色:
然后我們?yōu)樽髠?cè)的圓角矩形,設(shè)置陰影,來增加立體感:
注意:陰影的效果會(huì)受形狀大小的影響,在放縮形狀時(shí),需重新調(diào)整。
接著,我們選中右側(cè)的圓角矩形,在形狀格式中,選擇虛化邊緣,并調(diào)整虛化數(shù)值:
注意:形狀越大時(shí),虛化的數(shù)值也要跟著變大,反之亦然。
最后,把兩個(gè)圖形居中對(duì)齊,一個(gè)發(fā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調(diào)整各個(gè)膠囊管的寬度,使其和原始圖表中的條形寬度一致,來保證數(shù)值的精確:
之后,把原始圖表的條形設(shè)置為無填充,并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數(shù)值的時(shí)候,還可以重新填充回來,方便比照著調(diào)整圖表。
最后,我們?cè)僬{(diào)整一下背景,并添加一些色塊。
再把內(nèi)容放上,就完成了:
怎么樣,是不是很簡單?
這個(gè)圖表分為兩個(gè)部分,折線圖和面積圖。
我們先來做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復(fù)制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進(jìn)行選擇性粘貼,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營造光感:
?然后再給最高點(diǎn)添加一個(gè)光效,突出重點(diǎn):
有了光,就要有陰影,對(duì)嗎?
我們把折線復(fù)制一份,然后向下調(diào)整復(fù)制的折線的高度:
之后把折線設(shè)置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個(gè)帶投影的折線就做好了:
*注意調(diào)整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復(fù)制一份折線,然后畫一個(gè),高度大于折線范圍的矩形:
接著,選中折線和矩形,點(diǎn)擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點(diǎn)擊形狀格式下的合并形狀,選擇結(jié)合:
一個(gè)圓滑的面積圖就出現(xiàn)了。但這還不夠,因?yàn)槲覀冞€要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個(gè)等距的矩形,高度要超過面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個(gè)微微有些立體錯(cuò)覺的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對(duì)齊,并添加襯底色塊,對(duì)內(nèi)容進(jìn)行排版:
一個(gè)漂亮的視錯(cuò)覺折線面積圖,就完成了。
到這里,今天要分享的兩個(gè)視錯(cuò)覺圖表教程,就結(jié)束了,希望對(duì)你有所幫助。
·
原標(biāo)題:乖乖嘞!這種視錯(cuò)覺風(fēng)的PPT圖表,太高端了!
]]>前些日子,逛蘋果官網(wǎng)中的幾個(gè)動(dòng)效,引起了我的注意:
看起來還挺酷的,是嗎?但其實(shí)做法非常簡單,只需要用到PPT中的一個(gè)功能,花3分鐘就能搞定。
這個(gè)功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:
然后我們把頁面01復(fù)制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個(gè)窗口移動(dòng)到頁面外:
最后,我們給頁面02添加一個(gè)【平滑】切換效果:
一個(gè)多窗口飛入的效果,就完成了!
怎么樣,是不是超級(jí)簡單?
沒有復(fù)雜的動(dòng)畫,只需要?jiǎng)觿?dòng)鼠標(biāo)移動(dòng)一下~
并且,利用這個(gè)原理,我們還可以做出更多簡單又有意思的設(shè)計(jì)!
這個(gè)效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產(chǎn)品A和介紹文字飛出,騰出版面空間
Step02:產(chǎn)品B和介紹文字從頁面外進(jìn)入
Step03:產(chǎn)品B和介紹文字飛出,騰出版面空間
Step04:產(chǎn)品C和介紹文字從頁面外進(jìn)入
因此,我們需要至少3個(gè)頁面。
因?yàn)?個(gè)產(chǎn)品要依次展示,所以我們先產(chǎn)品A和介紹放到頁面上,產(chǎn)品B和產(chǎn)品C則放到頁面外:
然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動(dòng)到頁面外:
移動(dòng)完畢后,為頁面添加【平滑】切換效果:
產(chǎn)品A和介紹都飛出去了,原理第一步實(shí)現(xiàn)了,對(duì)嗎?
接下來,我們?cè)侔旬a(chǎn)品B和介紹,移動(dòng)到頁面上:
再預(yù)覽一下效果:
產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實(shí)現(xiàn)了。
重復(fù)上面的操作,我們就能實(shí)現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:
最后,我們把這3頁連起來看一下:
還不錯(cuò)吧?
看完上面的講解,想必很多朋友已經(jīng)想到了,這個(gè)頁面的制作方法。
依舊只需要兩個(gè)頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個(gè)小Tips:
為了讓頁面看起來更有穿插的動(dòng)感,這里我們可以把許多元素,拖拽到頁面的對(duì)面,這樣元素的移動(dòng)路徑,就會(huì)穿過整個(gè)頁面:
算是一個(gè)小小的細(xì)節(jié)處理,感興趣的可以記一下。
整個(gè)效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標(biāo)題文字縮放進(jìn)入
Step02:產(chǎn)品和背景圖片淡化出現(xiàn)
我們首先把標(biāo)題文字放大,放到第一頁:
然后把該頁面復(fù)制一份,把標(biāo)題字號(hào)縮小,并添加產(chǎn)品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級(jí)簡單?
其實(shí),所謂平滑切換,無非就是把前后頁面中,相同元素的移動(dòng)路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會(huì)了這一招,你還可以做點(diǎn)更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對(duì)比:
都是可以的,以上,希望對(duì)大家有所啟發(fā)。
·
原標(biāo)題:蘋果官網(wǎng)的這2個(gè)動(dòng)畫,太絲滑了!用在PPT中堪稱王炸!
]]>提到論文,很多朋友為答辯PPT設(shè)計(jì)苦惱。之前完成的一份答辯PPT作業(yè)如下:
今天這篇文章,就給大家復(fù)盤一下這份答辯PPT的設(shè)計(jì)制作思路。
在開始設(shè)計(jì)之前,我們可以先設(shè)定好顏色字體等規(guī)范,這樣在后續(xù)的設(shè)計(jì)中可以保持好整份PPT風(fēng)格的統(tǒng)一。
1.顏色選取
可以從學(xué)校LOGO色中選取主色調(diào),比如浙江大學(xué)logo的藍(lán)色,另外,因?yàn)閱紊珪?huì)過于單調(diào),所以,我加入了一個(gè)金色作為輔助色:
此外,通過調(diào)整顏色的明亮度,可以延伸出一些較淺的藍(lán)色和金色,可用于深淺色搭配或漸變色搭配:
2.字體搭配
一般建議選用微軟雅黑和Arial字體搭配,因?yàn)檫@兩款字體是微軟系統(tǒng)自帶的。在不同的電腦進(jìn)行編輯或演示時(shí),不同擔(dān)心字體丟失的問題:
3.版式框架
利用參考線,規(guī)劃出標(biāo)題和正文的區(qū)域,我們?cè)谙鄬?duì)應(yīng)的區(qū)域內(nèi)編輯內(nèi)容,這樣PPT的前后可以保持一致性:
4.背景顏色
答辯的場(chǎng)合,一般光線會(huì)比較敞亮,為了能看清文字,選用淺色背景會(huì)比較好:
設(shè)計(jì)規(guī)范設(shè)定好之后,我們就可以開始頁面的優(yōu)化設(shè)計(jì)了。
頁面設(shè)計(jì)
封面的內(nèi)容主要有三部分:學(xué)校LOGO、論文選題、人物名稱:
而對(duì)于這三部分內(nèi)容的排版處理,一般會(huì)有這兩種:左文右圖排版,或是整體居中排版:
因?yàn)槭顷P(guān)于老人中心主題的PPT,所以找來了一張包含老人和建筑環(huán)境的圖片,作為背景元素:
將文字和圖片排版在一起,看看效果:
此時(shí),圖片與頁面背景不夠融合,且對(duì)文字內(nèi)容有干擾,怎么處理呢?
很簡單,使用OKPlus插件的圖片透明功能,對(duì)圖片的左側(cè)做透明過渡處理即可:
頁面整體效果還是會(huì)有些平淡,還可以繼續(xù)優(yōu)化一下:
我們可以把人物摳出來,加入漸變色塊,做一個(gè)人物穿插的效果,這樣頁面的層次感就會(huì)強(qiáng)烈一些:
封面設(shè)計(jì)處理到這里就差不多了:
為了讓頁面效果更有創(chuàng)意,還可以將頁面背景轉(zhuǎn)成圖片,做虛化處理,然后重新填充進(jìn)頁面背景:
接著將色塊設(shè)置為「幻燈片背景填充」,這樣就有毛玻璃的效果了:
為了保持好風(fēng)格的統(tǒng)一性,我們可以沿用封面色塊元素,作為內(nèi)容的載體:
在文字處理上,可以加入圓形色塊進(jìn)行簡單的修飾:
但這樣的處理還是有些平淡,于是我將這些圓形替換成更有質(zhì)感的懸浮按鈕式元素:
這些按鈕元素怎么繪制的呢?也不難,只是將三個(gè)不同陰影參數(shù)的圓形進(jìn)行疊加就好了:
??
接下來,我們可以再加入一張圖片豐富背景,將色塊適當(dāng)調(diào)整透明度,讓背景可以顯露出來:
此時(shí),色塊外側(cè)的圖片區(qū)域會(huì)過于搶眼,怎么處理呢?
我們可以先運(yùn)用布爾運(yùn)算功能,將圖片拆分為兩部分:
然后將外側(cè)區(qū)域進(jìn)行虛化處理,這樣頁面效果就會(huì)好很多啦:
這頁是將國內(nèi)外研究現(xiàn)狀的對(duì)比,我們可以先將文字進(jìn)行簡單處理:
用藍(lán)色和金色色塊承載文字,這樣對(duì)比的效果會(huì)更加的強(qiáng)烈:
一般我們都是通過文獻(xiàn)資料的查閱,來獲取研究的現(xiàn)狀,所以加入了紙張的元素來豐富頁面:
空白的紙張比較單調(diào),我們可以將小標(biāo)題轉(zhuǎn)移到紙張上,做一個(gè)類似書籍的封面效果:
其實(shí),到這里頁面排版大致完成了。
為了讓頁面效果更豐富,我還給色塊做了一個(gè)投影:
這樣頁面整體會(huì)更有質(zhì)感一些:
頁面有三個(gè)主題:環(huán)保、安全、舒適,先對(duì)內(nèi)容簡單排版:
我們可以找一些對(duì)應(yīng)的圖片,來體現(xiàn)板材、地板、家具等概念:
頁面的排版還比較簡單,為了讓呈現(xiàn)的方式更有創(chuàng)意,我提取了三個(gè)主題詞英文的首字母:
然后將圖片填充到字母里面:
接著,同樣給字母做一個(gè)投影效果,這樣頁面就有了的空間和質(zhì)感效果:
最后我們來看看前后對(duì)比效果:
以上就是這份答辯PPT的設(shè)計(jì)制作思路了,希望對(duì)大家有所幫助。
如果大家需要源文件,可以在文章下方評(píng)論區(qū)留言,即可免費(fèi)獲得本期源文件
·
原標(biāo)題:我?guī)鸵晃粚W(xué)長,做了份浙江大學(xué)的答辯PPT,第四頁好絕!
]]>對(duì)于頁面上有一些文字列表的頁面,該咋排版?
就像這樣:
在前幾天有位讀者問了我一個(gè)很有價(jià)值的問題。是啥呢?
就是如何在二維平面上,表現(xiàn)出三維的立體空間感?
大概就像這樣:
不得不說,這的確是一個(gè)很好的問題。
那么,到底是如何做的呢?不廢話,直接進(jìn)入正題。
我常用的方法分為3種,分別是:
看到這兒,可能很多人會(huì)有疑問,漸變的作用,不是改變顏色嗎?為什么能夠增強(qiáng)空間立體感呢?
比如說,我們現(xiàn)在看到這樣的一張素描,看起來像是一個(gè)球體 ,對(duì)不對(duì)?
為啥呢?其實(shí)只不過是給一個(gè)平面的圓形,添加了漸變而已:
如果說我們把高光,明暗交界,以及反光添加到一個(gè)平面的圓形,它也會(huì)有立體感:
就是這么簡單。
當(dāng)我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進(jìn)行排版:
或者是這樣的:
再比如我們之前做過的一頁P(yáng)PT,很多人很好奇這個(gè)球體是怎么來的,其實(shí),它就也是加了漸變的形狀而已:
同樣的,還有一個(gè)場(chǎng)景是,利用漸變色,我們可以繪制立體感的數(shù)據(jù)圖表。
啥意思呢?之前有讀者問我,為啥自己在 PPT 里插入的立體形狀,感覺很low?
原因很簡單,因?yàn)槲覀冃枰獮榱⒎襟w的每一個(gè)面,都調(diào)整漸變效果:
只有這樣,才能得到一個(gè)非常有質(zhì)感的立方體:
比如像之前我修改的一頁 PPT 封面,其實(shí)就是這樣調(diào)整的:
再比如像這個(gè)頁面中的圖表,你可以思考一下,它是如何呈現(xiàn)出立體感的呢?
另外,利用漸變調(diào)整,我們還可以在平面上,去營造出一個(gè)立體的空間。
就像這樣:
那這個(gè)又是怎么做的呢?其實(shí),很簡單,就是在頁面上,添加了一個(gè)漸變色塊而已:
不過呢,有一個(gè)小細(xì)節(jié)是,底部色塊的顏色,要稍微深一點(diǎn):
同樣的,利用這個(gè)原理,我們可以做成這樣的空間感背景:
這應(yīng)該是很多人都能想到的一個(gè)方法。
操作上也很簡單,選中一個(gè)元素后,調(diào)整三維選項(xiàng)就可以:
比如說,我們可以用來進(jìn)行圖片的排版,從而增強(qiáng)空間立體感:
當(dāng)然,也可以是對(duì)文字添加三維旋轉(zhuǎn),都能營造出空間立體感:
這是一個(gè)比較簡單的方法,之前也寫過,我就不多說了。
我們?cè)谡鎸?shí)世界中,都明白一個(gè)最基本的原理,叫做:
而如果我們想要在平面上,營造出空間感,也需要遵循這個(gè)規(guī)律。
啥意思呢?舉個(gè)簡單的例子,比如像前幾天修改的案例,為了營造空間感,我對(duì)后一排的圖片進(jìn)行了虛化處理。
這就是近實(shí)遠(yuǎn)虛:
再比如像這個(gè)頁面,算是典型的近大遠(yuǎn)小式的透視關(guān)系:
除此之外,我們還可以通過對(duì)形狀的漸變調(diào)整,把遠(yuǎn)處的透明度設(shè)置為100%,也可以實(shí)現(xiàn)透視的效果:
用這個(gè)方法,我們一般用來制作內(nèi)容的底座,從而進(jìn)行排版:
把梯形換成圓形,也是一樣的道理:
繼續(xù)延伸,我們也可以把這個(gè)原理,應(yīng)用到圖片排版中。
比如在排版圖片時(shí),我們可以對(duì)圖片進(jìn)行虛化處理,或者是添加一些虛擬形狀,從而營造透視的感覺:
這樣一來,也可以營造出空間立體感:
再比如像這個(gè)頁面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:
這就是在平面上,實(shí)現(xiàn)三維立體空間感展示的3個(gè)方法,希望對(duì)各位有所幫助。
·
原標(biāo)題:華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?
]]>今天,咱們改上一改酒企的 PPT 。
先來看下原稿。原稿 PPT 內(nèi)容夠突出,可讀性沒啥問題。就是從頭到尾都用紅底,看久了容易眼疲勞。而且在設(shè)計(jì)上,沒能傳遞出酒企的高端形象。
首先是字體的選擇。考慮到這家酒企的傳承歷史悠久,標(biāo)題可以使用思源宋體,因?yàn)樗误w本身帶有古風(fēng)的韻味。而為了不影響多文字的閱讀,正文可以使用思源黑體。
接著是顏色,從企業(yè) logo 提取紅色作為主色,并以此顏色向外延展,豐富整套幻燈片的色彩體系。
而對(duì)于幻燈片的背景,我使用了一張微微泛黃,且?guī)в幸唤z紋理的圖片,體現(xiàn)歷史久遠(yuǎn)的感覺。
最后是設(shè)計(jì)元素,可以沿用原稿 PPT 中的祥云紋理。
明確了規(guī)范,接下來進(jìn)入單頁的修改。
原稿標(biāo)題夠大夠突出,唯一的問題就是,看不出來是個(gè)酒企。
將主要產(chǎn)品提取出來,并按照三角形的樣式,前后堆疊擺放:
三角形的樣式,看起來對(duì)稱且穩(wěn)固。
通過為產(chǎn)品添加倒影,讓頁面看起來更加真實(shí):
接著,利用兩個(gè)漸變矩形,模擬地面和墻面:
把產(chǎn)品放在地面上:
加上標(biāo)題和 logo:
最后,添加光影素材,進(jìn)一步強(qiáng)化頁面的空間感:
當(dāng)然,封面也可以使用淺色背景:
如果你覺得的單調(diào),可以加入一些光效,增強(qiáng)封面的質(zhì)感:
這樣看起來就高端了許多:
除此之外,我們可以讓圖片與筆刷相結(jié)合,以此來表現(xiàn)歷史的滄桑感:
最后,對(duì)頁面內(nèi)容稍作排版即可:
為了讓頁面更古風(fēng)一點(diǎn),我們還可以把文字豎向排版。反正字少,不會(huì)影響閱讀:
接著,繪制偏古風(fēng)圖形,這樣可以在豐富版面內(nèi)容的同時(shí),讓圖片與文字之間的聯(lián)系更加密切:
來看下頁面效果:
當(dāng)然,如果想讓每個(gè)內(nèi)容,都與 logo 相關(guān)聯(lián),我們可以先利用橢圓,繪制出這樣的平臺(tái):
調(diào)整漸變,弱化平臺(tái),并營造出透視感:
再把 logo 置于平臺(tái)中央,四個(gè)內(nèi)容沿外側(cè)圓環(huán)分布:
最終效果:
內(nèi)容沒什么難的,只有三款產(chǎn)品,老樣子,我們先把產(chǎn)品提取出來:
現(xiàn)在看,酒瓶子沒有立體感,太單?。?/p>
我們可以像封面那樣,為產(chǎn)品添加倒影:
或者是,添加投影:
這兩個(gè)方法,能夠快速的讓產(chǎn)品看起來更加立體,更有質(zhì)感。
稍微對(duì)頁面,排下版,感覺精致多了:
當(dāng)然,這個(gè)頁面還能進(jìn)一步優(yōu)化。我們可以分別提取 3 個(gè)瓶身的顏色,作為色塊的漸變色:
再加一個(gè)漸變色塊,作為地面,打造立體空間感:
將產(chǎn)品名放在筆刷素材中,作為頁面的點(diǎn)綴。
或者換一種形狀,產(chǎn)品與名字穿插,頁面的層次感會(huì)更強(qiáng):
來看最終效果:
還不錯(cuò)吧?
到這兒,這 4 個(gè)頁面就改完了。
再來看下修改前后的對(duì)比:
- 修改前 -
- 修改后 -
改完后,有沒有高端了那么一丟丟?好了,以上呢,就是這次改稿的全部內(nèi)容。
·
原標(biāo)題:我?guī)秃幽弦患揖破笞隽朔軵PT,紅色封面超有質(zhì)感??!
]]>橢圓平臺(tái)怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個(gè)問題。
其實(shí),在 PPT 設(shè)計(jì)中,用形狀來模擬透視平臺(tái),是一個(gè)能夠快速提升頁面設(shè)計(jì)美感的技法。
比如下面這兩頁騰訊峰會(huì)的 PPT 原稿,現(xiàn)在看,視覺上略顯平淡:
而利用形狀模擬透視平臺(tái)后,頁面的空間、設(shè)計(jì)感就會(huì)大幅度提升。比如繪制橢圓平臺(tái):
或者是繪制梯形平臺(tái):
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺(tái):
別人繪制的平臺(tái):
繪制這類透視平臺(tái),到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺(tái)畫的好,只需遵循 2 個(gè)現(xiàn)實(shí)原則即可。因?yàn)榕c現(xiàn)實(shí)相關(guān),所以理解起來不難。
? 原則一:近大遠(yuǎn)小
體積相似的物體,距離我們?cè)竭h(yuǎn),在視覺上看起來就會(huì)越小。
比如地面瓷磚,他們的實(shí)際大小相同,但一眼望去,越遠(yuǎn)的瓷磚,看起來就越?。?/p>
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠(yuǎn),越來越窄:
縱線如果繼續(xù)延展,終將匯于一點(diǎn):
這就是頁面看上去有縱深感的原因!
我們回到透視平臺(tái)的構(gòu)建上。對(duì)于橢圓型平臺(tái),如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會(huì)有些假:
我們?cè)诶L制時(shí),就可以根據(jù)上述橫線的特點(diǎn),調(diào)整各個(gè)橢圓錯(cuò)位,使各個(gè)線條的間距,由近及遠(yuǎn),越來越窄:
此外,線條間的各個(gè)間距相差越大,平臺(tái)的縱深感就會(huì)越強(qiáng):
同理,梯形平臺(tái)就應(yīng)該符合上述縱線的特點(diǎn)。
所有形狀兩側(cè)邊界的延長線,都要匯聚于一點(diǎn):
? 原則二:近實(shí)遠(yuǎn)虛
近處清晰,遠(yuǎn)處模糊。這個(gè)原則相信大家也深有體會(huì)。
比如從高樓向遠(yuǎn)處眺望,近處的大廈就很清晰,而遠(yuǎn)處的山巒受云霧的影響,會(huì)變得模糊不清。
同樣的,將近實(shí)遠(yuǎn)虛的原則,應(yīng)用到平臺(tái)的繪制上。比如通過調(diào)整橢圓漸變:
讓遠(yuǎn)處的線、面透明度降低:
梯形平臺(tái)同理,利用漸變讓平臺(tái)遠(yuǎn)透,近不透:
結(jié)合,上面所說的兩大原則,我們用形狀所構(gòu)建的平臺(tái)就更加符合現(xiàn)實(shí)邏輯,從視覺上去看自然會(huì)更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺(tái)呢?
當(dāng)然有,我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn),就可以不用手動(dòng)調(diào)整個(gè)圓環(huán)的間距,而且平臺(tái)的透視強(qiáng)度可以任意調(diào)節(jié)。
像上面這個(gè)案例,我們可以先繪制 4 個(gè)嵌套的正圓。
設(shè)置三維旋轉(zhuǎn),預(yù)設(shè) > 角度 >「透視:適度寬松」:
這時(shí),頁面中的正圓,就會(huì)有向后傾倒的趨勢(shì):
我們調(diào)整 Y 旋轉(zhuǎn),可以變換觀察平臺(tái)的視角:
而調(diào)整透視,可以變換平臺(tái)的縱深感。透視越大,縱深感越強(qiáng):
最后,調(diào)整平臺(tái)漸變即可。
除了橢圓透視平臺(tái),像下面這樣的梯形平面透視平臺(tái),也可以使用這個(gè)方法快速繪制。
先繪制 5 個(gè)矩形,并組合:
和剛才的一樣,設(shè)置三維旋轉(zhuǎn),選擇預(yù)設(shè)中的「透視:適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度;透視,控制平臺(tái)的縱深感:
最后,依據(jù)近實(shí)遠(yuǎn)虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺(tái)在 PPT 設(shè)計(jì)中的一些用法。比較常見的是充當(dāng)載體,放置單個(gè)頁面信息。比如主要文本:
重點(diǎn)數(shù)據(jù):
當(dāng)然,只要你畫的平臺(tái)夠大,也可以放置多個(gè)內(nèi)容:
稍微復(fù)雜一些,我們還可以利用透視平臺(tái),立體化呈現(xiàn)層級(jí)架構(gòu)。比如這種圓形平臺(tái):
或是梯形平臺(tái):
等等...
好了,以上呢,就是這篇文章的全部內(nèi)容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺(tái)。
·
原標(biāo)題:邵大,騰訊官方的這頁P(yáng)PT也太高級(jí)了!為啥我做不出來...
]]>注意,這里有個(gè)關(guān)鍵詞,叫做『吸引觀眾』:
啥意思呢?如果你的PPT屬于匯報(bào)類型,面向熟悉的同事或領(lǐng)導(dǎo),其實(shí)直接表達(dá)主題就好:
但是,如果我們要做一個(gè)知識(shí)分享型PPT,面對(duì)的觀眾都是一群陌生人,那么,寫一個(gè)具備吸引力的標(biāo)題,就很有必要。
比如之前一位讀者,讓我?guī)退麅?yōu)化PPT,他要面向一群剛?cè)肼殘?chǎng)的新人,分享一些出租房裝修的經(jīng)驗(yàn)。
他的PPT封面標(biāo)題是這樣寫的:
這就是很明顯的太無聊了,完全沒吸引力,最后,我們把主題改成了這樣:
是不是有趣很多?
這就是PPT標(biāo)題文案的魅力。
那么,圓規(guī)正傳,我們到底該如何寫好PPT標(biāo)題文案呢?
在這里,我結(jié)合自己的經(jīng)驗(yàn),給大家分享4條。
很多PPT標(biāo)題文案的問題,就是空泛,沒有所指。比如像:
如果我們能夠把文案,聚焦到觀眾的核心訴求上,那么他們會(huì)更有共鳴。
那么該如何把文案從寬泛,變?yōu)榫劢鼓??我總結(jié)了一個(gè)表格,每次寫標(biāo)題前,先回答這3個(gè)問題:
這個(gè)表格很關(guān)鍵,后面的方法中也會(huì)用到。
比如說舉個(gè)例子,這是一位讀者發(fā)給我我的 PPT 課件,標(biāo)題是這樣寫的:
咱們一起來優(yōu)化下,該如何聚焦呢?看完 PPT 內(nèi)容后,我發(fā)現(xiàn)是面向傳統(tǒng)企業(yè)的社群營銷方法。
那么,這群人為什么要聽這次分享呢?全部寫在表格里:
到這里,我們的標(biāo)題文案,就可以變成這樣,聚焦到特定人群的核心痛點(diǎn):
然后,簡單地完成 PPT 封面的排版呈現(xiàn)即可:
再比如像這個(gè)例子,PPT封面的文案內(nèi)容是這樣的:
原標(biāo)題文案:
這樣一來,我們的 PPT 標(biāo)題文案,就可以變成這樣:
簡單找一張合適的 PPT 背景圖,即可完成封面的呈現(xiàn),如果你正面臨團(tuán)隊(duì)管理問題,這樣,是不是更有吸引力呢?
同樣的,再比如像這一組標(biāo)題對(duì)比,把主題的受眾人群,聚焦到職場(chǎng)新人身上,會(huì)更有共鳴:
這樣一來,我們的 PPT 封面就可以做成這樣:
再比如像一個(gè)關(guān)于穿搭的分享主題,如果內(nèi)容是關(guān)于如何顯高,那么,就可以倒推出核心人群和對(duì)應(yīng)的需求:
對(duì)于大多數(shù)人來講,正常的心理都是希望,小投入?yún)s能有大回報(bào)。
比如像文章開頭提到的『出租屋裝修』的標(biāo)題,就是采用的這個(gè)方法。
只花了500元,算是低投入;
漂亮的出租屋,就是高回報(bào);
為了方便各位理解,我為這個(gè)方法,總結(jié)了一個(gè)句式:
啥意思呢?同樣舉個(gè)例子,比如現(xiàn)在你要做一場(chǎng)關(guān)于紅酒品鑒的技巧分享,PPT標(biāo)題文案是這樣的:
原標(biāo)題文案:
那么,高回報(bào)呢?就是知道了如何品鑒紅酒,對(duì)嗎?
所以,我們的 PPT 標(biāo)題文案可以這樣寫:
簡單加一張背景圖,就是個(gè)不錯(cuò)的 PPT 封面:
當(dāng)我們需要向觀眾分享一個(gè)新概念時(shí),可以采用這個(gè)方法。通過與觀眾熟知的元素對(duì)比,引出別人的關(guān)注。
簡單來說,就是A相較于B,到底好在哪里?
啥意思呢?舉個(gè)例子,比如說有這樣的一個(gè) PPT 標(biāo)題文案:
原標(biāo)題文案:
所以,元素A=郵件,元素B=微信
那么,我們的 PPT 封面就可以優(yōu)化為這樣:
當(dāng)你看到這張封面時(shí),你會(huì)產(chǎn)生好奇心,進(jìn)而被吸引嗎?我想應(yīng)該會(huì),對(duì)嗎?
再比如像下面這個(gè) PPT 封面文案:
原標(biāo)題文案:
比如我們可以把互聯(lián)網(wǎng)營銷概念中,兩個(gè)元素拿出來進(jìn)行比較:
這樣,就可以做成一張這樣的 PPT 封面:
如果你的分享內(nèi)容,能夠給觀眾一個(gè)明確的結(jié)果,可以采用這個(gè)方法。
我也簡單總結(jié)了一個(gè)句式,大概是:
同樣,為了便于各位理解,簡單舉兩個(gè)例子。
這是一位讀者發(fā)給我的 PPT 案例,從封面標(biāo)題文案可以看到,內(nèi)容是在普及法律知識(shí):
原標(biāo)題文案:
把標(biāo)題文案變成這樣:
這樣一來,觀眾會(huì)更明確地知道,這場(chǎng)分享對(duì)自己的幫助,到底是什么:
再比如像這個(gè)封面標(biāo)題,也是一樣的問題:
看到這張 PPT 封面標(biāo)題時(shí),其實(shí),我對(duì)這個(gè)方法是不清楚的,且心里會(huì)想,這個(gè)方法難嗎?不清楚。
因此,我們可以把這個(gè)方法本身的路徑給寫清楚:
這樣一來,觀眾也會(huì)更清楚地知道,原來只需要3個(gè)步驟,就能掌握一個(gè)方法:
以上呢,就是我們?cè)趯憽褐R(shí)分享類』PPT封面標(biāo)題文案時(shí),可以采用的4個(gè)方法,希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:同事的PPT封面文案這樣寫!被老板狠狠的夸了...
]]>今天這篇文章咱們來改稿一期大學(xué)生PPT。
整份PPT呢,是一份關(guān)于高分子材料的內(nèi)容,用來做比賽的:
老規(guī)矩,我們還是挑選其中的4頁進(jìn)行修改:
因?yàn)檫@是一份項(xiàng)目的PPT,所以顏色的話,我們還是從 Logo 中進(jìn)行選擇:
好了,接下來我們就進(jìn)入到單頁的修改。
這個(gè)頁面的設(shè)計(jì)呈現(xiàn)上,沒有什么太大的問題。但唯一不好的地方在于,這一頁P(yáng)PT科技感太強(qiáng)。
那該如何優(yōu)化呢?
我們還是先來簡單的確定一下,頁面內(nèi)容的布局,很簡單,左右結(jié)構(gòu)即可:
那么,配圖應(yīng)該找什么呢?還是從標(biāo)題信息進(jìn)行分析,啥叫高分子材料呢?
我也不懂,所以就查了一下百度:
大概呢,就是這樣的:
因此,我們就先用上這個(gè)素材,做一個(gè)簡單的排版:
這里的話,大家可以看一下,我是把素材復(fù)制了一份,也放在了左側(cè),可以讓視覺更加平衡:
但它的問題就在于,色調(diào)與背景不搭。咋辦呢?
我們可以對(duì)圖片的顏色,進(jìn)行重新著色:
來看一下調(diào)色后的效果,與背景契合度高了很多:
最后呢,我們可以再對(duì)排版進(jìn)行一些微調(diào),把其中一行標(biāo)題進(jìn)行輪廓化,增強(qiáng)對(duì)比:
這個(gè)頁面要表達(dá)的信息是火災(zāi)數(shù)量多,但它的問題在于頁面上的圖片太少了,沒有體現(xiàn)『多』的概念。
咋辦呢?很簡單呀,多找?guī)讖垐D唄:
有了這些圖之后,怎么表現(xiàn)出多的感覺呢?最簡單的方式,就是做成圖片墻:
當(dāng)然,我們還可以這樣:
不過,除了圖片墻之外呢,我們還可以做成這種樣式:
但是,如果只是并列排版,圖片的視覺層次不強(qiáng),所以我們可以不同行的圖片,進(jìn)行處理。
在這里,我主要是對(duì)最后一行,添加了透明度和模糊效果:
另外,因?yàn)槭遣煌男侣勊夭?,所以頁面的顏色,?huì)有一點(diǎn)雜亂,我們可以統(tǒng)一一下色調(diào):
給大家看一下最終呈現(xiàn)的樣式:
當(dāng)然,如果能夠做成動(dòng)態(tài)版,視覺效果會(huì)更好:
這個(gè)表格頁面的主要問題呢就在于,重點(diǎn)太多了,反而看起來有點(diǎn)亂。
而且因?yàn)槭且粋€(gè)對(duì)比型的表格,重點(diǎn)部分的信息,沒有被體現(xiàn)出來。
那么怎么優(yōu)化呢?
我們可以先將信息簡單地放在一個(gè)卡片上,進(jìn)行排列:
既然要凸顯對(duì)比,所以,我們可以添加一個(gè)更深色的色塊,作為強(qiáng)調(diào):
到這里基本上就算完成了。
當(dāng)然如果說想要繼續(xù)優(yōu)化的話,可以加一些分子元素作為點(diǎn)綴修飾:
這是一個(gè)商業(yè)模式的邏輯圖形,主要問題呢就在于頁面上素材風(fēng)格不統(tǒng)一,而且,圖片素材過于搶眼。
那么該如何優(yōu)化呢?
我們呢,可以先來簡單的畫一下它的邏輯結(jié)構(gòu),大概是這樣:
如果只是這樣,這個(gè)圖就太丑了,因?yàn)槿鄙僖曈X層次。
所以,我們可以做一些視覺上的對(duì)比,把部分圖形的樣式做一些改變:
這時(shí)候,再來看一下這個(gè)邏輯圖,是不是好多了?
最后,我們只需要把文字信息,放到對(duì)應(yīng)的色框里就可以了:
這就是整份PPT的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份PPT的修改呢,主要是對(duì)頁面的色調(diào)和表達(dá)方式做了優(yōu)化,希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:我?guī)鸵淮髮W(xué)生做了份PPT!同事:這么多截圖,還能如此好看...
]]>這篇文章是一篇改稿美化:這是一份關(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)入到單頁的修改。
這里的文案信息很簡單,如果能看得出來,主要想突出的是『精益』二字。
因此,為了能夠起到強(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)容簡單分析,我們可以發(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箭頭,絕了!
]]>自從谷歌推出 Material Design 設(shè)計(jì)語言后,用卡片作為承載信息的方式,已經(jīng)是很常見的一種設(shè)計(jì)形式了:
卡片設(shè)計(jì)被廣泛用在各類產(chǎn)品和場(chǎng)景中,PPT也不例外。比如剛結(jié)束不久的蘋果春季發(fā)布會(huì),PPT中就用到了卡片排版:
卡片的區(qū)塊化結(jié)構(gòu)能讓頁面層次清晰易讀,是頁面布局中的利器。有時(shí)候僅使用卡片來排版,也能做出一套不錯(cuò)的PPT:
然而很多時(shí)候,我們進(jìn)行卡片排版時(shí),往往會(huì)忽略很多細(xì)節(jié)的處理,導(dǎo)致頁面效果生硬,比如像下面的案例:
那么,如何快速地提升卡片的排版設(shè)計(jì)效果呢?
今天這篇文章就給大家總結(jié)一下,卡片排版的一些細(xì)節(jié)要點(diǎn)。
在PPT中,我們是用矩形來繪制卡片,通過給矩形設(shè)置顏色、紋理、陰影等參數(shù)效果,讓卡片的質(zhì)感豐富起來。
1.角部弧度
卡片設(shè)計(jì)常見的角部弧度有直角和圓角這兩種:
我們常常使用圓角卡片來排版內(nèi)容,因?yàn)橹苯堑目ㄆ怖矢呃?,有一定的攻擊性質(zhì):
而圓角容易被人眼識(shí)別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:
2.卡片顏色
卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。
純色卡片只有一種色調(diào),但卻比較難把控,因?yàn)閱我坏念伾?,看起來?huì)比較沉悶呆板:
對(duì)此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細(xì)節(jié)層次更加豐富:
怎么設(shè)置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:
我們選擇45°方向的線性漸變,然后兩個(gè)光圈顏色均選用原來的色值:
接下來,我們通過調(diào)整兩個(gè)光圈的亮度百分比,就可以得到不同明度的漸變色:
來看看調(diào)整后的效果,與之前比較,卡片會(huì)更有光澤感:
3.卡片投影
給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:
一般不建議直接選用PPT中的投影預(yù)設(shè),因?yàn)檫@些預(yù)設(shè)投影比較生硬,不夠柔和自然:
怎么調(diào)節(jié)出柔和自然的陰影呢?大致可以分為三個(gè)步驟:
第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:
第二,縮小陰影的大小,然后加大陰影距離:
第三,把陰影的模糊度調(diào)大,如果覺得陰影色還是太深,可以適當(dāng)?shù)丶哟笸该鞫龋?/p>
與預(yù)設(shè)的陰影相對(duì)比,調(diào)整后的陰影效果會(huì)柔和很多:
講完卡片繪制的細(xì)節(jié),接下來我們來看下卡片內(nèi)容的排版。
1.間隙相同
無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:
整齊一致的間隙距離,有助于保持頁面的均衡和美觀:
2.四周留白
卡片上的內(nèi)容信息,與卡片的邊界要留有適當(dāng)?shù)木嚯x:
為什么要適當(dāng)留白呢?我們先來看下面的反例。
卡片上的內(nèi)容信息緊貼著卡片兩側(cè)邊界,此時(shí)整體頭輕底重,底部文字太擁擠,看著沒有呼吸感:
而給卡片四周適當(dāng)?shù)亓舭缀?,頁面效果看著就?huì)舒暢了許多:
3.文字行數(shù)不宜過多
卡片上的文字的縱向行數(shù),最好不要超過5行,因?yàn)樾袛?shù)過多容易增加閱讀成本:
還有文字的層級(jí)區(qū)分要明顯,我們可以通過不同字重、字號(hào)和顏色的設(shè)置,從而產(chǎn)生清晰信息層級(jí):
4.減少線框使用
我們經(jīng)常會(huì)使用線框來區(qū)分信息內(nèi)容,但當(dāng)卡片上使用過多的線框時(shí),反而會(huì)導(dǎo)致頁面的擁擠:
減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時(shí),整體效果也會(huì)好很多:
在PPT中,利用卡片進(jìn)行排版,常見的版式有哪些呢?
1.并列排版
這應(yīng)該是最常見的卡片排版版式,比如下面這個(gè)案例,頁面有三段并列的內(nèi)容信息:
我們找來對(duì)應(yīng)的圖標(biāo),然后用卡片元素來承載文字信息:
接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次:
最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:
2.上下錯(cuò)位排版
我們只需將并列版式稍微錯(cuò)位,就可以做出有節(jié)奏感的上下錯(cuò)落排版:
又或是常見四段頁內(nèi)容的錯(cuò)落排版:
除此之外,還可以給卡片稍微旋轉(zhuǎn)一個(gè)角度,這樣錯(cuò)位的感覺又會(huì)不一樣:
3.大小不一錯(cuò)落排版
當(dāng)卡片的大小不一致時(shí),我們可以考慮錯(cuò)落排版,像蘋果發(fā)布會(huì)的PPT,這樣能夠有效利用頁面的空間:
這里再舉一個(gè)例子,比如這張有關(guān)風(fēng)電特點(diǎn)的頁面:
我們將各個(gè)特點(diǎn)拆分開來,然后用大小不一的卡片承載內(nèi)容:
接下來根據(jù)文字信息的含義,找來相關(guān)的圖片填充進(jìn)卡片中:
最后調(diào)整字體的字重、大小和顏色,突出關(guān)鍵詞,這樣一頁蘋果卡片風(fēng)PPT就做好了:
4.三維空間排版
顧名思義,可以通過給卡片設(shè)置三維參數(shù),進(jìn)行三維空間排版:
我們來看下案例,比如下面這張五段頁卡片排版:
分別給左右兩側(cè)的卡片設(shè)置「透視:左」和「透視:右」的三維參數(shù):
然后將它們湊在一起,就有這樣空間感滿滿的頁面了:
此外,我們通過設(shè)置不同的三維參數(shù),可以繪制出不同旋轉(zhuǎn)角度的卡片,從而進(jìn)行豐富的三維排版布局:
好了,以上就是關(guān)于卡片排版的內(nèi)容,最后我們來總結(jié)一下:
·
原標(biāo)題:庫克最愛用的這張發(fā)布會(huì)PPT!google也常用,太高級(jí)了...
]]>今天給大家分享幾個(gè)創(chuàng)意工作型PPT圖表的制作方法。
這個(gè)圖表看起來十分立體,并且很有光影感,對(duì)嗎?
其實(shí)制作起來非常簡單,只需要幾個(gè)漸變圖形拼合一下:
我們首先插入一個(gè)圓柱形,把柱子拉伸到和原始圖表的柱形等高,并適當(dāng)調(diào)整頂面的傾斜度:
然后Ctrl+X鍵剪切圓柱,再按CtrL+Alt+V鍵,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
接著選中圖形,按住Ctrl+Shift+G鍵,取消組合兩次,原本的圓柱形就被拆成了零散的面:
然后我們?yōu)檎嬖O(shè)置一下漸變:
再給頂面填充一下顏色:
一個(gè)很有立體感的圓柱就做好了:
同理,我們可以制作出其他的圓柱。
做完主體之后,我們?cè)賮碇谱靼胪该鞯闹巍?/p>
同樣是插入一個(gè)圓柱體,然后打散。
然后我們把打散的圖形復(fù)制一份,下面會(huì)有用到。
我們把兩個(gè)圖形對(duì)齊到合適位置,然后點(diǎn)擊【形狀格式】中的【合并形狀】,再選擇【結(jié)合】,把打散的圖形變成一個(gè)上下都是圓弧的圖形:
然后為這個(gè)圖形設(shè)置漸變:
接著我們從復(fù)制的圖形中,拿出頂面的橢圓,并填充顏色:
最后,把這兩個(gè)圖形居中對(duì)齊,一個(gè)半透明的柱體就做成了。
做完柱體之后,我們?cè)賮碇谱鞯褂啊?/p>
文字的倒影非常好做,只需要在形狀格式中添加一個(gè)映像效果即可:
柱形的倒影呢也很簡單,只需要把柱形的正面復(fù)制一份,然后添加一個(gè)漸變:
我們把倒影和柱體放置到一起,整個(gè)頁面基本就完成了。
我們?cè)倮L制一個(gè)漸變的圖形作為底座,增強(qiáng)頁面的立體感。
再添加一些光影的素材,一個(gè)非常有立體感的圓柱形圖表,就完成了。
還不錯(cuò)吧?
這個(gè)案例看起來和上一個(gè)有些相似,但其實(shí)操作方法上,要比上個(gè)案例簡單許多。
我們首先修改一下原始圖表中,兩類柱形的填充色
具體的參數(shù)如下:
然后選中圖表,在【圖表設(shè)計(jì)】中點(diǎn)擊【更改圖表類型】,在柱形圖中選擇【三維堆積柱形圖】:
圖表立刻就從平面,變成了三維的了!
但現(xiàn)在的傾角有些奇怪,我們可以調(diào)整一下圖表的三維旋轉(zhuǎn)參數(shù):
把傾斜的圖表扶正:
因?yàn)閳D表本身是傾斜的透視關(guān)系,所以我們可以畫一個(gè)梯形貫穿頁面,作為圖表的底座。
最后,我們加上文字和裝飾素材,一個(gè)漂亮的三維立方體柱形圖表,就完成了~
怎么樣?是不是非常簡單?
這個(gè)圖表看起來平平無奇,唯一比較有創(chuàng)意的點(diǎn),就是圖表的柱形,被替換成了儀表的樣式,對(duì)嗎?
這是怎么做到的呢?
方法依舊很簡單,借助PPT中自帶的形狀,就能完成。
我們首先插入一個(gè)圓角矩形,并拖動(dòng)黃色控點(diǎn),讓圓角最大化,并適當(dāng)調(diào)整高度。
接著我們選中圓角矩形,按住Ctrl和Shift鍵,單擊鼠標(biāo)左鍵向上拖動(dòng),即可快速復(fù)制出一個(gè)圓角矩形。
然后我們按住F4鍵,快速重復(fù)上一步操作,直到復(fù)制出一列圓角矩形。
看起來有一點(diǎn)儀表的味道了,對(duì)嗎?
接著我們選中這一列圓角矩形,按住Ctrl+G鍵進(jìn)行組合,并為組合后的圖形設(shè)置漸變。
然后我們復(fù)制這個(gè)圖形,再選中原始圖表的柱形,在填充方式里選擇圖片或紋理填充。
再點(diǎn)擊剪貼板,就能把剛復(fù)制的圖形填充到圖表的柱形里了。注意,這里要點(diǎn)擊一下層疊,不然圖形就會(huì)被壓縮。
同理,我們可以把另外兩個(gè)柱形,也都填充成同樣的儀表圖形。
我們把這個(gè)圖表復(fù)制兩份,然后修改一下數(shù)據(jù),就能得到另外兩個(gè)品牌的圖表了。
最后,我們?cè)僭陧撁嫔咸砑右恍┥珘K,讓頁面更有層次感。
一個(gè)簡單而又有創(chuàng)意的數(shù)據(jù)圖表頁,就完成了。
以上呢,就是今天要給大家分享的,3個(gè)創(chuàng)意PPT圖表的制作方法。
·
原標(biāo)題:PPT自帶的圖表丑爆了?按這3種方法搞,立馬高級(jí)!
]]>本期的案例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ù)簡潔為主:
那接下來呢,我們就進(jìn)入到單頁的修改。
信息很簡單,只有一個(gè)企業(yè)的名稱,這種越簡單的信息,越難設(shè)計(jì)。
那到底該如何優(yōu)化呢?我們先來構(gòu)思一下版式布局,還是左文右圖:
那圖片放什么呢?
我們回到企業(yè)的屬性上來分析,既然是獵頭公司,那肯定是精準(zhǔn)找到人才。
所以,我腦子里的畫面,大概是這樣的:
但如果只有這一個(gè)畫面,未免太單調(diào)了,所以呢,我又去看了一些插畫素材網(wǎng)站:
通過一些素材的組合,做了這樣的一個(gè)畫面:
我們把它放到頁面上,來看一下效果:
頁面的信息很簡單,一段話加一張配圖,所以版式的布局,依舊是左右型:
在原稿中,文字部分的問題呢,就在于缺少可視化,所以呢,我們可以考慮加一些圖標(biāo):
而配圖的話呢,我們可以借用ps樣機(jī):
把封面變成立體的樣式,這樣看起來更有質(zhì)感:
然后呢,我們把文字和圖片組合在一起,來看一下:
有點(diǎn)單調(diào),而且與封面的視覺風(fēng)格不協(xié)調(diào),解決的話,加兩個(gè)色塊即可:
這一段的信息很簡單,就是兩家公司的業(yè)務(wù)對(duì)比。原稿的問題呢,就是都是字兒,看起來缺少信息結(jié)構(gòu)。
咋解決呢?還是一步一步來,先來確定布局樣式。
我們可以是左右型的:
也可以是上下型:
然后呢,我們對(duì)每一部分的信息進(jìn)行處理,主要是借用小圖標(biāo),增加可視化:
然后,我們把兩段信息,放到頁面上來看一下效果:
這時(shí)候,頁面的對(duì)比不是那么強(qiáng)烈,所以我們可以引入一個(gè)黃色塊:
這一頁的主要問題呢,就是圖形的色調(diào),與整體風(fēng)格不協(xié)調(diào)。
所以呢,我們可以基于這個(gè)樣式,重繪一下:
這里簡單說一下,我在重繪這些圖形的時(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!同事:到位!
]]>這個(gè)呢,主要是介紹了產(chǎn)品的一個(gè)功能,這個(gè)檢票的機(jī)器屏幕,與右側(cè)的界面,采用了一個(gè)紅色箭頭進(jìn)行連接,表示對(duì)應(yīng)關(guān)系。
但其實(shí)呢,我們可以把它做成彈窗的樣式,這樣看起來關(guān)聯(lián)會(huì)更強(qiáng):
-后-
今天的文章呢,就選幾頁來做個(gè)簡單復(fù)盤,在自己總結(jié)經(jīng)驗(yàn)的同時(shí),也給大家分享一下設(shè)計(jì)的思路。
先來看看原稿吧:
這是一份關(guān)于百雀羚產(chǎn)品推廣的PPT,這類的護(hù)膚產(chǎn)品,宣傳物料大都給人一種精致高級(jí)感,所以我們以此為方向來設(shè)定一些基礎(chǔ)規(guī)范。
因?yàn)榘偃噶鐝?qiáng)調(diào)的是天然護(hù)膚,整體的品牌色調(diào)偏綠,因此選取暗綠色為主色調(diào),再搭配金色和黃色,用于強(qiáng)調(diào)或點(diǎn)綴:
選用思源宋體作為頁面的標(biāo)題字體,宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種字體,帶有東方文雅氣息,也契合百雀羚的品牌調(diào)性;
而正文字體選用了OPPOSans,增添時(shí)尚的韻味:
修飾的素材方面,主要是運(yùn)用一些植物元素來修飾頁面,體現(xiàn)百雀羚天然優(yōu)質(zhì)草本原料這一概念:
PPT整體的背景為暗綠色,同時(shí)用光影和紋理來豐富頁面背景的質(zhì)感:
規(guī)范設(shè)定好后,便于我們把控整份PPT的風(fēng)格統(tǒng)一,下面進(jìn)入頁面修改環(huán)節(jié)。
原稿內(nèi)容不多,就只有l(wèi)ogo和標(biāo)題,但整體版式較為普通,設(shè)計(jì)感不強(qiáng):
我們先優(yōu)化標(biāo)題文字,更換一個(gè)筆畫柔和的字體,把logo也更換為最新的版本:
接下來,思考:怎么能讓只有一句話的頁面,看起來精致又高端呢?
這時(shí)候就可以通過背景的設(shè)計(jì)來烘托呈現(xiàn)精致感,先找來一張植物圖片充當(dāng)背景:
然后添加蒙版和光影素材,弱化圖片中的干擾元素,同時(shí)增加頁面的光感:
用一個(gè)中式卡片來承載標(biāo)題,可以起一個(gè)強(qiáng)調(diào)的作用:
最后我們?cè)陧撁嫠闹苎a(bǔ)充一些修飾元素,這樣封面就大致完成了:
在此基礎(chǔ)上,我還做了另外一個(gè)版本的封面,感覺有個(gè)倒影水波紋的效果會(huì)更好:
這個(gè)倒影是怎么實(shí)現(xiàn)的呢?也很簡單。
我們把原封面的尺寸裁剪成下圖這樣,用作被水面倒影的對(duì)象:
接著就要借用一個(gè)倒影生成的神器網(wǎng)站「Water Effect」:
將裁剪后的封面導(dǎo)出,上傳至此網(wǎng)站,即可自動(dòng)生成倒影水波紋效果啦:
原稿是典型的卡片三段頁排版,但在對(duì)齊、陰影、信息層級(jí)等細(xì)節(jié)的處理上比較粗糙:
我們先把信息內(nèi)容提取出來,放大突出標(biāo)題字體,讓信息層級(jí)更清晰:
然后加入相應(yīng)的圖標(biāo),提高文案可視化程度,同時(shí)改用圓角卡片來承載信息內(nèi)容,圓角的卡片看著較為柔和舒適:
卡片上的圓形和標(biāo)題字體都使用了漸變填充,這樣可以賦予元素光澤感,從而增加層次細(xì)節(jié):
為了進(jìn)一步增強(qiáng)頁面空間層次,我們可以利用漸變矩形構(gòu)建一個(gè)立體墻面背景:
將此背景轉(zhuǎn)化為圖片,設(shè)置「膠片顆?!顾囆g(shù)效果,背景就有了現(xiàn)實(shí)墻體的顆粒紋理質(zhì)感:
把卡片內(nèi)容放在背景上看看效果,感覺四周還是有點(diǎn)空空的:
最后我們還可以加入植物素材,來豐富修飾頁面,像這樣:
最終的頁面空間層次更強(qiáng)了,效果不錯(cuò)吧~
這張頁面為產(chǎn)品頁,說實(shí)話,原稿的展示效果太差了,反而會(huì)拉低產(chǎn)品的檔次:
怎么去優(yōu)化呢?可以先把產(chǎn)品逐個(gè)摳出來:
延續(xù)前面的墻體背景思路,我們可以搭建一個(gè)場(chǎng)景來展示產(chǎn)品:
還可以繪制一些展臺(tái)元素,用于承載各個(gè)產(chǎn)品,這樣頁面效果會(huì)更真實(shí):
接下來,我們將摳出來的產(chǎn)品放在展臺(tái)上,精致的感覺一下就有了,但還是有些空:
最后再補(bǔ)充上文字名稱和一些修飾元素,頁面效果就好了很多:
這頁是榮譽(yù)頁,原稿設(shè)計(jì)也是比較普通,沒有體現(xiàn)出榮譽(yù)獎(jiǎng)?wù)碌暮鹆浚?/p>
榮譽(yù)頁面的優(yōu)化,我們常常使用橄欖枝素材來修飾榮譽(yù)獎(jiǎng)?wù)拢?/strong>
為保持前后風(fēng)格的統(tǒng)一,添加一個(gè)暗綠色的紋理質(zhì)感背景:
在原稿中,使用獎(jiǎng)杯這一個(gè)思路挺不錯(cuò)的,所以找了一個(gè)摳好的獎(jiǎng)杯元素,來增強(qiáng)頁面的榮譽(yù)氛圍:
此時(shí)內(nèi)容的排版大致完成,我們可以繼續(xù)添加元素來豐富背景層次,避免頁面的單調(diào):
最后把所有元素放在同一頁面上看看效果,質(zhì)感還是挺豐富的:
好了,以上就是此次的優(yōu)化思路,我們最后來看下修改前后對(duì)比:
以上就是這份PPT的設(shè)計(jì)制作思路了,怎么樣?還不錯(cuò)吧。
·
原標(biāo)題:我?guī)椭瘖y品公司,做了一份PPT!動(dòng)態(tài)封面美到窒息...
]]>