抖音官方出品的設(shè)計(jì)長(zhǎng)什么樣？
最近，我發(fā)現(xiàn)了一份「2018 年抖音大數(shù)據(jù)報(bào)告」，其中有很多值得我們參考的頁(yè)面：
合理的色彩搭配，到位的圖標(biāo)使用，而我最想和你分享的，是它所用到的圖表美化技巧，一起來(lái)看看吧！
01
搞定柱形圖表，
這三種美化方法值得你參考
是的，在這份簡(jiǎn)潔的報(bào)告中，藏了不少好看的圖表頁(yè)：
別看長(zhǎng)得好看，其實(shí)基本都由基礎(chǔ)的圖表變形而來(lái)，有的是給柱形條換了個(gè)形狀：
有的是使用圖標(biāo)素材來(lái)替代基礎(chǔ)圖表中的柱形條：
有人可能會(huì)問(wèn)，「我也知道它們長(zhǎng)得好看，可具體是怎么做出來(lái)的呢？」其實(shí)一點(diǎn)都不困難，這里給大家逐一做個(gè)分享。
◆案例一◆
別人家的圖表做的這么好看，而你做出的圖表往往是這樣的：
怎么美化呢？不急，首先要做的是正確的輸入圖表數(shù)據(jù)，注意在填寫時(shí)不要縱向填寫，而是將數(shù)據(jù)橫向的填在各個(gè)系列中，以備后續(xù)使用。
填寫完數(shù)據(jù)后的第二步，是簡(jiǎn)化圖表。選中圖表，點(diǎn)擊刪去一切圖表自帶的多余元素。
第三步大數(shù)據(jù)圖標(biāo)素材，才是對(duì)圖表進(jìn)行美化。怎么把柱形換成案例中的三角形呢？需要用的是復(fù)制粘貼法。
很簡(jiǎn)單，在頁(yè)面上繪制五個(gè)三角形，可以采用不同的顏色或透明度。然后選中第一個(gè)，右鍵復(fù)制，再點(diǎn)擊第一個(gè)柱形，右鍵粘貼。
逐個(gè)進(jìn)行相同的操作后，就能將原先的柱形全部替換為三角形啦！那如何讓三角形重疊起來(lái)呢？
選中圖表，右鍵點(diǎn)擊設(shè)置數(shù)據(jù)系列格式，修改系列重疊的數(shù)值，數(shù)值越大重疊區(qū)域越多。
如果覺得三角形看著很「瘦」，還可以修改間隙寬度的數(shù)值，數(shù)值越小圖表越寬。
最后，只需要自己手動(dòng)加上坐標(biāo)軸等內(nèi)容來(lái)填充版面，一個(gè)美觀的圖表頁(yè)就能完成！
◆案例二◆
那像這個(gè)案例中右側(cè)的圖表又是怎么做出來(lái)的呢？
依然需要先在 PPT 中創(chuàng)建圖表，在插入圖表時(shí)，選擇簇狀條形圖：
接著填入數(shù)據(jù)，原案例中沒(méi)有提供具體的數(shù)值，我這里就填了個(gè)大概：
劃重點(diǎn)，填寫數(shù)據(jù)時(shí)分為兩列，第一列需要填寫一個(gè)相同的「總值」，也就是案例中的灰色部分，而第二列則是填寫具體的數(shù)據(jù)。
第三步，簡(jiǎn)化圖表。依然是通過(guò)圖表右側(cè)的加號(hào)，刪去多余的圖表元素。
第四步，將兩個(gè)柱形條合并為一個(gè)。只需要在設(shè)置數(shù)據(jù)系列格式中，將系列重疊的值改為 100 即可。
完成以上一系列的準(zhǔn)備工作，就可以對(duì)圖表進(jìn)行美化啦！依然用到的是復(fù)制粘貼法。準(zhǔn)備兩個(gè)圓角矩形，逐個(gè)進(jìn)行復(fù)制粘貼的操作，就能完成圖表美化。
◆案例三◆
制作這個(gè)圖表，其實(shí)我比較推薦的方法，是直接手動(dòng)繪制，找好圖標(biāo)素材，也就是復(fù)制粘貼就能搞定的事。
那能不能做成圖表？稍復(fù)雜一些，前面的步驟基本相同，需要你先將整個(gè)圖表變成下面這樣。不妨可以跟著前面的操作，自己嘗試動(dòng)手來(lái)鞏固一下。
接著依然使用復(fù)制粘貼法，準(zhǔn)備好圖標(biāo)素材，用復(fù)制粘貼的方式進(jìn)行替換。
復(fù)制粘貼完后的效果好像很奇怪？不急，點(diǎn)擊圖表，在設(shè)置數(shù)據(jù)系列格式中的填充一欄，將伸展改為層疊，圖表立馬變樣。
如何把小人放大一些？需要修改間隙寬度的數(shù)值，數(shù)值越小圖標(biāo)越大。另外讓每個(gè)小人都呈現(xiàn)完整，還需要大家反復(fù)調(diào)整圖表數(shù)值和整個(gè)圖表的大小。
另外還有個(gè)小提示，如果覺得圖標(biāo)與圖標(biāo)間特別擁擠，可以在復(fù)制粘貼前，在圖標(biāo)旁邊繪制一個(gè)透明的矩形，再進(jìn)行復(fù)制粘貼。
給大家看看圖表最終的呈現(xiàn)效果：
02
圖表創(chuàng)意進(jìn)階，
柱形圖表可以這樣另類呈現(xiàn)
前面給大家分享的都是較為基礎(chǔ)的圖表美化方法，但操作起來(lái)會(huì)相對(duì)復(fù)雜。除此之外，在這份數(shù)據(jù)報(bào)告中，我還看到了很多創(chuàng)意十足的設(shè)計(jì)：
圖表還能這樣玩！在這份數(shù)據(jù)報(bào)告中，用到了一種另類的面積圖，用形狀的面積來(lái)表示數(shù)值的大小。
自由度很高，我們可以使用圓形，直接通過(guò)改變圓形的大小來(lái)反映數(shù)值大小。
也可以換成矩形
配色和樣式等等都可以隨意調(diào)整
換個(gè)思路，還能把圖表做成點(diǎn)陣的樣式：
這些圖表制作起來(lái)沒(méi)有太大難度，只是需要大家耐心的逐個(gè)繪制，看膩了死板的柱形圖，不妨可以嘗試一下這種數(shù)據(jù)呈現(xiàn)方法。
很多小伙伴看完文章，都會(huì)在后臺(tái)文，這是用什么軟件做出來(lái)的。不用懷疑，就是大家經(jīng)常用到的 PPT。
你如果覺得自己設(shè)計(jì)上有困難可以報(bào)以下這門課程——《和阿文一起學(xué)信息圖表》
基礎(chǔ)的圖表也能玩出新的花樣
漫畫式圖文講解大數(shù)據(jù)圖標(biāo)素材，全程高能
心動(dòng)了？還不止這些！
現(xiàn)在加入課程，剛好趕上秋葉系列課程開學(xué)大促！原價(jià) 199 元，直降 100，僅需 99 元！
還可領(lǐng)取價(jià)值 40 元的贈(zèng)書一本價(jià)值 239 元，立省 140 元！
馬上掃碼購(gòu)買
*特別提示：蘋果的 /iPad 上的網(wǎng)易云課堂 App 購(gòu)買課程，不參與實(shí)物贈(zèng)禮活動(dòng)！建議點(diǎn)擊閱讀原文購(gòu)課！
