今天又迎來(lái)了喜聞樂(lè)見(jiàn)的《極限挑戰(zhàn)》欄目，又名粉絲改稿。
不得不說(shuō)，我現(xiàn)在收到粉絲投稿都略帶惶恐。因?yàn)槊看胃寮际堑鬲z級(jí)別！這次也不例外，讓我們直接請(qǐng)上第三位極限挑戰(zhàn)的嘉賓！
先來(lái)看看他的需求：
不知道你看完是什么感覺(jué)，反正我當(dāng)時(shí)人都傻了！讀了好幾遍都沒(méi)看太懂。于是我慎重的打開(kāi)了這份名為《被數(shù)據(jù)表占滿的 PPT》文件：
頁(yè)面彈出的那一刻，直接一個(gè)臥槽，這是投錯(cuò)稿了吧，咱這里不接 Excel 的活啊！
當(dāng)我緩過(guò)神來(lái)才意識(shí)到，咱們的欄目是《極限挑戰(zhàn)》啊！這很符合情理��！
于是，我開(kāi)啟了這個(gè)副本，就有了下面這段難忘的經(jīng)歷。
在這三頁(yè)中，我選擇了內(nèi)容量適中的一頁(yè)：
既有挑戰(zhàn)又方便講解，因?yàn)楸砀裨O(shè)計(jì)的思路都是類(lèi)似的。
結(jié)合源文件，整理下設(shè)計(jì)需求：
這是一份用于工作匯報(bào)的 PPT。展示的是不同機(jī)構(gòu)在各個(gè)維度的表現(xiàn)，并根據(jù)達(dá)成率來(lái)評(píng)判機(jī)構(gòu)的達(dá)成情況、壞賬情況等。
設(shè)計(jì)目標(biāo)：希望讓表格更易讀。
如果是你面對(duì)這份挑戰(zhàn)，會(huì)如何設(shè)計(jì)呢？
好，時(shí)間到。我想你大概率是這么想的：這頁(yè)樣式很單調(diào)，我要加入精美的圖片，或者切換高級(jí)的設(shè)計(jì)風(fēng)格來(lái)讓它變得更美!
如果你也是這樣，那恭喜你發(fā)現(xiàn)寶藏！這篇文章不止于美化，而是可以幫你解決實(shí)際問(wèn)題。
01.初級(jí)美化
下面來(lái)分享下我的設(shè)計(jì)思路。
目前的表格樣式確實(shí)很單調(diào)，主要原因在于缺少層次對(duì)比，因此可以給表頭填充一個(gè)顏色：
色塊可以豐富頁(yè)面層次感，不再那么單薄，同時(shí)也便于區(qū)分?jǐn)?shù)據(jù)和表頭，可讀性更強(qiáng)。
接著觀察各列的數(shù)據(jù)，有沒(méi)有發(fā)現(xiàn)一個(gè)問(wèn)題：由于數(shù)據(jù)長(zhǎng)短不一，還有小數(shù)點(diǎn)，很難一眼看出相對(duì)大小。
在這分享個(gè)小技巧，將數(shù)據(jù)統(tǒng)一右對(duì)齊：
數(shù)據(jù)有了統(tǒng)一的位置發(fā)起點(diǎn)，根據(jù)數(shù)據(jù)的長(zhǎng)短，就可以清晰的識(shí)別大小關(guān)系。（PS，記得給圖表中的銷(xiāo)售額加上單位噢）
當(dāng)繁雜的數(shù)據(jù)與各種邊框線交織在一起，略顯擁擠。去除縱向分割線，讓表格更清爽：
至此，表格的初級(jí)美化就完成了，接下來(lái)要思考如何解決實(shí)際問(wèn)題。
02.深度思考
目前的問(wèn)題在于：表格仍舊是很多數(shù)據(jù)，它們只是羅列在那里，沒(méi)有重點(diǎn)，很難一眼看出機(jī)構(gòu)的好壞，因此要對(duì)數(shù)據(jù)進(jìn)行分類(lèi)。
這一步并不復(fù)雜。人為規(guī)定一個(gè)統(tǒng)一的標(biāo)準(zhǔn)（比如達(dá)成率高于 60% 為合格，低于 60% 為壞賬），然后在 60% 位置處畫(huà)條紅線區(qū)隔：
簡(jiǎn)單的一步操作就可以解決“好”與“壞”的區(qū)分問(wèn)題，這就是有用的設(shè)計(jì)，正常情況下，做到這一步就足夠了。
但是呢，仔細(xì)觀察達(dá)成率數(shù)值，會(huì)發(fā)現(xiàn)即使是達(dá)標(biāo)的機(jī)構(gòu)，跨度仍然很大。有的機(jī)構(gòu)甚至超過(guò)了 100%，而有的則瀕臨 60%，非常危險(xiǎn)。
所以我建議做更細(xì)化的調(diào)整：對(duì)超額完成的予以表彰，而臨近 60 的作處警示。如果是你會(huì)采用什么方式呈現(xiàn)呢？建議思考幾秒鐘再往下看
在這，我直接給出我的解決方案 —— 打燈：
將達(dá)成率分為 4 檔。
超額完成（>100%）
已達(dá)標(biāo)（70%-100%）
有風(fēng)險(xiǎn)（60%-69%）
未達(dá)標(biāo)（<60%）
相比于枯燥的數(shù)據(jù)，顏色更為直觀，可以一眼識(shí)別機(jī)構(gòu)目前所處的狀態(tài)。
同時(shí)，我建議豐富下標(biāo)題的寫(xiě)法，用一個(gè)帶有觀點(diǎn)的句子來(lái)說(shuō)名這頁(yè)的核心論點(diǎn)。如 XX 機(jī)構(gòu)超額完成，而 XX 等機(jī)構(gòu)未達(dá)標(biāo)，需加強(qiáng)重視等。總之要提供給讀者一個(gè)明確的觀點(diǎn)。
最后再添加億點(diǎn)細(xì)節(jié)，提升設(shè)計(jì)感：
注意，我沒(méi)有插入任何精美的配圖或者顏色鮮艷的色塊，因?yàn)槟菢又粫?huì)干擾讀者的注意力，在日常匯報(bào)場(chǎng)合，不建議太花哨。
而且采用這種素雅的設(shè)計(jì)還有一個(gè)好處，就是當(dāng)你想凸顯某項(xiàng)數(shù)值時(shí)，只需簡(jiǎn)單修改文字配色，即可起到凸顯的作用：
來(lái)看下前后效果對(duì)比：
你覺(jué)得可以打幾分呢？PS 其實(shí)我最初有考慮過(guò)用地圖標(biāo)點(diǎn)的形式來(lái)分析各機(jī)構(gòu)所在區(qū)位的達(dá)標(biāo)情況，但由于數(shù)據(jù)量不夠多，且沒(méi)有明顯規(guī)律，所以放棄了。
回看整個(gè)過(guò)程會(huì)發(fā)現(xiàn)，每一步設(shè)計(jì)都是圍繞可讀性展開(kāi)的（數(shù)字右對(duì)齊、畫(huà)分割線、打燈等），而不是純粹追求所謂的美觀。
畢竟工作匯報(bào)，重要的還是內(nèi)容。不然辛苦做了幾頁(yè)“海報(bào)級(jí)設(shè)計(jì)“，不僅受眾看不到重點(diǎn)信息，還特別費(fèi)時(shí)間，這就有點(diǎn)本末倒置了。
當(dāng)然看到這，有人會(huì)問(wèn)這么多數(shù)，為什么不直接做成圖表呢？答案很簡(jiǎn)單，數(shù)據(jù)系列過(guò)多，且單位不統(tǒng)一，當(dāng)多個(gè)表放在同一頁(yè)時(shí)反而不利于閱讀。
|
