錦子老師

在扁平化的設計風格當中，展現光影和質感細節的真3D效果不再常用，而是取而代之以明度(Brightness)變化來展現立體層次感的簡潔設計。這種立體層次感並不像真實的3D圖形那樣顯著和突兀，而是更像一種不真實的光線折射感，其中所包含的立體感低調而隱約。在這裡，暫且將這種效果稱之為偽3D效果。

在圓形圖上可以很方便的做出這樣的偽3D效果來，例如下圖的效果：

這個圖中的圓環有一種俯視立體感，就是通過圓形圖疊加簡單的明度變化來實現的：

1、首先建立基本資料。

2、將A2:A6儲存格範圍框選起來，點取「插入 > 圓形圖或環圈圖▼鈕 > 圓形圖」圖示。

3、點取「圖表工具/設計 > 樣式11」圖示。

4、點取「插入 > 圖例▼鈕 > 圖案▼鈕 > 橢圓」圖示。

5、繪製一個比圓形圖直徑小一些的圓形圖案(按住Shift鍵拖拽滑鼠可以拉出一個標準圓形)。

6、點取剛繪製的圓形圖案，再點取「繪圖工具/格式 > 設定圓形格式」鈕。

7、在【設定圖案格式】對話方塊，點取「填滿與線條」圖示。

8、在「填滿」區塊，點取「色彩」▼鈕，選擇黑色色塊。

9、點取「透明度」欄位輸入「65%」。

10、在「線條」區塊，點取「無線條」選項鈕，使其變黑。

11、然後移到圓形圖中央，這樣就能令圓形圖的原有色彩產生明度上的變化。

12、然後再繪製一個更小一些的圓形圖案(按住Shift鍵拖拽滑鼠可以拉出一個標準圓形)。

13、點取剛繪製的圓形圖案，再點取「繪圖工具/格式 > 圖案填滿▼鈕 > 白色色塊」。

14、然後再度疊放到圓形的中央，形成三層堆疊後就完成了這種效果。

為了增強立體感，可以將所有圓形圖的框線設置為「無外框」。

15、點取「圖表標題」，再按DELETE鍵將其刪除。

16、點取「圖例」，再按DELETE鍵將其刪除。

17、在最小圓形圖案上方，按滑鼠右鍵一下，點取「編輯文字」指令。

18、輸入「Budget」字串。

環圈圖和圓形圖在資料的邏輯表達上並無二致，但環圈圖比圓形圖的色塊面積要小(留白更多)，比圓形圖顯得更輕巧更開放，中央空白區域還可以用來填寫圖表或系列的名稱，整體視覺效果通常比圓形圖更優，因此在很多情況下也會用圓環圖來代替圓形圖。

除了像上面這樣用圓形圖加圓形圖形堆疊來實現的方法，也可以直接使用環圈圖表類型來進行繪製，這樣的話環圈圖中心區域會與背景更趨一致：

上面的方法當中，令圖表顏色產生明度變化的方法是疊加了一層黑色半透明圖形，這樣可以讓顏色明度降低，如果把疊加的圖形填滿色彩改成白色半透明，就可以令明度增大，同樣可以產生另一種立體折射感：

不把圓形圖遮擋成圓環形，而是直接使用半透明的圓形蒙版，在磁區分佈比較均勻的情況下也會有比較不錯的效果：