愛伊米

來,考你一下:PPT圖表的這4種能力,你有幾個?

製作幻燈片時,常會遇到要呈現各種資料的場景。

如何將這些資料透過圖表化的方式表達,又要注意什麼,就顯得尤為重要。

來,考你一下:PPT圖表的這4種能力,你有幾個?

圖表的使用,考驗我們4個方面的能力:

下來一一為大家闡述。

分析能力

所謂分析能力,其實就是你要為你的資料來源穿上一件適合的衣裳,避免將簡單的問題複雜化,甚至因為選用了錯誤的圖表而造成資訊誤判。

圖表的種類有很多,以下是幾種常用的圖表型別:

❶ 折線圖

通常來說,為了表現某項資料在一段時間內的變化或發展趨勢,會使用折線圖來製作資料圖表。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現資料發展趨勢

❷ 柱狀圖

關於不同類別的資料比較,可以使用柱狀圖。

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現相比較的關係

❸ 餅狀圖

體現不同資料之間的比例關係,可優先使用餅狀圖。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現比例關係

❹ 面積圖

面積圖的關注點很少在乎某項數值,而是強調資料量隨著時間呈現出不同的變化,為的是引起人們對總趨勢的注意。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現不同時間的數量變化

雷達圖

當有多維變數指標時,可以使用雷達圖。這種圖表在展示綜合測評、實力情況、專案分析等場景下很適用。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現多維指標

散點圖

判斷兩變數之間是否存在某種關聯,可以用散點圖,如果還要額外加入一個變數,以二維方式繪製三個變數的關係,就可以延伸成氣泡圖。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現不同數值間的重點

組合圖

當多組資料需要在一個圖表內呈現,且數量級不相同時,可以使用組合圖。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 表現多個數據的不同變化

這幾種圖表只是眾多圖表中使用頻率比較高的幾種,關於更全面的圖表選擇問題,可以收藏這張「圖表選用指南」。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ BY Andrew Abela

整理能力

圖表的整理能力,就是圖表翻譯、對比、拆分、合併的思維意識。

❶ 翻譯

在實際製作幻燈片的過程中,場景和資訊複雜,面對一個資訊,甚至很多人都不知道「可以用圖表」。所以必須有圖表化的思維,能將資訊翻譯成圖表語言。

比如,這樣的一個文字描述,請問如何做幻燈片?

來,考你一下:PPT圖表的這4種能力,你有幾個?

有沒有想過,「冷熱交替」的表達方式,其實可以是一張折線圖?

來,考你一下:PPT圖表的這4種能力,你有幾個?

❷ 對比

從表象的資料中找到結論,並透過強化對比的方式將這些結論資訊凸顯出來。

也就是需要根據當前頁面幻燈片的觀點,找到好的切入點並整理出需要被格外強化的資料重點,最常見的就是用顏色區分。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 谷歌開發者大會

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲ 小米8釋出會

有時候為了進一步強化,除了顏色,還會用到一些裝飾性元素或者動畫。

來,考你一下:PPT圖表的這4種能力,你有幾個?

▲小米8釋出會

要注意,即便用了一些特殊創意的資料或圖表呈現方式,也不能忘了強調重點。

比如下圖這個案例。

來,考你一下:PPT圖表的這4種能力,你有幾個?

這一頁幻燈片說的是「消除血塊作用最好的水果是菠蘿」,儘管圖表的形式很新穎,但並沒有做到圖形與內容的同步呈現,而是應該圍繞菠蘿的資料對比強化。

來,考你一下:PPT圖表的這4種能力,你有幾個?

針對文案對菠蘿的資料進行了字號強調,對其他不重要的資料做出了去色處理,有彩色和無彩色形成了鮮明的對比,人們的視線也自然而然的停留在了有彩色的部分,一眼即可被聽眾識別出來。

❸ 合併

一頁幻燈片上放置太多的圖表,資訊過載,不易理解,這個時候要考慮,多個圖表是否能夠合併。

比如這頁幻燈片上,塞了兩個圖表,分別對比效能和成本,是不是看起來很複雜?

來,考你一下:PPT圖表的這4種能力,你有幾個?

如果將兩個圖表合併起來,是不是對比一目瞭然,更直觀地詮釋了「更強的效能,更低的成本」?

來,考你一下:PPT圖表的這4種能力,你有幾個?

❹ 拆分

並不是越合併越好,如果合起來資訊量很大,那就要考慮拆分圖表,一次只表達一層資訊。

比如這張幻燈片上有3個表格,也就是3層資訊,如何做成圖表呢?

來,考你一下:PPT圖表的這4種能力,你有幾個?

很簡單,一個表格對應一頁幻燈片,拆成3頁:

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

不過這個時候可能會出現一個問題。

那就是原幻燈片放在一頁上,是展示整個流程的全貌,而拆分之後變成了多頁,好像就不連貫了,這怎麼辦?

很簡單,加上動畫,盡享絲滑。

設計規範

