今天上午接到經(jīng)常幫其做PPT設(shè)計(jì)的老客戶(hù)L的一個(gè)需求，讓我?guī)退肊xcel設(shè)計(jì)一個(gè)項(xiàng)目進(jìn)度跟蹤的表格。隨即她發(fā)來(lái)了手繪的這個(gè)表格的圖片給我，我一看很普通的一個(gè)表格啊，沒(méi)有什么特殊要實(shí)現(xiàn)的功能。就問(wèn)她：“這個(gè)表格做起來(lái)不復(fù)雜啊，你自己也能制作出來(lái)的，怎么需要找我來(lái)做？”L回復(fù)我說(shuō)：“這個(gè)表格是要給發(fā)給公司副總裁看的，我做的不好看。”
如今這個(gè)時(shí)代，是一個(gè)顏值即正義的時(shí)代，不僅僅是讓商務(wù)人士飽受折磨的PPT，不斷的被要求要做的有美感，即便是主要關(guān)注數(shù)據(jù)本身的Excel報(bào)表，我們同樣不能也不能忽視其外在。一份高質(zhì)量的Excel報(bào)表，不僅僅要考慮內(nèi)容的嚴(yán)謹(jǐn)性、專(zhuān)業(yè)性，美觀也是非常重要的一部分。
比如下圖所示的這個(gè)表格，即使是里面的數(shù)據(jù)很有價(jià)值，但實(shí)在是太丑了，你是不是完全沒(méi)有看下去的欲望。
人天性就是愛(ài)美的，還記得那時(shí)候很火的韓劇《來(lái)自星星的你》中，全智賢扮演的女主角 千頌伊有句著名的臺(tái)詞“漂亮就行”。
那我們要如何才能提升自己制作的Excel表格的顏值呢？最快的方法就是“抄作業(yè)”，去觀摩優(yōu)秀的Excel表格，學(xué)習(xí)和借鑒其中的設(shè)計(jì)手法。
那問(wèn)題來(lái)了，優(yōu)秀的PPT作品網(wǎng)上還能找到一打，優(yōu)秀Excel表格在哪里看啊？當(dāng)當(dāng)當(dāng)當(dāng)，其實(shí)這個(gè)優(yōu)秀Excel表格作品集就在你手邊，只是你不知道而已。
在Excel的“新建”面板中提供了一個(gè)“搜索聯(lián)機(jī)模版”的功能，里面包含了大量?jī)?yōu)秀、精致的報(bào)表模版，我們只需要根據(jù)你要制作的表格類(lèi)型，輸入相應(yīng)的關(guān)鍵詞進(jìn)行搜索就可以找到同類(lèi)型表格中的優(yōu)秀案例。比如，我以關(guān)鍵詞“預(yù)算”就可以找到下面這些表格案例了。
我打開(kāi)其中的“支出趨勢(shì)預(yù)算”，既有表格還有圖表輔助說(shuō)明，而且圖表和表格的列剛好是對(duì)應(yīng)的。
這個(gè)報(bào)表設(shè)計(jì)簡(jiǎn)潔清晰，圖表去掉了傳統(tǒng)底部的分類(lèi)軸，取而代之的是在頂部的單元格中用深灰色背景加白色字體的方式來(lái)展示圖表的分類(lèi)軸。這既是分類(lèi)軸，也是超鏈接按鈕，點(diǎn)擊每個(gè)月份瞬間跳轉(zhuǎn)到了各個(gè)月份的工作表中詳細(xì)了解這個(gè)月的支出。
部分左側(cè)的數(shù)值軸的字體顏色和中間的網(wǎng)格線(xiàn)，都使用了灰色的字體顏色來(lái)減少干擾，從而突出了主體部分的數(shù)據(jù)序列，實(shí)現(xiàn)了墨水比的最大化。
“數(shù)據(jù)墨水比”的概念是設(shè)計(jì)師愛(ài)德華·塔夫特曾在其經(jīng)典著作《The Visual Display of Quantitative Information》中提出來(lái)的，意指一個(gè)規(guī)范的圖表其絕大部分筆墨都應(yīng)該用于展示數(shù)據(jù)信息，圖表中每一滴墨水都要有存在的價(jià)值，如非必要的元素，則可直接拿掉。
對(duì)于圖表而言，曲線(xiàn)、柱形、條形、扇區(qū)等用來(lái)顯示數(shù)據(jù)量的元素，對(duì)數(shù)據(jù)墨水比起著至關(guān)重要的作用，而那些網(wǎng)格線(xiàn)、坐標(biāo)軸、填充顏色等則是輔助元素，我們可以通過(guò)將這些元素刪除或調(diào)成淺色，以降低對(duì)重點(diǎn)信息的干擾。
圖表底部的表格，沒(méi)有采用我們常見(jiàn)的黑色表格邊框線(xiàn)，而是使用了淺灰色的邊框線(xiàn)分隔單元格。并以淺灰色的填充色進(jìn)行列隔列變色，讓數(shù)據(jù)閱讀的時(shí)候更清晰，最右側(cè)還添加了迷你圖來(lái)展示一年的數(shù)據(jù)走勢(shì)。
看過(guò)了“支出趨勢(shì)”表之后，我們?cè)僖浴芭嘤?xùn)”為關(guān)鍵詞搜索到了下圖所示的這個(gè)“員工培訓(xùn)跟蹤器”的報(bào)表。
這是我非常喜歡的一個(gè)報(bào)表，在這個(gè)表格中引入了一個(gè)我們?cè)赑PT中經(jīng)常談到的主色調(diào)的概念。在這份報(bào)表中，一共有三張工作表：“培訓(xùn)日志”、“課程表”和“個(gè)人信息”?！芭嘤?xùn)日志”的色系是紅色，左側(cè)的導(dǎo)航欄、頂部的切片器按鈕都使用了這個(gè)紅色來(lái)強(qiáng)調(diào)突出。而另外兩張表格則使用了綠色和藍(lán)色來(lái)強(qiáng)調(diào)突出。
我最早知道動(dòng)態(tài)篩選器“切片器”這個(gè)功能也是從這個(gè)報(bào)表中學(xué)習(xí)到了。文章開(kāi)頭那個(gè)丑到看不下去的那個(gè)表格，我就是借鑒了這個(gè)“員工培訓(xùn)跟蹤器”的報(bào)表的排版進(jìn)行美化，并使用了這個(gè)酷炫的切片器的作為動(dòng)態(tài)篩選器，通過(guò)點(diǎn)擊每個(gè)按鈕，底部的表格就可以動(dòng)圖顯示對(duì)應(yīng)的數(shù)據(jù)。記得當(dāng)時(shí)把這個(gè)修改后的表格發(fā)給客戶(hù)的時(shí)候，客戶(hù)給我一個(gè)震驚的表情！
最后來(lái)看看L想要做的表格效果，我是如何借鑒優(yōu)秀表格設(shè)計(jì)出來(lái)的。我用“進(jìn)度”為關(guān)鍵詞搜索到的這個(gè)“帶進(jìn)度跟蹤表的代辦事項(xiàng)”。排版簡(jiǎn)潔干凈，內(nèi)容較少的數(shù)據(jù)，可以借鑒這種只有底部邊框線(xiàn)的設(shè)計(jì)，可以讓表格看上去更精致。右側(cè)的完成百分比的進(jìn)度條和完成100%的時(shí)候自動(dòng)打勾的功能，是使用了“條件格式”功能來(lái)是實(shí)現(xiàn)的。
我把這個(gè)完成百分的進(jìn)度條和自動(dòng)打勾的設(shè)計(jì)用在了給L做的表格中，把做好的表格發(fā)給客戶(hù)，客戶(hù)非常滿(mǎn)意，回復(fù)說(shuō)“這就是我想要的表格效果?！?/p>
不要讓丑的表格耽誤了好的內(nèi)容，是時(shí)候來(lái)“抄作業(yè)”讓你的表格舊貌換新顏了！
文末福利：我精挑細(xì)選了20個(gè)高顏值的表格，在“快樂(lè)享用Office公眾號(hào)”后臺(tái)回復(fù)“美表”就可以免費(fèi)獲取了。以下是部分表格的截圖，是不是才貌雙全！
