文章原創(chuàng),最近更新:2018-06-02
課程內(nèi)容:逆襲圖表大神第一招:脫掉
課程原鏈接:我懂個P【設(shè)計大神阿文帶你飛】
在上一節(jié)課,我們掌握了好圖表的三個標準。
- 前提:選對圖表
- 設(shè)計:簡潔大方
- 內(nèi)容:一針見血
從這一節(jié)開始,教大家三招超實用的神技,先從第一招開始~
- 脫掉
- 復(fù)制黏貼
- islide智能圖表
第一招:脫掉
所謂脫掉,其實就是把【簡潔大方】這個標準貫徹到底,把圖表中多余的設(shè)計元素通通剝光刪掉!
怎么脫?
脫掉背景
紋理背景
漸變背景
辣眼圖片脫掉元素
多余的網(wǎng)格線
多余的數(shù)據(jù)標簽
多余的坐標軸
多余的圖例脫掉效果
圖表陰影
圖表漸變
圖表三維統(tǒng)一風(fēng)格
統(tǒng)一字體
統(tǒng)一顏色
1.能脫就脫,能刪就刪
步驟都是死的,用力按住你的Delete鍵:就脫能脫,刪就刪
1.1牢記好圖表的三個標準
好圖表的三個標準。
- 前提:選對圖表
- 設(shè)計:簡潔大方
- 內(nèi)容:一針見血
1.2脫掉背景,元素,效果…統(tǒng)一風(fēng)格。
案例一:請勇敢地脫光這個圖表:

(打開案例文件,一起脫)
步驟1脫掉背景:把礙眼的背景圖片脫掉,畫面清爽了不少。

步驟1脫掉背景:把圖表區(qū)域的背景色脫掉。

步驟2脫掉元素:把圖表區(qū)域的網(wǎng)格線脫掉。

步驟2脫掉元素:數(shù)據(jù)標簽都標出具體數(shù)字了,縱坐標形同虛設(shè),脫!

步驟3脫掉效果:折線的陰影有點low,直接刪掉。

步驟4統(tǒng)一風(fēng)格:統(tǒng)一字體,統(tǒng)一顏色。例如,把標題的顏色修改成和折線一樣,統(tǒng)一整體視覺。
圖表自帶的標題可編輯性極低,建議大家重新畫一個形狀,再輸入標題文字。

就這樣,我們把一個過度設(shè)計的重口圖表脫成了小清新。思考一下,修改后的圖表,還有可以調(diào)整的地方嗎?請注視它10秒。
答:你覺得圖表中的折線有任何意義嗎?

大家千萬別忘了我們?nèi)髽藴实牡谝粋€:選對圖表可是一個好圖表的前提!

一般情況下,折線圖是用來展示趨勢的,但這十個城市的數(shù)據(jù)有任何趨勢可言嗎?甚至連從大到小的排序都沒,談何趨勢?選錯了圖表,再好看也是垃圾。
怎么修改?很簡單,更改圖表類型即可。

修改如下,這樣的圖表才是一個合理的圖表。
再思考一下,修改后的圖表,還有可以調(diào)整的地方嗎?再盯著右圖10秒

是的,我們還需要為圖表添加一個一針見血的結(jié)論。

比如,利用顏色差異,把最大值突顯出來。甚至把數(shù)據(jù)從大到小排序,這樣更符合“十大城市”的含義。如何排序?往下看~

操作提示:
選中圖表,右鍵》編輯數(shù)據(jù)》在Excel中編輯數(shù)據(jù),在彈出的Excel窗口中進行如下操作:數(shù)據(jù)》排序》降序


數(shù)據(jù)編輯完后直接關(guān)掉Excel即可???,柱形圖馬上就被排序了!

直到這一步為止,這個圖表才算真正的美化完成,對比一下:

接下來,我們可以進行一些更細節(jié)的調(diào)整了。比如,如果你看慣了從上到下的排序,可以把圖表類型更改為條形圖。

(步驟就不嘮叨了,大家自行更改~)
如果你還是想添加圖片,可以添加一張暗底的,跟主題相關(guān)的圖片當背景:

(步驟就不嘮叨了,大家自行更改~)
覺得色塊太重口?試試把標題的色塊去掉,把條形圖的填充顏色改成半透明試試~

1.3脫掉,是為了穿上更好的
脫掉,其實是為了穿上更好的。

課后作業(yè)
素材已經(jīng)準備好給你了,自己嘗試整個案例做一遍唄~

1.4巧用默認圖表樣式,一鍵脫掉。
逐步脫掉太費時間了,有沒有更快的方法?有。
其實PPT本身自帶很多默認的圖表樣式,可以一鍵替換掉圖表區(qū)域內(nèi)的所有效果。

部分樣式本身就非常簡潔大方,這不就相當于一鍵“脫掉”么?大大地節(jié)省了我們的美化時間。

這樣,我們就可以花更多精力來干點別的了……例如調(diào)整圖表細節(jié),看下一個案例~
案例二請勇敢地脫光這個圖表:

(打開案例文件,一起脫)
步驟1:首先,檢查圖表是否選對。吸取之前的教訓(xùn)
這個評比是以產(chǎn)品總銷售量為標準,但圖中這個并沒有匯總數(shù)據(jù),第一眼看不出哪個推銷員是第一。因此,需要更改圖表類型,改為堆積條形圖即可。
這樣,圖表就能直觀地展示出每位推銷員的產(chǎn)品總銷量啦!


