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