資料。視覺。玩簡報

今天如果你有一個需求 需要評估 類似像地震震央，分別每100km來評估對於各地的影響 或是你想要設新的服務據點，來看每100km裡有哪些客戶分布 藉此來思考是不是適合的地方 地圖你已經畫好了，你現在缺一個畫半徑來衡量的方式 你會怎麼做呢? 你需要每一百公尺當成一個半徑輻射... 你可能會選擇，那就畫六個圓好了，然後每個圓的半徑成等差數列 e.g. 10...8...6...4...2 是，你可以這樣做，但非常的費時 今天推薦一個做法，一樣是要跳脫出你既有的思考模式 運用圖表來畫圖... 思考模式： 本質上你需要的就是等距的六個同心圓 有什麼圖是圓形的？圓餅圖，還有一種進階的叫做環狀圖(Donut Chart) 可以把多個數列放在一起並列比較，我們就要應用這個技巧 你該做的就是幾件事情 新增圖表 選擇圓餅圖最右側的環狀圖 把數列調整到你需要的個數 (在這個範例中我們需要六圈), 所以六個 右鍵- 調整環圈內徑大小，設定為0 (代表你不需要中間空心) 把調整完的環狀圖，顏色選擇無填滿，留下框線 完工 很多時候不要只想著把圖表當作顯示數據的工具 他在繪圖上也可以起到很大的作用喔

漸層(Gradient Color)，光暈(Glow) 這兩個聽起來就感覺是在耍炫砲的功能 能夠替我們的簡報設計起到什麼作用呢？ 這次就是要來講解這種用法啦 -情境假設- 假設你手上現在有一張產品相關的數據 包含A產品最近十年的 生產量, 消費量, 進口量, 出口量 讀者也會想知道 生產量的年增率, 消費量的年增率 想必資料應該會長的如下圖 原始資料數據 你如果要放在一頁簡報上 有可能做成2張圖表 (生產+消費 + 兩條年增率折線，配雙座標軸。另外一個圖表專放進出口數量) 缺點: 數據你要重複貼上，會難以維護 能的話當然就是 貼一次數據，處理完所有的視覺需求 有沒有可能？答案是有的，但是勢必會需要微調 初期完成的狀態  版面看似清爽但仍然有幾個問題 1) 顏色屬性過多(灰、黑、綠、紅) 2) 折線圖會受到柱狀圖的影響難以明確辨識 此時就要請到今天的主角功能出現，首先我們先處理柱狀圖會遮擋到折線的情況 柱狀圖除了頂部以下，中間的"莖部"基本上不具讀取價值 (回想一下你看柱狀圖的時候是在看根部還是頂部？) 所以請出 "漸層" 1) 打開右鍵選單，選取柱狀圖的數列 2) 填滿- 漸層填滿- 漸層停駐點留頭跟尾就好 3) 其中一側 透明度務必選擇100% (讓根部完全透明) 4) 另外一側 選擇你真實想要呈現的顏色 (此處選擇綠色) 由此你就會發現大約下方40%以下的柱狀空間開始清空了 有種雲散開的感覺，但也不影響你判讀柱狀圖的長短 漸層配上透明的應用設定 此時還有一個問題，就算略為把空間清開，但礙於顏色設定，折線與柱狀仍然不是很明顯，此時應該怎麼辦？ 看過龍珠超嗎？知道超級賽亞人嗎？變身後是不是身邊都有一股氣呢？ 我們是不是可以設想，如果我們的 折線周圍也有一股白色的氣，就可以幫助我們把空間清得更乾淨呢 ？ 感謝自在極意功的悟空給作者的靈感 此時請出 "光暈" 1) 打開右鍵選單，選取折線圖的數列 2) 光暈- 顏色選擇白色 （當然你也可以看你背景決定顏色) 3) 大小- 如果你想要氣籠罩的範圍更大，可以略為調高 4) 透明度- 建議調低 (太透明等於又會無法遮蓋柱狀圖的影響) 光暈的設定(記得把透明度調為0) 此時應該已經完成得差不多了，是不是覺得要讀取每一組數據都變得相對簡單而快速 而且不會互相干擾了呢？ ...

平常製作簡報的時候，經常有些物件調整好了格式 需要快速對齊或是平移 這時候你會怎麼做？右鍵複製＋複製，貼上？CTRL+C、CTRL+V？ 這邊推薦一個更有效率的作法 依舊是使用CTRL、SHIFT，但是要配上滑鼠左鍵 CTRL＋滑鼠左鍵 拖曳物件＝複製物件 (可選擇複數物件) SHIFT + 滑鼠左鍵 拖曳物件 = 水平/垂直移動物件 (可選擇複數物件) 當兩個一起按呢？ CTRL + SHIFT + 滑鼠左鍵拖曳物件 = 水平垂直複製物件 (可以操作複數物件) 知道這個技巧之後，當你在版面上製作相同格式的文字或圖形 可以運用這樣的方式快速的複製並且對齊

