今天這篇文章,通過(guò)兩個(gè)案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來(lái)看下頁(yè)面內(nèi)容,也不復(fù)雜,主要有標(biāo)題、表格和曲線圖:
仔細(xì)閱讀表格和曲線圖,會(huì)發(fā)現(xiàn)兩者有一定的相關(guān)度,表格表頭和曲線圖X軸的內(nèi)容是相對(duì)應(yīng)的:
那么在排版的時(shí)候,我們就可以考慮將它們結(jié)合起來(lái)進(jìn)行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來(lái):
然后將表格各個(gè)時(shí)期的內(nèi)容,放在對(duì)應(yīng)的區(qū)域內(nèi),像這樣:
接下來(lái),我們對(duì)表格內(nèi)容進(jìn)行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強(qiáng)空間感,給圓形設(shè)置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來(lái)像球體:
同時(shí)我也給圓形加了暗藍(lán)色的陰影,營(yíng)造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來(lái)有些臟:
一樣的方法,將其他的表格內(nèi)容進(jìn)行優(yōu)化處理:
最后,我們把曲線也繪制出來(lái),調(diào)節(jié)透明漸變填充,這樣可以將遮擋的文字顯現(xiàn)出來(lái):
來(lái)看看最終的優(yōu)化效果:
再來(lái)看看案例二的原稿:
這個(gè)案例是多項(xiàng)內(nèi)容排版,原稿中元素的使用比較老套,先把文字給提取出來(lái):
?我們改用圓形色塊來(lái)承載文字信息:
考慮到頁(yè)面的均衡感,可以將各項(xiàng)內(nèi)容對(duì)齊均勻分布,像這樣:
但這時(shí)標(biāo)題上下兩側(cè)的內(nèi)容區(qū)域,與左右兩側(cè)相比,看起來(lái)也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來(lái)開(kāi)始豐富頁(yè)面內(nèi)容,中心標(biāo)題用兩個(gè)疊加的圓形來(lái)承載,外側(cè)在添加兩條漸變線條:
給兩個(gè)圓形設(shè)置漸變和陰影效果,豐富頁(yè)面的層次感:
兩側(cè)各個(gè)小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠(yuǎn)小的原則,讓頁(yè)面空間感倍增:
分散排版有一個(gè)需要注意的點(diǎn):為了讓頁(yè)面左右不失衡,盡量讓兩側(cè)元素面積的和,保持一致:
把文字加上看看效果,這時(shí)所有圓形都用來(lái)承載文字內(nèi)容,感覺(jué)缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁(yè)面,效果會(huì)好很多:
好了,以上就是這兩個(gè)案例的優(yōu)化過(guò)程,思路也寫(xiě)得比較細(xì)致,希望對(duì)你做PPT設(shè)計(jì)有所幫助。
·
講真!這張一口氣放了30個(gè)圓的PPT,最少能值600元!
]]>提前聲明,如果你能夠認(rèn)真讀完這篇文章,那么,你肯定能學(xué)到一個(gè)超實(shí)用的 PPT 設(shè)計(jì)技巧。
那么,到底是啥呢?
先來(lái)問(wèn)各位一個(gè)問(wèn)題,不知道你是否留意過(guò):
在我們處理 PPT 表格內(nèi)容時(shí),很多時(shí)候,在同一個(gè)表格里,往往會(huì)有很多的重復(fù)項(xiàng)內(nèi)容。
比如說(shuō)像這里的[阻力上漲幅度]的內(nèi)容,重復(fù)出現(xiàn)了3次:
還有像這里的[考核時(shí)間]和[分析]部分的內(nèi)容,都存在大量的重復(fù)項(xiàng):
而大多數(shù)人的做法呢,都是完整地保留重復(fù)信息。
但最近,在翻看一些優(yōu)秀的設(shè)計(jì)案例時(shí),我發(fā)現(xiàn),原來(lái)還有另一種處理方式。
什么呢?那就是使用圖例,來(lái)替代重復(fù)項(xiàng)內(nèi)容,進(jìn)行呈現(xiàn)。
啥意思呢?比如說(shuō)像 SpaceX 的這張 PPT 頁(yè)面,采用不同色彩的圖形,來(lái)表現(xiàn)不同的狀態(tài),看起來(lái)就更具可視化效果:
再比如像這個(gè)頁(yè)面中,用對(duì)號(hào)來(lái)表達(dá)完成的狀態(tài):
還有像這個(gè)頁(yè)面中,用不同的符號(hào),來(lái)表現(xiàn)是否提供對(duì)應(yīng)服務(wù)內(nèi)容:
不得不說(shuō),這是一個(gè)相當(dāng)簡(jiǎn)單實(shí)用的設(shè)計(jì)方法,不僅可以簡(jiǎn)化頁(yè)面的信息,而且可以增強(qiáng)頁(yè)面可視化效果。
我給它起了個(gè)名字,叫做『圖例替代法』。
啥意思呢?先來(lái)解釋一下,啥叫圖例呢?
這其實(shí)是圖表中的一個(gè)概念,用來(lái)指代每一個(gè)圖表系列的含義:
但如果,我們能夠切換一下思維方式,把圖例應(yīng)用在其它頁(yè)面中呢?
比如說(shuō)像這個(gè)頁(yè)面,表格里有很多重復(fù)的數(shù)字1:
但其實(shí),我們可以將其替換為圓形色塊,是不是好很多?
再比如像這個(gè)頁(yè)面,就是一個(gè)普普通通的表格:
各位可以看到,里面【評(píng)價(jià)部分】的內(nèi)容項(xiàng),存在重復(fù):
因此,我們?yōu)榱嗽鰪?qiáng)可視化效果,就可以考慮采用 emoji 表情作為圖例:
這樣一來(lái),頁(yè)面是不是有趣多了?
像一些科技廠商的發(fā)布會(huì)中,也經(jīng)常會(huì)用到圖例法。比如用不同朝向和色彩的三角形符號(hào),來(lái)表現(xiàn)出提升或下降:
明白了嗎?
我列舉了4個(gè):
啥意思呢?舉幾個(gè)例子來(lái)說(shuō)一下。
比如像這個(gè)頁(yè)面,用不同的色塊,來(lái)表現(xiàn)不同的企業(yè)類(lèi)別:
再比如用不同的箭頭,表達(dá)數(shù)字增減:
再比如像小米發(fā)布會(huì)中的這張表格,用不同色彩的圖形,表達(dá)不同狀態(tài):
好了,那接下來(lái)咱們通過(guò)3個(gè)實(shí)際的案例,來(lái)理解一下。
先來(lái)個(gè)簡(jiǎn)單的,比如像這個(gè)頁(yè)面:
大家可以分析一下,這里的重復(fù)項(xiàng)內(nèi)容是哪些呢?
是日平均氣溫,對(duì)嗎?
那么,接下來(lái),該如何定義圖例呢?
我們可以使用不同深淺的色塊,來(lái)表現(xiàn)不同的氣溫階段:
完成了這一步,咱們來(lái)看下頁(yè)面效果:
再比如像這個(gè)頁(yè)面,同樣地,先來(lái)分析下,這個(gè)表格中,都有哪些屬于重復(fù)項(xiàng)內(nèi)容呢?
很明顯,這里有兩個(gè):
因此,我們可以選擇其中一類(lèi)內(nèi)容,比如我們就選擇調(diào)查方法。
這里呢,我們定義一個(gè)圖例樣式:
同樣地,將其替換運(yùn)用在表格中即可:
再來(lái)最后一個(gè)例子,這里的重復(fù)項(xiàng)內(nèi)容是什么呢?
雖然不是很明顯,但簡(jiǎn)單分析也能發(fā)現(xiàn),屬于數(shù)據(jù)增減型,所以,還是先定義圖例:
放在頁(yè)面上,簡(jiǎn)單看下效果,可視化效果好很多了:
最后,完成頁(yè)面的排版設(shè)計(jì)即可:
以上,就是『圖例替代法』的使用,大道至簡(jiǎn),好用的方法,往往就是這么簡(jiǎn)單。
希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:看了一加手機(jī)這張PPT圖表!我學(xué)會(huì)了一個(gè)超實(shí)用的神技巧!
]]>今天這篇文章為大家修改一份四川大學(xué)PPT。
這是一份智慧醫(yī)療相關(guān)的內(nèi)容,還是先來(lái)整體的看一下這份PPT:
老規(guī)矩,還是挑其中的4頁(yè)進(jìn)行修改:
因?yàn)檫@是一份偏醫(yī)療科技相關(guān)的PPT,所以,色彩的選擇上,我選了以紫色調(diào)為主,給人溫馨的感覺(jué):
背景板就以淺色為主,并在底部,添加一些科技粒子元素:
這樣的話(huà)呢,既有了科技的感覺(jué),而且也會(huì)比較干凈。
當(dāng)然,顏色不是唯一固定的,如果你想呈現(xiàn)出高科技的感覺(jué),也可以使用青綠色。
接下來(lái)呢,我們就進(jìn)入到單頁(yè)的修改。
原稿的頁(yè)面設(shè)計(jì)上,主要有兩個(gè)小的問(wèn)題:
那該如何優(yōu)化呢?
我們還是先來(lái)簡(jiǎn)單的構(gòu)思一下頁(yè)面的布局,依舊是左右結(jié)構(gòu):
但如果只是這樣的排版,有些呆板,所以呢,我對(duì)標(biāo)題文字做了一些處理,主要是增加了漸變:
然后是右側(cè)的視覺(jué)元素,用什么樣的配圖呢?
我們還是先來(lái)分析,標(biāo)題中的關(guān)鍵詞:
很明顯,從『盾』這個(gè)字,可以看出,這里想要體現(xiàn)的就是安全。
所以呢,我就搜索了一些盾牌相關(guān)的元素,感覺(jué)這個(gè)不錯(cuò),既能體現(xiàn)安全,還有一些科技感:
但在這個(gè)畫(huà)面中,我只想要盾牌的部分,所以,就單獨(dú)拿出來(lái)放在PPT上,并調(diào)整了顏色:
說(shuō)明一下,我找到是矢量素材,大家可以看到,元素的每一個(gè)面,都是可以進(jìn)行調(diào)色的:
另外,為了體現(xiàn)出是醫(yī)療安全,我們可以在盾牌上,加一個(gè)醫(yī)療的標(biāo)志:
這時(shí)候,來(lái)看一下效果:
還不錯(cuò),但是呢,盾牌的底部,沒(méi)有一個(gè)底座,出現(xiàn)的有些突兀。
咋辦呢?我們可以繪制兩個(gè)橢圓,讓盾牌立在底座上,看起來(lái)會(huì)更好一些:
這一頁(yè),主要就是一個(gè)流程圖的展現(xiàn),原稿的問(wèn)題就在于,流程有一些混亂,不知道應(yīng)該從哪開(kāi)始。
咋解決呢?還是先來(lái)規(guī)劃頁(yè)面的版式:
然后,對(duì)流程圖做一些處理,關(guān)于流程圖的處理呢,主要是找好主干,使其符合正常的閱讀順序。
沒(méi)啥好的方法,就是多去嘗試,我畫(huà)了幾個(gè)不同的版本:
最后定下來(lái)是用這個(gè):
對(duì)于右側(cè)的內(nèi)容呢,這就沒(méi)啥說(shuō)的了,并列擺放整齊即可:
所以,按照我們的布局,擺放在頁(yè)面上即可:
這一頁(yè)的表格設(shè)計(jì),還挺有創(chuàng)意,但是有兩個(gè)小問(wèn)題。
表格的間距有點(diǎn)太大了,導(dǎo)致信息會(huì)有點(diǎn)分散:
左側(cè)的表頭部分采用了右對(duì)齊,這樣的話(huà)呢,會(huì)讓內(nèi)容看上去不整齊:
咋解決呢?我們可以用一個(gè)色塊,承載所有的表格內(nèi)容:
另外,因?yàn)槲覀円怀鲋攸c(diǎn),所以,可以考慮把顏色做一些更改即可:
這一頁(yè)的內(nèi)容呢,結(jié)構(gòu)已經(jīng)非常清晰,但是呢,視覺(jué)元素會(huì)有點(diǎn)雜亂。
咋優(yōu)化呢?我們來(lái)分析一下,這是一個(gè)『某段時(shí)間內(nèi)的數(shù)據(jù)對(duì)比』頁(yè)面。
所以,我們可以先來(lái)構(gòu)思『數(shù)據(jù)對(duì)比』部分,該如何呈現(xiàn)呢?最簡(jiǎn)單的方法,我們可以使用顏色對(duì)比:
另外,因?yàn)閭鹘y(tǒng)手術(shù)部分,分為4個(gè)流程,所以呢,我們可以將其拆分成4段:
那么,時(shí)間的概念該如何體現(xiàn)呢?我想了3種方式,用刻度尺,或者心電圖等概念:
最終呢,我選擇的是第2個(gè):
這就是整份PPT頁(yè)面的修改過(guò)程,整體來(lái)回顧一遍。
- 修改前 -
- 修改后 -
整個(gè)修改過(guò)程,主要是改變了色調(diào),以及對(duì)內(nèi)容可視化的形式做了更改。
希望對(duì)各位有所啟發(fā)。
·
原標(biāo)題:我給四川大學(xué)做了份紫色PPT!同事:紫色流程圖好洋氣!
]]>今天給大家分享一個(gè)超有創(chuàng)意的圖表風(fēng)格——視錯(cuò)覺(jué)圖表。
看起來(lái)很不錯(cuò),對(duì)嗎?
其實(shí)它們的做法也超簡(jiǎn)單,接下來(lái)就給大家詳細(xì)分享一下。
在開(kāi)始制作之前,首先我們要理解一個(gè)概念——什么是視錯(cuò)覺(jué)圖表呢?
簡(jiǎn)單來(lái)說(shuō),就是利用對(duì)元素的處理,讓觀看者形成視覺(jué)上的錯(cuò)覺(jué),從而營(yíng)造出創(chuàng)意的圖表效果。
比如小米發(fā)布會(huì)時(shí),這張宣傳海報(bào),看起來(lái)就十分立體,對(duì)嗎?
再比如PS軟件之前的啟動(dòng)頁(yè),怎么看都似乎是成立的:
以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》,也是通過(guò)搭建視錯(cuò)覺(jué)場(chǎng)景,征服了海量玩家。
最最常見(jiàn)的,就是網(wǎng)上的一些視錯(cuò)覺(jué)的圖,一搜一大把:
明白了吧?下面我們正式開(kāi)始制作。
這個(gè)圖表最亮眼的地方,就是那些看起來(lái)很有光感的發(fā)光膠囊燈管,對(duì)嗎?
但其實(shí)只需要一個(gè)圓角矩形,和一個(gè)虛化的圓角矩形,就可以做出這個(gè)效果:
我們首先插入兩個(gè)圓角矩形,并設(shè)置好填充色:
然后我們?yōu)樽髠?cè)的圓角矩形,設(shè)置陰影,來(lái)增加立體感:
注意:陰影的效果會(huì)受形狀大小的影響,在放縮形狀時(shí),需重新調(diào)整。
接著,我們選中右側(cè)的圓角矩形,在形狀格式中,選擇虛化邊緣,并調(diào)整虛化數(shù)值:
注意:形狀越大時(shí),虛化的數(shù)值也要跟著變大,反之亦然。
最后,把兩個(gè)圖形居中對(duì)齊,一個(gè)發(fā)光的膠囊管就制作完成了:
以此類(lèi)推,我們可以制作出其他膠囊管:
然后調(diào)整各個(gè)膠囊管的寬度,使其和原始圖表中的條形寬度一致,來(lái)保證數(shù)值的精確:
之后,把原始圖表的條形設(shè)置為無(wú)填充,并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數(shù)值的時(shí)候,還可以重新填充回來(lái),方便比照著調(diào)整圖表。
最后,我們?cè)僬{(diào)整一下背景,并添加一些色塊。
再把內(nèi)容放上,就完成了:
怎么樣,是不是很簡(jiǎn)單?
這個(gè)圖表分為兩個(gè)部分,折線圖和面積圖。
我們先來(lái)做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復(fù)制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進(jìn)行選擇性粘貼,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營(yíng)造光感:
?然后再給最高點(diǎn)添加一個(gè)光效,突出重點(diǎn):
有了光,就要有陰影,對(duì)嗎?
我們把折線復(fù)制一份,然后向下調(diào)整復(fù)制的折線的高度:
之后把折線設(shè)置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個(gè)帶投影的折線就做好了:
*注意調(diào)整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復(fù)制一份折線,然后畫(huà)一個(gè),高度大于折線范圍的矩形:
接著,選中折線和矩形,點(diǎn)擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點(diǎn)擊形狀格式下的合并形狀,選擇結(jié)合:
一個(gè)圓滑的面積圖就出現(xiàn)了。但這還不夠,因?yàn)槲覀冞€要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個(gè)等距的矩形,高度要超過(guò)面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個(gè)微微有些立體錯(cuò)覺(jué)的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對(duì)齊,并添加襯底色塊,對(duì)內(nèi)容進(jìn)行排版:
一個(gè)漂亮的視錯(cuò)覺(jué)折線面積圖,就完成了。
到這里,今天要分享的兩個(gè)視錯(cuò)覺(jué)圖表教程,就結(jié)束了,希望對(duì)你有所幫助。
·
原標(biāo)題:乖乖嘞!這種視錯(cuò)覺(jué)風(fēng)的PPT圖表,太高端了!
]]>本模板非常適用于商品介紹PPT,個(gè)人介紹PPT等PPT。
]]>如果您使用了這個(gè)PPT模板那么您可以在你的上一個(gè)PPT做如下的動(dòng)畫(huà):
1,做三個(gè)與此本模板箭頭相似的+直線路徑動(dòng)畫(huà)(由左至右)從PPT顯示范圍之外開(kāi)始—PPT顯示范圍之外結(jié)束。
2,在加一個(gè)翻頁(yè)切換的動(dòng)畫(huà)
這只是個(gè)人建議。。。
]]>