提前聲明,如果你能夠認(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í)用的神技巧!
]]>今天給大家分享一個(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ò)覺場景,征服了海量玩家。
最最常見的,就是網(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圖表,太高端了!
]]>今天給大家分享幾個(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í)!
]]>