在扁平化的設(shè)計(jì)風(fēng)格當(dāng)中,展現(xiàn)光影和質(zhì)感細(xì)節(jié)的真3D效果不再常用,而是代之以用明度(Brightness)變化來(lái)展現(xiàn)立體層次感的簡(jiǎn)潔設(shè)計(jì)。這種立體層次感并不像真實(shí)的3D圖形那樣顯著和突兀,而是更像一種不真實(shí)的光線折射感,其中所包含的立體感低調(diào)而隱約。在這里,我暫且將這種效果稱之為偽3D,例如PPT設(shè)計(jì)中常用的長(zhǎng)投影圖標(biāo)和折紙效果都可以歸類為這種偽3D。
在餅圖上也可以很方便的做出這樣的偽3D效果來(lái),例如下圖的效果:
這個(gè)圖中的圓環(huán)有一種俯視立體感,就是通過(guò)餅圖疊加簡(jiǎn)單的明度變化來(lái)實(shí)現(xiàn)的:先通過(guò)插入形狀功能,繪制一個(gè)比餅圖直徑小一些的圓形形狀(插入橢圓形狀,按住Shift鍵拖拽鼠標(biāo)可以拉出一個(gè)標(biāo)準(zhǔn)圓形)。將這個(gè)圓形邊框設(shè)為無(wú)邊框,填充色設(shè)置為黑色,然后設(shè)置透明度為65%左右,然后疊放到餅圖中央,這樣就能令餅圖的原有色彩產(chǎn)生明度上的變化。然后再繪制一個(gè)更小一點(diǎn)的圓形,使用純白色填充,然后再度疊放到圓形的中央,形成三層堆疊后就完成了這種效果。為了增強(qiáng)立體感,可以將餅圖的邊框設(shè)置為【無(wú)邊框】。
圓環(huán)和餅圖在數(shù)據(jù)的邏輯表達(dá)上并無(wú)二致,但圓環(huán)比餅圖的色塊面積要?。舭赘啵?,比餅圖顯得更輕巧更開放,中央空白區(qū)域還可以用來(lái)填寫圖表或系列的名稱,整體視覺效果通常比餅圖更優(yōu),因此在PPT中有很多情況下也會(huì)用圓環(huán)圖來(lái)代替餅圖。
除了像上面這樣用餅圖加圓形圖形蒙版來(lái)實(shí)現(xiàn)的方法,也可以直接使用圓環(huán)圖表類型來(lái)進(jìn)行繪制,這樣的話圓環(huán)中心區(qū)域會(huì)與PPT背景更趨一致:
上面的方法當(dāng)中,令圖表顏色產(chǎn)生明度變化的方法是疊加了一層黑色半透明圖形,這樣可以讓顏色明度降低,如果把疊加的圖形填充色改成白色半透明,就可以令明度增大,同樣可以產(chǎn)生另一種立體折射感:
不把餅圖遮擋成圓環(huán)形,而是直接使用半透明的圓形蒙版,在扇區(qū)分布比較均勻的情況下也會(huì)有比較不錯(cuò)的效果:
使用漸變效果可以讓圖形產(chǎn)生光感和質(zhì)感。
漸變的實(shí)現(xiàn)方法比較簡(jiǎn)單的是單獨(dú)選中餅圖中的單個(gè)扇區(qū)以后,從圖表工具欄中的【格式】選項(xiàng)卡中選擇【形狀填充】下拉菜單中的【漸變】效果來(lái)應(yīng)用,這里有一些預(yù)置的漸變效果供選擇。在選擇的時(shí)候需要注意不同扇區(qū)的漸變角度,要在整體上保持光線來(lái)源和角度的一致性,比如陰影方向都指向圓心。
除此以外,也可以選中單個(gè)扇區(qū)以后點(diǎn)擊右鍵,選擇【設(shè)置數(shù)據(jù)點(diǎn)格式】命令后,在系列填充對(duì)話框中手動(dòng)設(shè)置漸變光圈。手動(dòng)設(shè)置漸變光圈相對(duì)來(lái)說(shuō)比較復(fù)雜,除了漸變類型和方向,每個(gè)光圈還包含了顏色、位置、透明度、亮度等多個(gè)要素,操作起來(lái)需要比較高的技巧。
在扁平風(fēng)格流行之前,正是web2.0風(fēng)格大行其道之時(shí)。所謂的web2.0設(shè)計(jì)風(fēng)格,主要的要素包括鮮艷明亮的色彩以及漸變和高光/反光的運(yùn)用,有光潔透亮的質(zhì)感。
下面的這個(gè)餅圖就是一個(gè)簡(jiǎn)單模仿web2.0風(fēng)格的效果,有晶瑩剔透的水晶質(zhì)感。
在餅圖上產(chǎn)生這個(gè)高光效果的手段是使用了一層漸變半透明的白色蒙版。具體實(shí)現(xiàn)方法如下:
使用插入形狀,繪制一個(gè)直徑略小于餅圖的圓形。對(duì)這個(gè)圓形使用90度的線性漸變填充(從上往下透明度逐漸增高),包含兩個(gè)光圈,第一個(gè)光圈使用白色填充,位置為0%,透明度為0%,亮度為0%;第二個(gè)光圈使用白色或淺灰色填充,位置調(diào)整至80%~65%左右(產(chǎn)生的效果是底部邊緣不明顯),透明度為100%,亮度為0%。
將設(shè)置好漸變填充的圓形覆蓋于餅圖上方,就能產(chǎn)生最終的高光效果。
除了這種添加整體蒙版用作高光效果的方式之外,如果餅圖當(dāng)中的扇區(qū)包含邊框線,扇區(qū)之間有明顯邊界的話,也可以為每個(gè)扇區(qū)單獨(dú)制作高光蒙版,可以用插入形狀中的【餅形】來(lái)制作這樣的扇區(qū)蒙版。
在餅圖背景上如果添加一點(diǎn)陰影,整體效果會(huì)更好:
還可以考慮把前面的偽3D效果與現(xiàn)在的web2.0效果結(jié)合在一起使用,視覺效果非常突出:
除了上面這些美化方法,還可以將餅圖變形為半圓、3D形狀等方式來(lái)進(jìn)行美化改造,具體方法會(huì)在下一期中詳細(xì)講解。
本文所涉及到的案例可在此下載:
本地下載:餅圖示例02
本文來(lái)源:excel365.net
原標(biāo)題:PPT圖表美化Part6【餅圖的幾種美化途徑】