我打敗500強實習生沐鼠,全靠這份圖表美化指南

見字如面挚瘟,我是珞珈叹谁。

按照慣例,開頭不講正事乘盖。

突然想起過一件悲涼往事焰檩。

有一個學(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è)置系列格式->系列選項->降低分類間距)


然后我們拖拽一下圖表整體大小植兰,我們可以很輕易把目標圖表改成這樣份帐。

STEP.02降低圖表信息量

像我說的,在保證信息不被誤解的情況放上最少的元素楣导。

多余的元素有哪些呢废境?

第一步,先分析筒繁。

簡單的分析一下就知道噩凹,在這個圖表中,我們只要知道「具體數(shù)據(jù)大小」「產(chǎn)品名稱」就可以很清晰的看明白圖表毡咏。

OK驮宴,然后我們在進行下一步操作,

-網(wǎng)格線

背景的網(wǎng)格線很多余呕缭,通常有兩種方法堵泽。

①網(wǎng)格線改為虛線,提高顏色透明度

②直接刪除

-圖例項

圖例項代表著不同的顏色在圖表中的含義臊旭,但在例子中的情況下落恼,只需要讀者區(qū)分出是「不同數(shù)據(jù)大小」就行,所以可以直接刪掉即可离熏。


-顏色

在本案例中,不同的顏色并沒有起到輔助理解的作用戴涝,所以我們直接使用一種顏色即可滋戳。

圖表顏色的選取我們可以參考一些優(yōu)秀的圖表作品钻蔑。

比如我們在花瓣網(wǎng)上找到的這一組配色。

給圖表取色就會變成這樣奸鸯。

-圖表標題

我喜歡自己用文本框擺放咪笑,所以我會習慣性的刪掉。

所以娄涩,簡單修飾之后窗怒,我的圖表會變成這樣。

STEP.03修飾布局

我們要學(xué)會用一些元素去修飾圖表蓄拣,然后讓圖表顯得更加的專業(yè)扬虚。

不知道怎么做?

那就抄唄球恤。辜昵。。咽斧。

比方說像麥肯錫這類咨詢公司特別喜歡的手法堪置。

-設(shè)置一個外邊框

-將圖表標題墊在一個黑色矩形上

-背景放上幾個淺色的矩形突出數(shù)據(jù)

-用虛線突出某個重點數(shù)據(jù)

當然,其實也有一些比較有創(chuàng)意的玩法张惹。

比如將矩形變成三角形

怎么操作舀锨?

我們只要繪制出一個三角形,然后點擊鍵盤快捷鍵CTRL+C(或者右鍵復(fù)制)宛逗,選中圖表具體的圖形坎匿,點擊鍵盤快捷鍵CTRL+V


一下就全部搞定了。

學(xué)會了這步操作以后拧额,那么以下的圖表就沒有任何難度啦

我們只要找到合適的圖標碑诉,就可以替換成任何你想要的圖形,比方說侥锦,這樣的圖標进栽。

這樣的圖表。

先到這恭垦,條形圖無非只是換了一個方向的柱形圖快毛,修改大致步驟是一樣,以后有機會再具體延伸番挺。

【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è)置系列選項->標記->數(shù)據(jù)標記選項->選擇內(nèi)置樣式)

STEP.02降低圖表多余信息量

-網(wǎng)格線淡化


-顏色處理

一般來講,我們在選取折線圖顏色的時候娩怎,遵從著「顏色鮮明搔课,對比強烈」的特點。

我們可以在各大配色網(wǎng)站上去尋找專業(yè)的配色方案截亦。

直接取色就好爬泥。

但是如果折線圖中存在多個系列。

因為折線圖每個系列折線存在著交叉的情況崩瓤,如果顏色一旦處理不好袍啡,容易出現(xiàn)像面條一樣糾纏不清的情況。

所以如果折線圖存在多個折線却桶,那么個人建議除了主要的數(shù)據(jù)系列之外境输,全部選擇淺灰色。