圖表(Chart) 只能用來呈現資料? 誰說的? 我有白紙黑字寫出來嗎? (誤 有沒有看過下面這種頁面？在描述特定事件的里程碑的時候經常會使用到 時間軸線通常的表述方式(文字方塊為事件) 你通常會怎麼做？ 開始插入線條，圓圈，然後配上對齊？ No No No 遊戲Boy...這樣做有以下缺點 耗時 難以維護或更新(都是手動調整) 這時候請想起你的好夥伴- "圖表 Chart" 首先，這張圖有沒有很像什麼？折線圖附帶資料點 (Line Chart w/ Markers) 所以你先做的就是插入空白的圖表 插入圖表 接下來，直接填入所需要的年份，數值直接輸入0即可 (注意! 在你要有事件的年份輸入即可，其他空白) 拉出年份 保留需要的事件年份(或是起終點) 產生後的一開始應該會長下圖 初始圖表  開始進行減法操作 刪除圖示, 表頭, 水平線 設定垂直軸, 為了確保時間軸都在圖表中間, 請將最大值及最小值設定正負相等(等距) 將軸置中, 確保時間軸線都位在圖表中央 將原始折線圖的Line移除(No Line), 然後調整X軸的線條顏色, 最後將資料點的大小設定完畢 完成圖 好啦，時間軸就這樣完成了，而且還方便日後的編輯操作，或是機動性調整 也不會有點跟點之間的間距不平均的問題 所以回到最後結論，不要把圖表視作資料的呈現方式，他們能做得比你想的多 甚至你也可以當作多時間軸重疊時的應用 就像下圖這樣 給個提示，這張圖是 用面積圖(Area Chart)製成的 留給有慧根的你去應用思考吧

數據呈現，到底該用圖表？表格？還是...？ 相信這是大多數人在處理數據相關資料時第一浮現的問題 我們細分幾個等級: LV1: 數字塞進表格(Table)直接丟出來 LV2: 數字轉化做成圖表(Chart) LV3: 思索所要傳達給讀者的終極訊息，考量讀者所能接收的資訊總量，進而排序呈現方式 以下我們來舉個例子 你是區域負責人 需要向國外呈現出部分地理區域的客戶消費 以及我們公司在這些區域的訂單狀況, 來判斷新的據點應該設在哪裡 讀者(國外)有以下狀況: 不是很熟地理區, 但想要了解 比較關心訂單狀況 You got only 1 page, what will you do? 依照剛剛的三個等級, LV1跟2就不多談了 我們應該可以想得出來出現的狀況... (大概就是一堆表格跟圖) 但是是否能夠滿足讀者的需求？ 所以這時，LV3的思考模式很重要 究竟讀者對於特定數據的需求，是 精準需求 or 感知需求 精準需求：會思考絕對數值 感知需求：比較偏向理解相對關係或位置 這樣判斷之後，可以決定我們怎麼操作 所以在這樣的案例之下，我的解決方案如下 應用的邏輯是？ 顏色傳遞相對資訊 圖表傳遞精準數據 運用遮罩塑造版面立體程度，使得可操作空間增加(圖層堆疊) 做任何頁面前，請先深思　讀者真正的需求，不要浪費任何人的閱讀時間 你才會是老司機

文字，文字，簡報盡量不要放長篇文字 相信大家經常都聽過老師或是講師耳提面命吧 但生活沒有這麼理想的：如果我們真的還是碰到該怎麼辦？ E.g. 法律條文，政府文件，怕因為不熟悉文意反而變成斷章取義呢？ 下面四個步驟試試看 以下文為例 本公司在全球共有82個服務中心。服務中心包括四個團隊，分別為實施技術團隊、研發支持團隊、電話服務團隊、管理咨詢團隊；同時，服務中心提供四項服務：實施服務、營運維護、咨詢服務、培訓服務。 好了我知道你開始頭痛了，我們一步一步拆解吧 1. 分塊 分塊的意思就是經過閱讀後，把文章的段落進行拆解*(請注意!!只是拆解) 分塊後的結果 *拆解段落拜託不要進行刪除，因為如果碰到自己不熟悉的內容，反而容易陷入斷章取義的狀況 2.分層 (確認文章內容的主從關係) 使用分好的文章段落進行分層 分層後的結果 3.刪除 (刪除無用字串) 有幾種類型的句子可以刪除：原因、解釋、重複詞彙、輔助詞彙、鋪墊   刪除後，架構清楚很多 4.轉換 文意已經提煉完畢，就剩下外觀了 有很多種方式可以使用，除了純文字(字體大小、顏色區隔)，也可以帶入圖標(Icon)跟線條來強化邏輯 純文字排版 配上圖標跟連接線 純文字的操作大致上就是這樣的手法，前提永遠都是：你要對文意的領域有一定程度了解。操作起來才會比較上手，不然很容易曲解原文的意思。

圖文說明相信大家都經常碰到 通常你碰到圖文說明你會怎麼做? 畫紅圈? 加上圖文說明方塊? 你可能會做成像下面這樣 常見的圖文說明註解方式 可能已經很不錯了對吧，但這樣的方式仍然有幾個缺點存在 1. 讀者的眼睛仍然會受到紅圈以外的物件干擾 -雜訊 2. 註解文字的方塊底色很有可能受到圖片的影響, 甚至是遮擋到圖片 我們有更好的解決方案嗎？ 記得一句話： "人的眼睛習慣找亮的東西看，特別是關燈之後" 試試看下面這樣吧 是不是抓取重點的速度比起之前的做法快得多? 而且如果你想看別的東西仍然可以辨認 該怎麼做呢? 很簡單, 邏輯就是 "破洞的黑絲襪" 步驟: 套上絲襪 → 做出洞的模具 → 裁切 詳細步驟如下: 記得, 並不一定所有圖片都適合這樣操作, 端看簡報者自己的需求 技巧不是求炫, 而是追求讓讀者用更短的時間快速擷取更多的資訊 天下武功 唯快不破。 什麼是快？讀者讀得快才是快

色彩選擇困難？不會配色？ 設計模板(Template), Dashboard時沒有靈感整體搭配？ 推薦我常用的獲取靈感的網站 這些網站的共同點就是利用大量隨機的產出衝擊你的視覺 你只需要記下色碼跟確認選擇的配色是否符合你的主題風格即可 ps. 如果是商用人士，請記得先詢問公司有沒有制式的VI(Visual Identity)，避免自己畫蛇添足 1. Coolors   透過隨機產生推薦的配色結果，讓你知道那些顏色適合一起搭配使用，在快速產生的多組配色中，也能激發靈感。進入網頁按下"Generate"之後，用空白鍵就能快速 隨機切換 不同配色 (就當作刷抖音看哪個顏色正點吧) 也能在"Explore"裡面頁面瀏覽他推薦的套裝顏色，或是利用標籤(tag)關鍵字來搜尋 出現一套(5款)色，也能夠針對個別色盤進行深淺微調或是鎖定特定色，然後讓其他繼續隨機替換。 Coolors首頁 Generate- 按空白鍵隨機替換 Explore- 一些隨機套裝推薦(含有tag搜尋 2.  Color Hunt 網站雖然素，但是該有的功能也不少，也具備搜尋功能 可用關鍵字來找喜歡的風格配色，並且給自己喜歡的配色點讚 網站架構不複雜，但夠用了 送上一個彩蛋  uiGradients 如果喜歡玩漸層顏色的，可以多看這個網站內的配色選擇 看看别人怎麼玩漸層色彩 怎麼學配色？不用學啊，多看美的事物就好了！ 還有一個秘密武器 Palette Cam (APP) 可以讀取你拍下的照片色碼 所以隨時外出有看到好的配色靈感，就拿起手機拍吧

美? 無論是上課的學生或是同事 經常性的會問我，我想把 "簡報做漂亮" 、 "我想把弄得美一點"、"應該怎麼弄？" 我都是回 " 天下武功，惟快不破" 回答這個問題之前，我們來思考幾個問題 1. 你平常聽(看)簡報，視覺是被什麼所吸引？你看的，究竟是 "閱讀快速並且舒服的版面" 還是 "花俏絢麗的版面"？ 2. 若你身為讀者，美感的轟炸跟抓取重點的速度，兩者一定要排出優先順序，你會怎麼選？ 為什麼要思考這些問題？ 當習慣性用這樣的角度去思考之後 才能夠用 "聽眾(讀者)" 的眼睛，去重新檢視你所要呈現的畫面及版面 說說人的習慣吧 身為作者時，理所當然的一切東西都是從文字開始，才開始構思 身為聽眾時，吸收圖片的速度快於文字，文字的來源會是講者說的每一句話 資訊留給圖片傳遞，文字請用嘴巴陳述 所以，先矯正一個思考模式 "做簡報本身不是說你想說的，塞你想塞的；而是讓聽眾快速看見他想看的，然後才聽你說" 另外，怎麼拆解簡報的構成？看看下面這張圖 用這樣的脈絡去檢視你的每一頁  "天下簡報，讀快不破" 誰能在每翻一頁之後，用最短的時間，講者還沒開口講話 聽眾已經get到87%的資訊量，並且牢記住這一頁的圖像印象 誰就是簡報的贏家