如果你經常要在PPT裡排版一堆數據,就像下面這種:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/10e49122-59cc-4a4d-9237-9f3342accc7e.jpg)
那今天這篇文章我建議你反!复!觀!看!
只要你能理解以下數據排版的思路,今後你再看到數據時就不會再只會標紅了!
▎三段內容頁
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ed10e063-8058-4e84-9b29-e26ccfa1160f.jpg)
面對這種文字特別多的情況,我第一時間想到的是文字拉太長的話,讀起來容易視覺疲勞。
所以我第一步先把文字長度縮短,得到以下版式:< /span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/db9e5f63-4f52-4415-aabd-3f927de8a80e.jpg)
接著,想解決文字超多的問題,我們就得幫讀者把信息重點梳理出來。
具體點來說,就是“讓長文變成短句”。
比如仔細讀一下第一段內容,你可以從中提煉出以下要點:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9a2673e3-f0ef-4119-a24b-c5fe7209e9c7.jpg)
把這些要點提煉出來以後,我們最好再對其中的數據做些圖形化處理。
比如為重點數字放大並上色,或是用適合的圖表來代替乏味的數字:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9e194674-7de5-425b-ae84-28743538175a.jpg)
把第一段經過圖形化處理的文案放回原稿中,你可以得到如下效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ff263ad0-f3ae-43a2-89d2-daac946a4df3.jpg)
比起原本的大段文字,現在是不是重點突出且更美觀了?
再看第二段文案,同樣先把重點梳理出來: span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/dcf4a9df-53ae-43c2-94b5-2bbca9a51715.jpg)
再對重點數據做圖形化處理(加圖標、換成圖表等):
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/33e70dfe-3da5-4e5e-a83e-09b5aaea1341.jpg)
同理,給第三段內容也提煉一下重點,並且加個圖標裝飾:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/07b08304-cb17-488a-9563-4cb4b80cc2e3.jpg)
最後,我們就能把原本全是文字的PPT,修改出如下效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5813a9d9-804f-40fe-90de-efd0f0c93729.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/251c9799-8de4-403a-b7bb-b9feb2e7795d.jpg)
從以上案例,你不難總結出以下要點:重點數據可以提煉出來,單獨排版,或是用圖表來呈現。
在下面的幾個案例裡,你會發現我將一直使用以上技巧。
▎兩段內容頁
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5750aa09-24a3-473a-acec-ac6e5d998c6a.jpg)
讀一下第一段文案,你會發現它裡頭包含了一組數據與一組內容:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d1f8e07f-80d6-44f0-9f48-752a14060a49.jpg)
先看數據部分:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/416c6a29-cec5-4e2a-a78e-18e9753ee959.jpg)
不難看出它主要在對比各個數據在不同年份的變化 :
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/10df6db4-1bd7-476e-8a48-40b5e545f64a.jpg)
像這種對比性的內容,用表格來呈現其實是最好不過的:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1ee23928-2da1-4d17-885e-0f9a2fdcb6da.jpg)
▲注意為文案提煉出小標題
比起原本一堆數據,表格看著清晰了很多對吧?
至於另一組純文字的內容,其實我們也可以通過提煉要點的形式,得到這麼兩段內容:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d13a2155-878d-443d-8dda-172de8190856.jpg)
對正文做點圖形化處理,比如把各個要點用圓角矩形裝載起來:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/de0e41e3-b6f9-40f9-8e0a-226fb1823d79.jpg)
最後,我們把處理完的內容拼在一起,比起原本的大段文字,現在的重點更突出也更美觀了:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/73e13d92-6015-4c91-9479-adc1bd1a00a3.jpg)
接著再看第二段內容:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/00cf5f58-2086-4983-8bc6-9a5fcafb8cc7.jpg)
你會發現部分數據之間有著包含與被包含的關係,像這種時候我們其實可以借助線條,從視覺上把零散的數據整體化:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/da326f80-4d7c-4c28-a075-f73b04b95cdc.jpg)
▲注意字色與字號的細節
通過這麼一梳理,原本零散的多個數據就被我們編排成了三個組合:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c15d8e42-c642-4c28-9bc1-e74664c90d4a.jpg)
最後我們再用“卡片型”版式,將所有處理完的內容拼在一塊兒:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/edee9985-78a5-4296-bde4-f9d3b7da17e1.jpg)
為了讓兩段內容之間的界限更清晰,我們還可以往“卡片”底部加兩個色塊,隔開上下兩段內容:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2c6d3b13-8fd8-463c-b30c-9d13d4b75282.jpg)
喜歡簡潔風格的,也可以選擇只給標題模塊填充顏色:< /span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/4ce79388-528f-4d15-8b94-0d513aa03cf9.jpg)
▎圖表排版頁< /span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/fb3d1263-47f1-4032-9aa0-f658404d851b.jpg)
這個組合圖表有個比較明顯的問題,那就是部分數據比較接近,導致數據標籤互相重疊,看不清數據:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e7340328-f5b1-4246-ac46-3f3493a862f9.jpg)
像這種時候,如果不是非得對比這兩組數據,那我們大可以把兩個圖表分開排版
,這樣就不會出現數字重疊的問題:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/43414ccd-6aa1-4fb6-a78d-4291d39c4acb.jpg)
▲分成折線圖與柱狀圖
接著,原稿中的這兩段內容,剛好對應著這兩個圖表,所以我們可以將文字歸納到圖表裡去:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/07ce48e4-be7d-432c-a9c8-edf77fe3ac3c.jpg)
對這兩段內容做個圖形化處理,比如時間關係就做成時間軸:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/918e2920-d65f-4e34-ad19-fd3b95d686d3.jpg)
重點數據則單獨提煉出來排版,加個圖標做裝飾: span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/08c4a5bf-3afb-4b65-a0b9-9037783e516e.jpg)
最後,用兩個形狀將這兩個圖表都裝載起來即可:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ad627ae0-0daf-4599-b520-a40ebbab1678.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ea359271-c933-421e-866d-c8bfb13e8636.jpg)
▎四段內容頁
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/67eebe1f-bf69-4e1f-bdee-5a6ade9b61f2.jpg)
這頁PPT裡的百分比數據,如果需要強調數據的完整性,那我們可以用一個完整的餅圖來呈現數據:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a8613ce7-5053-44a9-96f5-602fcf8e5eae.jpg)
▲注意放大重點數據
接著再為文案做一些圖形化處理:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c098f94f-e700-48c4-8f79-44064eac05f1.jpg)
在餅圖周圍加點裝飾,看一下最終效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d7f28fee-0fa5-4c2a-b97a-fb7290881cbd.jpg)
如果不需要強調數據的完整性,那我們也可以像原稿那樣,先把各組數據按組排版:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/40930f90-50a5-442f-9cbe-41f6e3664e70.jpg)
數據方面,我們可以繼續用餅圖的形式來呈現,各個要點也可以用圖標來裝飾:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/470608c0-88ce-4ea2-9d70-bcfd9d95d1fa.jpg)
看一下對數據與文案做完圖形化處理以後的效果:< /span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1f89d129-9118-4d99-8d34-d69b08c12ac9.jpg)
最後,繼續使用卡片型版式,把各段內容之間的對應關係
呈現清楚,搞定:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/115e0b5a-7ef7-437d-a80e-2b570d20a6a3.jpg)
總而言之,一定要根據想強調的內容,為版面使用合適的版式。
這就要求你平時要多積累一些不同的設計版式,比如多看看公眾號裡的案例,總不會錯。
▎總結
現在我們來看一下PPT修改後的整體效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1938af52-f004-4bda-a875-f9968b6e7335.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/071b6093-cd67-47c7-b530-eaede23fc689.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8b3001e7-0511-4e53-a79b-10f569a69ba4.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0ae5e181-a6f3-445d-b073-3c761acf5669.jpg)
從以上案例的修改,我們不難總結出以下數據排版的技巧:
- 不要讓一堆數據擠在一起,試著分組;
- 數據可以轉換成圖表時,堅決轉換;
- 圖表太複雜時,試著分成多個圖表;
OK,本期內容就到這裡,咱們下期再見~
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/PPT%20full%20of%20data%20dont%20just%20mark%20it%20red%20anymore.html
评论列表(196条)
测试