地圖來源:http://bzdt.ch.mnr.gov.cn/browse.html?picId=%224028b0625501ad13015501ad2bfc0001%22
]]>這篇文章,咱們就從一個讀者私信給我的案例來說,就是這張PPT:
他當(dāng)時問我的問題是,怎么把這個表格優(yōu)化的更美觀?
坦白講,這是一個無解的問題,為什么這么說呢?
咱們簡單對這個圖表分析,就能知道,它其實表達(dá)了兩個維度的信息:
而如果一味地對表格形式進(jìn)行優(yōu)化,它也不能準(zhǔn)確地呈現(xiàn)出內(nèi)容想要表達(dá)的視覺含義,因為它缺少可視化。
但是,如果我們使用地圖和柱狀圖來呈現(xiàn)的話,則可以很好地解決『地域』和『數(shù)據(jù)』可視化的問題。
那么,為什么很多人想不到這一點呢?我的理解是,『缺少觸發(fā)』。
什么意思呢?什么叫觸發(fā)呢?簡單來說就是,提到A類內(nèi)容,大腦中能否想到B類呈現(xiàn)形式。
比如咱們就拿地圖頁的設(shè)計來說,關(guān)于地圖頁的設(shè)計,它都有哪些觸發(fā)呢?
很簡單,一般分為兩種:
都是什么意思呢?我簡單來說一下。
這是PPT設(shè)計中,最常見的一種地圖形式,簡單來說,只要在PPT內(nèi)容中,提到與地理位置分布相關(guān)的信息,那么就可以考慮采用這種設(shè)計。
比如像公益活動捐贈地區(qū)分布:
或者是像某區(qū)域內(nèi)餐廳的分布:
當(dāng)然,還比如像:
但凡見到這類的字眼,就可以想到使用『分布式地圖』進(jìn)行呈現(xiàn)。
這種地圖的形式呢,一般是為了在地圖上呈現(xiàn)一段路線,相信咱們每個人都用導(dǎo)航軟件,那么,這就是最典型的路徑地圖。
在一些介紹運動項目,或者旅游項目,氣象狀況的 PPT 中,經(jīng)常會見到這一類的地圖。
比如說我之前做過的一頁 PPT ,是來介紹氣象的,這個屬于路線+分布型的地圖設(shè)計:
再比如像這個頁面,也是典型的路線型地圖:
所以,當(dāng)我們在PPT中看到類似于路線等字眼時,可以考慮這種形式。
理解了嗎?這就跟我們提到『數(shù)據(jù)之間的占比關(guān)系時,想要使用面積圖』是一樣的道理。
好了,接下來呢,咱們通過兩個案例,來具體地訓(xùn)練一下。
咱們就拿開頭的那個案例來說:
很顯然,我們知道,這是一個分布式的地域數(shù)據(jù),所以,可以考慮使用分布式地圖。
第一步,我們需要做的,就是來找一張能包含這些地理位置的世界地圖。
我找了一張這樣的地圖:
但是它是有問題的,因為亞洲區(qū)域過于偏上,這樣就會導(dǎo)致頁面上下失衡:
所以,我們可以把地圖向下移動。而對于未被遮擋的白色區(qū)域,我們可以使用一層『漸變蒙板』來遮蓋:
從而把地圖處理成這樣:
這時候,地理位置已經(jīng)可視化呈現(xiàn)了。
下一步,是讓數(shù)據(jù)信息可視化。
對于單個的數(shù)字而言,很明顯,使用『柱狀圖』呈現(xiàn)會比較合適。
在這里,咱們可以使用立體柱狀圖進(jìn)行呈現(xiàn),這樣,數(shù)據(jù)的呈現(xiàn)形式會更加直觀:
最后,咱們把處理好的柱狀圖,放在相應(yīng)的坐標(biāo)點上,就可以了:
來對比下原稿,是不是好很多呢?
剛才是一個比較簡單的案例,咱們來看一個稍微復(fù)雜的,就是它,信息量很大:
對于很多讀者來講,我相信,看到這樣的案例,腦子里肯定會想,該怎么對這些內(nèi)容進(jìn)行排版,對嗎?
但其實不用,為什么呢?咱們來分析一下這頁的內(nèi)容:
當(dāng)我們理解這一頁內(nèi)容之后,會發(fā)現(xiàn),其實他在說兩個方面的內(nèi)容:
進(jìn)一步概括下來就是,『我們在不同國家有很多的創(chuàng)新人才』,對嗎?
所以,還記得我前面說的嗎?我們可以使用分布式地圖來呈現(xiàn)。
第一步,我們依舊是找一張世界地圖。
這里分享一個在線地圖生成工具,叫做 pixelmap.amcharts.com ,可以生成不同形態(tài)的地圖。
我們把相應(yīng)的國家標(biāo)注出來:
第二步,我們來處理地圖上要體現(xiàn)的信息。
前面已經(jīng)說了,頁面上的內(nèi)容,就是在說兩個方面,所以,咱們可以將其體現(xiàn)得更加明顯一點:
最后,我們來完成地圖和內(nèi)容的布局。
為了能夠留出一塊空白的區(qū)域來寫字,我們可以把地圖向右移動:
這樣,把文字內(nèi)容放在左側(cè),并與標(biāo)題對齊,就可以了:
以上呢,就是兩個很典型的地圖頁案例,我想分享的是,我們一定要通過文字內(nèi)容,形成『觸發(fā)』。
因為,只有這樣,你才能準(zhǔn)確地呈現(xiàn)出內(nèi)容的視覺含義。
好了,希望能夠?qū)Υ蠹矣兴鶈l(fā)。
原標(biāo)題:如何做出一份驚艷的PPT地圖頁?這2個字,你一定要知道!
]]>