見字如面悦昵,我是珞珈肴茄。
按照慣例,開頭不講正事但指。
突然想起過一件悲涼往事寡痰。
有一個學(xué)生想要面試一家咨詢公司,咨詢公司需要很強的PPT圖表設(shè)計能力棋凳。
這位學(xué)生就請求我做他的PPT私教拦坠,專門只講圖表。
我想了想剩岳,覺得學(xué)生可憐兮兮的贞滨,也不是什么難事,我就沒收錢拍棕,純粹幫一下忙晓铆,就答應(yīng)了勺良。
我們定在了8點鐘在咖啡館見面,我本以為最多2個小時就搞定了尤蒿。
結(jié)果一路輔導(dǎo)到了凌晨3點......
差點睡在了大街上郑气。
想想感覺就濕了眼眶。
----
說回正事腰池,為什么圖表大家都覺得賊?難尾组?
Because...
一種圖表,功能就辣么多了示弓。
這里還有16種讳侨。。奏属。跨跨。
每次看到圖表,學(xué)了那么久PPT囱皿,總有一種翻船了的感覺勇婴。
其實,很以前我寫的文章一樣嘱腥,掌握了套路耕渴,很快就都能夠搞定。
其實簡單的總結(jié)一下齿兔,一個(看起來)專業(yè)的PPT圖表可以分為以下幾步去走橱脸。
-增加圖表圖形專業(yè)度
形狀豐富度是什么呢?比如讓柱形圖和條形圖的數(shù)據(jù)系列更加密集一些分苇,給折線圖添加一些數(shù)據(jù)點添诉,其實就是讓圖表看起來更加專業(yè)一些。
這個我們待會兒細講医寿。
-降低信息量
每一種圖表中擁有超過11種元素栏赴,這些元素其實很多時候都是多余的,降低信息量是為了在不影響表達的情況下?lián)碛凶钌俚脑亍?/p>
-修飾布局
修飾布局其實很簡單靖秩,就是通過一些PPT自帶的元素輔助修飾圖表艾帐,讓它看起來更加的專業(yè)。
一言以概之盆偿,裝個逼。
篇幅有限准浴,接下來我們主要講四種圖表類型事扭。
【1】柱形圖 & 條形圖
首先我們要明白柱形圖的功能,作為我們最常用的圖表之一乐横,通常是為了表現(xiàn)數(shù)據(jù)大小的對比求橄。
好了今野,如果我們這里有一個最普通的素人「柱形圖」該怎么去美化?
按照我們上文說的幾步去走就行罐农。
STEP.01增加柱形圖圖形專業(yè)度
我們來簡單看幾張非常專業(yè)的柱形圖表
看出了什么特點了么条霜?
柱形圖數(shù)量又長又密集
所以我們第一步可以讓柱形圖變得更加細長和密集一些。
①降低系列寬度
(選中圖形右鍵->設(shè)置系列格式->系列選項->降低系列重疊)
②增加間隙寬度
(選中圖形右鍵->設(shè)置系列格式->系列選項->降低分類間距)
然后我們拖拽一下圖表整體大小涵亏,我們可以很輕易把目標(biāo)圖表改成這樣宰睡。
STEP.02降低圖表信息量
像我說的,在保證信息不被誤解的情況放上最少的元素气筋。
多余的元素有哪些呢拆内?
第一步,先分析宠默。
簡單的分析一下就知道麸恍,在這個圖表中,我們只要知道「具體數(shù)據(jù)大小」與「產(chǎn)品名稱」就可以很清晰的看明白圖表搀矫。
OK抹沪,然后我們在進行下一步操作,
-網(wǎng)格線
背景的網(wǎng)格線很多余瓤球,通常有兩種方法融欧。
①網(wǎng)格線改為虛線,提高顏色透明度
②直接刪除
-圖例項
圖例項代表著不同的顏色在圖表中的含義冰垄,但在例子中的情況下蹬癌,只需要讀者區(qū)分出是「不同數(shù)據(jù)大小」就行,所以可以直接刪掉即可虹茶。
-顏色
在本案例中逝薪,不同的顏色并沒有起到輔助理解的作用,所以我們直接使用一種顏色即可蝴罪。
圖表顏色的選取我們可以參考一些優(yōu)秀的圖表作品董济。
比如我們在花瓣網(wǎng)上找到的這一組配色。
給圖表取色就會變成這樣要门。
-圖表標(biāo)題
我喜歡自己用文本框擺放虏肾,所以我會習(xí)慣性的刪掉。
所以欢搜,簡單修飾之后封豪,我的圖表會變成這樣。
STEP.03修飾布局
我們要學(xué)會用一些元素去修飾圖表炒瘟,然后讓圖表顯得更加的專業(yè)吹埠。
不知道怎么做?
那就抄唄。缘琅。粘都。。
比方說像麥肯錫這類咨詢公司特別喜歡的手法刷袍。
-設(shè)置一個外邊框
-將圖表標(biāo)題墊在一個黑色矩形上
-背景放上幾個淺色的矩形突出數(shù)據(jù)
-用虛線突出某個重點數(shù)據(jù)
當(dāng)然戳鹅,其實也有一些比較有創(chuàng)意的玩法铭段。
比如將矩形變成三角形
怎么操作?
我們只要繪制出一個三角形,然后點擊鍵盤快捷鍵CTRL+C(或者右鍵復(fù)制)瞒滴,選中圖表具體的圖形捆昏,點擊鍵盤快捷鍵CTRL+V
一下就全部搞定了米诉。
學(xué)會了這步操作以后肛著,那么以下的圖表就沒有任何難度啦
我們只要找到合適的圖標(biāo),就可以替換成任何你想要的圖形太闺,比方說糯景,這樣的圖標(biāo)。
這樣的圖表省骂。
先到這蟀淮,條形圖無非只是換了一個方向的柱形圖,修改大致步驟是一樣钞澳,以后有機會再具體延伸怠惶。
【2】餅圖
相對于柱形圖,餅圖更多是為了表現(xiàn)某樣數(shù)據(jù)在整體中的占比轧粟。
所以策治,區(qū)域很重要。
雖然和柱形圖差的很遠兰吟,但是其實我們也可以按照三步去修改通惫。
這是一個沒有經(jīng)過任何修飾的餅圖。
STEP.01增加餅圖圖形專業(yè)度
還是一樣混蔼,如果我們不知道如何去確定什么樣的形狀才是一個專業(yè)的餅圖履腋,我們可以去找一些專業(yè)的好看的餅圖圖片,去分析一下
我們會發(fā)現(xiàn)惭嚣,現(xiàn)在流行的餅圖分為兩種
普通的餅圖遵湖,配色好看就是萬能的。
另外一種是這種極其纖細的環(huán)形餅圖晚吞。
對此延旧,我們只需要選中環(huán)形餅圖,將圓環(huán)內(nèi)徑設(shè)置到最大90%
(選中圖形->右鍵設(shè)置數(shù)據(jù)點格式->圓環(huán)內(nèi)徑大小90%)
STEP.02降低圖表信息量
對于餅圖槽地,我們要分析有哪些元素是必不可少的垄潮。
仔細分析一下這個例子烹卒,我們就能知道,在例子中只有「圖形」+「主要數(shù)據(jù)量占比」+「主要產(chǎn)品名稱」是不可以刪除的弯洗,其余的都可以選擇刪除。
另外就是顏色方面逢勾。
如果只是單獨突出一種產(chǎn)品或者類別的占比牡整,我們通常可以考慮的是「灰色」+「主色」的搭配
主色我們可以從logo中選取溺拱。
比如微信的綠色這樣逃贝。
但是如果我們要同時對比多個產(chǎn)品,那這個時候迫摔,直接用取色器選取一些專業(yè)的信息圖表的顏色便是極好的沐扳。
配色案例
結(jié)果
STEP.03修飾布局
現(xiàn)在流行的修飾餅圖的方式分兩種。
1.隱去非重點區(qū)域
給非重點區(qū)域設(shè)置一個淺色或者透明顏色就好句占,讓圖表只表現(xiàn)重點區(qū)域
具體操作
選中非重點區(qū)域->右鍵->設(shè)置無填充色
2.放大突出重點區(qū)域
亦或者我們可以對需要重點突出的部分沪摄,設(shè)置點爆炸操作。
讓他突出一下纱烘。
(選擇餅圖->右鍵設(shè)置系列格式->系列選項->點爆炸型)
亦或者直接繪制一個較大的扇形杨拐,放置在重點區(qū)域上面,突出擂啥。
3.線框修飾
專門針對環(huán)形餅圖哄陶,在外側(cè)添加線框修飾一下
4.虛實結(jié)合
實心與空心的結(jié)合
總的來說,對于餅圖哺壶,我們只要保證整體「圖形扁平+配色良好」就可以做出一個非常棒的圖表了屋吨。
【3】折線圖
柱形圖是為了表現(xiàn)數(shù)據(jù)對比,而折線圖則是為了在表現(xiàn)數(shù)據(jù)對比的同時表現(xiàn)趨勢山宾。
相對于前面兩種至扰,其實折線圖是最好表現(xiàn)的。
也是按照三步走塌碌。
STEP.01增加折線圖圖形專業(yè)度
我們會看到專業(yè)的折線圖設(shè)計分成兩種
1.曲線形式
適合于數(shù)據(jù)系列較少渊胸,面積較小的折線圖中。
我們只需要勾選曲線形式即可台妆。
(選中圖形右鍵->設(shè)置系列選項->曲線)
2.數(shù)據(jù)點
許多折線圖在擁有合理的空間的情況下翎猛,為了更加明顯的表現(xiàn)每個節(jié)點的數(shù)據(jù),會添加數(shù)據(jù)點接剩。
如果我們數(shù)據(jù)系列很多切厘,并且圖表面積比較大,那么這個時候就可以打開數(shù)據(jù)節(jié)點懊缺。
(選中折線右鍵->設(shè)置系列選項->標(biāo)記->數(shù)據(jù)標(biāo)記選項->選擇內(nèi)置樣式)
STEP.02降低圖表多余信息量
-網(wǎng)格線淡化
-顏色處理
一般來講疫稿,我們在選取折線圖顏色的時候培他,遵從著「顏色鮮明,對比強烈」的特點遗座。
我們可以在各大配色網(wǎng)站上去尋找專業(yè)的配色方案舀凛。
直接取色就好。
但是如果折線圖中存在多個系列途蒋。
因為折線圖每個系列折線存在著交叉的情況猛遍,如果顏色一旦處理不好,容易出現(xiàn)像面條一樣糾纏不清的情況号坡。
所以如果折線圖存在多個折線懊烤,那么個人建議除了主要的數(shù)據(jù)系列之外,全部選擇淺灰色宽堆。
STEP.03修飾圖表
折線圖中基本的修飾手法存在于以下幾種腌紧。
漸變
這是這兩年突然流行起來的發(fā)布會風(fēng)格的漸變,只要選擇圖形之后簡單設(shè)置一下畜隶,設(shè)置效果如下壁肋。
立體
簡單設(shè)置加一個陰影就行了。
設(shè)置如下
大小點結(jié)合
將重要的數(shù)據(jù)節(jié)點放大代箭,其余的次要的縮小墩划,可以得到這種大小結(jié)合的效果。
虛實框住某個區(qū)間
如果你有一個重要的區(qū)間嗡综,可以在背景添加一個半透明框乙帮。
----
附錄|圖表資源導(dǎo)航
01.經(jīng)濟學(xué)人
https://www.economist.com/
商務(wù)人士與金融行業(yè)必備。
這么說吧极景。
有人問
“誒誒誒察净,你圖表做的不錯啊,怎么學(xué)的盼樟?”
“我跟珞珈老師學(xué)的氢卡?”
“珞珈老師是誰?”
在對方雜七在八的念叨下晨缴,是不是感覺逼格瞬間就下來了译秦?
如果你這么回答。
“我跟《經(jīng)濟學(xué)人》學(xué)的击碗≈玻”
“哦......這本雜志牛逼啊∩酝荆”
恩阁吝,是不是逼格瞬間就上去了。
02.麥肯錫中國·季刊
http://www.mckinsey.com.cn/quarterly/
不知道從什么時候開始械拍,有這么一種說法突勇。
你像領(lǐng)導(dǎo)上交了PPT報告装盯,領(lǐng)導(dǎo)是這么點評的。
“咳咳甲馋,你最好學(xué)一下麥肯錫的圖表埂奈,你看這配色,這版面摔刁,才叫一個專業(yè)挥转。”
恩......好像現(xiàn)在大多數(shù)的咨詢公司都是以麥肯錫的報告去作為目標(biāo)共屈。
無論你們喜不喜歡,反正麥肯錫的官網(wǎng)就在這里党窜。
02.博客 | EXCEL大全
http://blog.sina.com.cn/excelchrisfang
博客背后的運營者是微軟MVP@方驥老師
曾經(jīng)有幸聽過方驥老師一場EXCEL內(nèi)訓(xùn)拗引,一個非常儒雅的老男人。
博客中會教給你無數(shù)EXCEL圖表的設(shè)計技巧幌衣,由淺入深矾削,會讓你驚覺,原來Excel這么厲害豁护。
03.第一財經(jīng)周刊
http://www.cbnweek.com/
當(dāng)我看到這個雜志第一眼的時候哼凯,就愛上了。
國內(nèi)最大的財經(jīng)生活雜志楚里,文案断部,版面很讓我心水(喜歡)。
哦班缎,還有那些設(shè)計絕佳的圖表蝴光。
04.網(wǎng)易數(shù)讀
http://data.163.com/special/datablog/
前兩年做信息圖的網(wǎng)站很多,但是能夠堅持下來的只剩下寥寥达址,網(wǎng)易數(shù)讀就是大浪淘沙之后的為數(shù)不多的一家蔑祟。
如果你想用數(shù)據(jù)和圖表了解最新的時事熱點的話,千萬不要錯過網(wǎng)易數(shù)讀沉唠。
05.數(shù)字新聞 | 財新網(wǎng)
http://datanews.caixin.com/
當(dāng)別的網(wǎng)站信息圖都還停留在一張圖片上的時候疆虚,財新網(wǎng)的信息圖都已經(jīng)開始會動了。
你們感受一下這個畫風(fēng)满葛。径簿。。
06.國雙數(shù)據(jù)報告
http://gridsum.com/datacenter/
前公司的數(shù)據(jù)報告纱扭,無論是圖表專業(yè)豐富度牍帚,版面,色彩的精美程度乳蛾,均是行業(yè)翹楚暗赶。
曾經(jīng)也有幸打雜參與(遠遠觀望)了一下鄙币,可惜做的東西不夠多,沒有在上面署名蹂随,錯過了這個流芳百世的機會十嘿。
哦對了,小桃紅姐姐曾經(jīng)是這些報告的主力設(shè)計師岳锁。
07.PINTEREST/BEHANCE/花瓣/站酷
http://huaban.com/
http://www.zcool.com.cn/
https://www.behance.net/
https://www.pinterest.com/
以上四個網(wǎng)站是設(shè)計師常用的靈感源泉绩衷,上面有著全球各種絕佳的圖表設(shè)計案例。
不信的話檢索「infographic」或者「信息圖」試上一試激率?
08.企業(yè)年報
企業(yè)的年報可以很好的反映公司一年的發(fā)展變化咳燕,通常大多數(shù)公司的企業(yè)年報都是設(shè)計精美,版式豐富乒躺,對于我們圖表的學(xué)習(xí)有著很好的啟發(fā)作用招盲。
獲取渠道分為兩種
01.企業(yè)官網(wǎng)
我們可以在企業(yè)的官網(wǎng)中投資者關(guān)系找到。
02.巨潮資訊網(wǎng)
http://www.cninfo.com.cn/cninfo-new/index
直接搜索企業(yè)名稱或者點擊信息披露查找即可嘉冒。
珞珈 敬上
20170821
(全文完)
-----