這樣,圖表就能直觀地展示出每位推銷員的產(chǎn)品總銷量啦!

步驟2:替換圖表樣式,選擇一種簡約的圖表樣式,直接替換,一秒鐘變裝~

圖表工具》設(shè)計》隨便選:

步驟3:脫掉多余元素,別以為默認的樣式就不用脫,只是少脫一點而已。

- 刪掉多余的圖例,坐標軸,線;
- 圖表標題刪掉,因為編輯性太差。自己另外用文本框或形狀新建一個。

看,圖表更加清爽了~
注:保留橫向的網(wǎng)格線是為了保持頁面平衡,否則重心都傾向左邊了,不信你試試~
步驟4:調(diào)整字號大小
- 調(diào)整字號大小,保證所有重要信息都清晰可見。
- 加粗標題,突顯主題。

看,幾分鐘的功夫,我們就把一個圖表脫光了~~~接下來我們可以繼續(xù)調(diào)整細節(jié),比如為數(shù)據(jù)排個序。

2.補充知識點
2.1為堆積型條形圖強行排序
知識點1:如何強行為數(shù)據(jù)添加排序
跟上一個案例不一樣,這里的排序其實是需要對匯總數(shù)據(jù)排序,但數(shù)據(jù)源中并沒有匯總數(shù)據(jù),怎么辦?我們得自己插入一列匯總,操作步驟往下看~

步驟1:
選中圖表,右鍵》在Excel中編輯數(shù)據(jù):

彈出的Excel窗格中,在新的一列輸入?yún)R總數(shù)據(jù),你可以逐個相加,也可以同時按下快速求和快捷鍵:【Alt】鍵+【+】鍵

步驟2:
選中“匯總”單元格,對數(shù)據(jù)進行排序:數(shù)據(jù)》排序》升序,看,數(shù)據(jù)馬上就自動排序了!

步驟3:
調(diào)整數(shù)據(jù)后的圖表會默認把匯總列也算進圖表,但這樣的展示形式是錯誤的,直接刪除即可!

排序完序后,思考一下,如何展示匯總數(shù)據(jù)呢?

2.2自定義數(shù)據(jù)標簽
知識點2:如何自定義數(shù)據(jù)標簽
眾所周知,數(shù)據(jù)標簽?zāi)J只顯示圖表各部分對應(yīng)數(shù)值(左圖),匯總數(shù)據(jù)明明在圖表中沒有對應(yīng)的地方,如何顯示?我們來自定義。

解題思路:
其實我們只需要把最靠外的一組數(shù)據(jù)標簽,顯示為匯總的值即可!

步驟1:
首先,把不相關(guān)的兩組數(shù)據(jù)標簽直接刪掉,只剩下最靠外的一組。

步驟2:
選中剩下的數(shù)據(jù)標簽,右鍵》設(shè)置數(shù)據(jù)標簽格式,把其余的勾都去掉,然后勾選【單元格中的值】。在彈出的窗口中框選匯總數(shù)據(jù)部分。

步驟3:
經(jīng)過上一步后,看,數(shù)據(jù)標簽顯示的值已經(jīng)全被替換了~最后手動把每個標簽拖出條形圖體外,設(shè)置一下文字大小,搞定

這樣,我們就可以順利地展示匯總數(shù)據(jù)啦!再來對比一下:

接下來,我們可以進行顏值的微調(diào)了,推薦一些套路給大家參考~例如,調(diào)整分類間距,為條形圖瘦身:

例如,增加一些線條,加強區(qū)域的劃分效果:

例如,調(diào)整圖表顏色:

例如,加個背景:

例如,索性把圖表變成暗色調(diào):

例如,把暗色背景換成暗底的圖片:

脫掉,其實是為了穿上更好的。

挑戰(zhàn)作業(yè):
這是《和阿文一起學(xué)信息圖表》的經(jīng)典作業(yè),你敢挑戰(zhàn)嗎?

作業(yè)難點:
極大值的影響:作業(yè)難點本作業(yè)明顯選錯了圖表,但不要以為修改了圖表類型就完事。直接修改成條形圖的話,由于極大值的存在,大大影響了其余數(shù)據(jù)的展示,因此強烈建議大家把數(shù)據(jù)拆分來展示。

參考答案:

參考答案:你做成怎樣了呢?

至此,我們的第一招【脫掉】就全部講完啦,希望你有所收獲。大家來回憶一下這三個問題:
Q1:做任何圖表都要記住哪三個標準?
前提:選對圖表/設(shè)計:簡潔大方/內(nèi)容:一針見血
Q2:脫掉有固定的步驟嗎?
沒有,能脫就脫,能刪就刪。
Q3:脫掉的最終目的是為了什么?
脫掉,是為了穿上更好的。
本課作業(yè)較多,不要急,慢慢做。我們下節(jié)再見!
知識點回顧:
第一招:脫掉
一、能脫就脫,能刪就刪
- 牢記好圖表的三個標準·脫掉背景,元素,效果…統(tǒng)一風(fēng)格。
- 巧用默認圖表樣式,一鍵脫掉。
- 脫掉,是為了穿上更好的。
二、補充知識點
- 為堆積型條形圖強行排序
- 自定義數(shù)據(jù)標簽