STEP.03修飾圖表

折線圖中基本的修飾手法存在于以下幾種颖系。

漸變

這是這兩年突然流行起來的發(fā)布會風格的漸變嗅剖,只要選擇圖形之后簡單設(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ù)的咨詢公司都是以麥肯錫的報告去作為目標。

無論你們喜不喜歡焊刹,反正麥肯錫的官網(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/

當我看到這個雜志第一眼的時候,就愛上了儡率。

國內(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/

當別的網(wǎng)站信息圖都還停留在一張圖片上的時候凛虽,財新網(wǎng)的信息圖都已經(jī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é)習有著很好的啟發(fā)作用牵触。

獲取渠道分為兩種

01.企業(yè)官網(wǎng)

我們可以在企業(yè)的官網(wǎng)中投資者關(guān)系找到淮悼。

02.巨潮資訊網(wǎng)

http://www.cninfo.com.cn/cninfo-new/index

直接搜索企業(yè)名稱或者點擊信息披露查找即可。

珞珈 敬上

(全文完)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末揽思,一起剝皮案震驚了整個濱河市袜腥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钉汗,老刑警劉巖羹令,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異损痰,居然都是意外死亡福侈,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門徐钠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來癌刽,“玉大人,你說我怎么就攤上這事∠园荩” “怎么了衡奥?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長远荠。 經(jīng)常有香客問我矮固,道長,這世上最難降的妖魔是什么譬淳? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任档址,我火速辦了婚禮,結(jié)果婚禮上邻梆,老公的妹妹穿的比我還像新娘守伸。我一直安慰自己,他們只是感情好浦妄,可當我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布尼摹。 她就那樣靜靜地躺著,像睡著了一般剂娄。 火紅的嫁衣襯著肌膚如雪蠢涝。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天阅懦,我揣著相機與錄音和二,去河邊找鬼。 笑死耳胎,一個胖子當著我的面吹牛惯吕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播场晶,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼混埠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了诗轻?” 一聲冷哼從身側(cè)響起钳宪,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扳炬,沒想到半個月后吏颖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡恨樟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年半醉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片劝术。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡缩多,死狀恐怖呆奕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情衬吆,我是刑警寧澤梁钾,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站逊抡,受9級特大地震影響姆泻,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜冒嫡,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一拇勃、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孝凌,春花似錦方咆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至辜窑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寨躁,已是汗流浹背穆碎。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留职恳,地道東北人所禀。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像放钦,于是被迫代替她去往敵國和親色徘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 圖表有幾個要素: 圖表類型 圖表顏色 字體大小以及顏色 繪制圖表的注意點 圖表設(shè)計原則 一. 圖表類型 比較常用的...
    醉起蕭寒閱讀 7,481評論 0 21
  • 圖表思維是數(shù)據(jù)分析思維中的最簡單和最基本的思維操禀,主要是通過圖形和表格對數(shù)據(jù)進行轉(zhuǎn)化褂策。 文字有局限 看到這段話,你會...
    keeya閱讀 5,673評論 1 21
  • 我本科專業(yè)是統(tǒng)計學(xué)颓屑。 大二時候有修一門描述統(tǒng)計的課斤寂,上課時間是晚上,這時的大家都昏昏沉沉的揪惦。 有天老師見同學(xué)們都心...
    曹將閱讀 2,212評論 3 67
  • 書籍信息 作者:[美] 基恩·澤拉茲尼 出版社:清華大學(xué)出版社 副標題:麥肯錫商務(wù)溝通完全工具箱(珍藏版) 譯者:...
    郭向男閱讀 8,201評論 0 18
  • 創(chuàng)建一個HTML5網(wǎng)頁圖表應(yīng)用已經(jīng)非常簡單遍搞,利用Canvas更是能繪制出絢麗的動畫效果,也就是說你的HTML5圖表...
    html5tricks閱讀 5,231評論 0 22