設計一張幻燈片圖表,要先從規範做圖開始,也只有規範化的作圖習慣,才會更好地幫助我們進行圖表的二次設計。

那麼,在設計圖表之前就需要了解下面這些關於圖表製作的原則性要求:

❶ 十二點鐘原則

餅圖的繪製要符合人眼的閱讀習慣,資料變化應沿著 12 點鐘位置開始變化,順時針方向運動,面積遵循從大到小排布。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❷ 易於理解原則

一切干擾曲線走勢的元素都要儘量避免使用。通常不使用虛線作圖,因為斷線的連線處會嚴重影響閱讀體驗,對於不含關鍵資料連線點的曲線圖,則建議優先使用流暢曲線。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❸ 避免遮擋原則

圖表的繪製儘量不要對資料有遮擋。所以在用色時會避免使用100%的色彩填充,同時也要避免顏色過於相近,影響閱讀體驗。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❹ 從零開始原則

圖表的縱向座標從0開始,如果沒有特殊原因,不要擅自修改為其他數值。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❺ 等比縮放原則

使用面積對比圖,要尊重圖示的準確性,切忌過於誇張化製圖,應沿用面積的等比縮放。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❻ 強化色彩原則

對於不同系列單項資料的說明,可以適當對核心資料進行色彩強化,不要將整體圖表的色彩控制在較小的區間浮動。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❼ 2D優先原則

雖然在PPT&Keynote中提供了很多 3D 圖表的展示,但在對資料有嚴謹要求的場景下,如金融報表、市場資料等應優先使用 2D 圖表。不同角度的 3D 圖表也會更容易打破畫面的平衡感,並不適合與其他元素進行結合排版。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❽ 同一親近原則

圖表中同一類別的資料點要親近,不同類別的資料點要疏遠,如下圖A>B。

來,考你一下:PPT圖表的這4種能力,你有幾個?

創意表達

目前,很多人對於傳統的資料圖表展示其實已經產生了審美疲勞,所以,如何讓圖表變得有趣味、有內涵,顯得格外重要。

優秀的資料圖表設計會讓你的幻燈片提升一個檔次,但這一切其實都在圍繞實用、易懂而出發。

2012 年,來自俄羅斯的平面設計師 Anton Egorov 在他的 Dribbble 主頁上分享了一組創意資料圖表,引起了行業的關注。他製作的資訊圖表是這樣的:

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

來,考你一下:PPT圖表的這4種能力,你有幾個?

非常規型的圖表製作與表現,一定是基於對圖表資訊的深度理解,絕不是為了追求形式美而去「刻意修飾」,要結合圖表對應的物件,使用有關聯性的視覺元素,讓圖表創意滿滿。

比如可口可樂的報表,將餅圖和可樂瓶蓋關聯起來,吸引眼球之餘,加深讀者對品牌的印象。

來,考你一下:PPT圖表的這4種能力,你有幾個?

再比如這個關於咖啡因含量的圖表,結合咖啡杯,一眼就能看出是跟咖啡有關的主題。

來,考你一下:PPT圖表的這4種能力,你有幾個?

相較於傳統的資料圖表,這種表達方式顯得更加驚豔,而我們對於這種表達方式的構思來自於我們對圖表內容的高度理解。

下來以這張表達男女比例構成的圖表為例,分享一些改變資料圖表展現方式的技巧。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❶ 使用類比元素

如果是強調兩者之間的對比,那這一張幻燈片第一想法都是可以使用柱形圖或條形圖的表達方式,如下圖所示。

來,考你一下:PPT圖表的這4種能力,你有幾個?

而使用幻燈片中自帶的圖示語言似乎沒有什麼驚喜可言,那就儘可能地從資料圖的文案中提煉出「可具象化」的元素,然後將它們替換為你的圖示語言。

既然這張資料圖主要是強調男性與女性之間的對比關係,所以可以使用兩個代表男人與女人的圖示來替代圖示,讓圖表更加具象化地呈現出來。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❷ 使用簡化圖示

對原始圖表進行簡化,只保留核心內容之間的對比關係。為了明確地表現男性與女性之間的資料對比,可以利用點、線、面的組合和麵積對比的方式來表現。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❸ 藉助立體效果

如果你對透視有了一些瞭解,也可以手工繪製出一個長陰影感覺的圖表,或者是偏向於 3D 感覺的圖表,讓畫面變得更加立體。

來,考你一下:PPT圖表的這4種能力,你有幾個?

❹ 使用實景圖片

發散性的思維決定了你圖表的細膩程度,可以直接使用具象化的實景圖片來替代圖示,強調你所要傳遞的資訊。比如,若這組資料是要強調「男女比例失衡」這一結論,就可以選用對應的人物圖片。

來,考你一下:PPT圖表的這4種能力,你有幾個?

以上這4種PPT圖表的能力,你有幾個?

希望本期文章能對你有所啟發。

來,考你一下:PPT圖表的這4種能力,你有幾個?

- 歡迎合作 -