簡單十步驟，圖像設計師教你做清楚好懂的圖表 - 女人迷

鑽研資訊圖表近十年的紐約設計工作室Hyperakt 的圖像設計師Josh Smith ... 讓紐約的圖像設計師教你超完整的資訊圖表全攻略，簡單的十個步驟，教你做出 ... 逛逛WomanyShop 主題分類 特色專題 熱門單元 關注興趣 女力職場 自我成長 人際關係 生活風格 美妝保養 時尚精品 身體康健 女子旅行 女子理財 最新文章 更多服務 女人迷課程 你值得擁有 名家專欄 試用體驗 活動講座 性別駭客松 WomanyShop 熱烈討論 官方App 吾思品牌 女人迷香港 性別力 回家吧 臉紅紅 產品 課程 女人迷 性別力 回家吧 臉紅紅 透可室 簡單十步驟，圖像設計師教你做清楚好懂的圖表 12 2022.04 Tuesday 宜絕處逢生 人間正在四月天 與徐志摩糾葛多年，當年張幼儀縱然失去一個丈夫，在後來的人生歲月裡，卻輾轉得到一個截然不同的自己。

了解更多 女人迷womany.net 2020/11/12 女力 簡單十步驟，圖像設計師教你做清楚好懂的圖表 byINSIDE 2013/12/25   每次要做圖表你都好頭痛嗎？資訊好多，到底該怎麼用一張清晰明瞭的圖表讓大家一眼看了就明白可是大學問！讓紐約的圖像設計師教你超完整的資訊圖表全攻略，簡單的十個步驟，教你做出讓大家驚艷的圖表，其實同樣的道理，不只能套用在資訊圖表的製作，任何的報告都要從搜集對的資訊開始！  資訊圖表：教育未來的勞動力。

再冷冰冰、生硬的資訊，只要呈現的方式對了，實用之外還可兼具美感。

在資訊爆炸的時代，令人鬆口氣的資訊解方──資訊圖表，運用簡單的方式，解釋複雜的資訊，成為當今資訊界、行銷傳播界最火紅的新星。

好的資訊圖表甚至可以觸發病毒式的傳播，為設計師們不可或缺的能力。

鑽研資訊圖表近十年的紐約設計工作室Hyperakt的圖像設計師JoshSmith，將資訊圖表的製作，簡化為十個步驟：1.蒐集資料篩選數據是第一關。

蒐集來的資訊通常很雜亂：excel試算表、PDF等等，有時還會連結到其他資料來源。

設計師們應留意閱讀資料的文字說明，幫助拚湊資訊圖表所要說的故事全貌。

切記，搜尋多資訊來源，一個故事，通常會散落在很多文件裡面，而非潛藏在單一的資料圖表中。

同場加映：別被資訊埋沒，從建立個人資料庫開啓知識革命吧！2.資訊要全盤閱讀跳過大量龐雜資訊，直接閱讀重點的作法儘管很吸引人，但這麼做的後果，可能是要花費更多時間來修正。

因為，單單引述完整研究的單項訊息，可能會偏離故事全貌。

設計師應要擅於察覺資訊的漏洞，不錯失重要訊息，並及確保揭示支持故事的事實數據。

3.找到敘事/故事資訊圖表是否吸引人，最前頭陳列的資訊扮演重要角色，若以乏味的資訊開始，則很可能說出令人乏味的故事。

資訊圖表需要以一個獨特的動機作為開頭，可以是澄清一組複雜的數據、解釋一項過程、強調某種趨勢或支持某種論點，勢必要從中找出吸引人的故事。

（三個步驟，教你用簡報內容說出影響力）4.辨識潛藏的問題 當故事浮現出來後，先暫停一下，回顧資料檢視故事的真實性。

許多情況下，資料不能反映客戶所想要說的故事。

許多設計師扭曲資料作出客戶想要的樣子，然而，這麼作的結果對每個人來說都徒勞無功。

因為數據不會說謊，而良好的客戶也不想公然誤導大眾。

若發生前述的狀況，還是最好退回上一步，對照故事與數據，重新發想故事。

儘管對主題和數據有通透理解的設計師，可以知道如何最佳地呈現數據，但因為不是設計師本行專業，很容易遭受客戶的拒絕。

但仍不可放棄一試，因為設計師極度注重資訊細節的特質，最後通常能夠提出備受讚賞的呈現方式。

資訊背後的真相通常需要時間來一步步揭開，資訊可以解讀成正確抑或錯誤的論點。

舉例來說，單單呈現「紅色轎車的事故發生機率較藍色轎車的發生機率高」的數據，很容易誤導大眾以為「顏色」會影響「事故發生率」，然而，真相則是，喜歡紅色的人通常具有侵略性的性格，因此容易造成事故。

也來看看：問題不在「做」不到，問題往往在「講」不清楚5.創造層次結構幾乎任何的研究觀點（資訊圖表）中，都有一個「靈魂」貫串故事主線，這條數據會讓你有驚喜的感覺。

一旦你找到它，它則化身成為鞏固資訊圖表的層次的組織項目。

其餘的輔助元素，則幫忙安排故事的其他部分。

當到達這一階段，最終產品的雛形已漸漸浮出水面。

示意圖範例。

圖片來源：MikeRohde6.繪製示意圖（Wireframe）一旦資料經過梳理，最有趣的資料過濾出來，結構層及也都決定好了之後，示意圖就差不多產生了。

在這個階段，設計師以容易理解的視覺方式組織重要訊息以及其呈現結構，送給客戶進行審查。

示意圖還不是最終的設計，但為一個方便討論的工具，幫助決定最後產品的結構。

7.選擇資料呈現的圖表類型表示訊息的方式有很多種。

最好的辦法可能是與傳統的圖表和圖（長條圖、折線圖、園餅圖）。

「一個過程」可能需要一個圖餅或流程圖來解釋。

一張地圖可能是講故事的最好方式。

或者直接展示數字是最好的呈現方式。

如果預算許可，數據也允許的話，呈現動態、互動性也很有意義，開啟視覺化資訊的所有的可能性。

無論是哪種情況，圖表類型是由數據資料所驅動和決定，可以使用單一種類或多種類的圖表呈現。

。

8.決定主視覺有兩個首要的視覺方法來確定資訊圖表的外觀和感覺。

在第一個陣營中（DavidMcCandless、NicholasFelton等人支持的觀點），這通常是以傳統的圖表為主軸，只透過顏色、字型學和結構將圖表作得引人入勝，猶如抽象藝術。

第二個陣營（PeterOrntoft,ScottStowell）主張視覺敘事，意指以圖像或是隱喻來說故事，而數據隱含在圖像中。

不使用傳統圖表，使用完全將視覺和數據融合的圖像設計。

在Hyperakt，我們不偏好於任何一種策略。

通常我們創作了一個混合型的資訊圖表：結合傳統圖表和純粹視覺敘事的資訊圖表，但最終的解決方案，還是要根據可取得的數據資訊、媒體、客戶品牌及主題來決定。

  採取視覺敘事策略的資訊圖表。

9.細緻化與測試當資訊圖表成形為視覺型式時，就要開始細緻化的工作。

在細節處理的部分客戶會加入以資料和視覺說故事的工作，來確保最重的產品會與客戶品牌和最初的意圖相符。

測試階段的內部作業，我們會請整個工作室的人一同檢視，確保產品式好讀且易懂的，特別是對那些從來沒看過數據的人來說。

我們評價設計，重覆修潤使產品盡可能的清晰和簡單。

客戶和設計師團隊來回反覆的修潤過程，要直到所有人同意「已經竭盡所能將資訊用最好方式呈現」才會停止。

這個細緻化的測試過程彌足珍貴。

10.實際上線大多數的資訊圖表都是在網路分享的──即使是原本是印刷在紙張上的圖像也會以某種方式在線上呈現，這是設計師工作的試金石。

這是因為，對不同的群眾而言，有不同的閱讀資訊的方式。

儘管透過重重的專業檢視，也不代表資訊圖表涵蓋了完整的故事，大眾線上的討論有可能會延伸（或拆解）你原先的故事，這可能代表你的專案作得不夠完美徹底。

不過，有新的資訊產出後，也就必然歷經修正。

儘管大眾的眼睛對設計師來說是很令人懼怕，但這也同樣是媒體的珍貴價值。

混合傳統圖表和視覺敘事的資訊圖表，以大圖為主體讓人驚艷。

提升自己能力的工作小技巧 〉〉五個提升工作效率的好習慣 〉〉沒有找不到的工作，只有不夠努力的人 〉〉早上三小時完成一天工作，超效率工作速成法圖片來源：Hyperakt  本文轉載自 Inside  本文編譯自紐約獨立設計工作室Hyperakt設計師JoshSmith撰寫的〈10StepsToDesigningAnAmazingInfographic〉一文，原刊載於Co.Design,FastCompany。

圖片來源：Hyperakt 本文轉載自 Inside 本文編譯自紐約獨立設計工作室Hyperakt設計師JoshSmith撰寫的〈10StepsToDesigningAnAmazingInfographic 5個提高工作效率的好習慣！ 沒有找不到的工作，只有不夠努力的人 女力 設計師 自己 上班族 工作技巧 職場趨勢 自我成長 科技 設計 核稿編輯　AudreyKo 吾思傳媒致力提供公開平台，提供多元與共融視角，本文代表創作者觀點，幫助更多人成為自己，歡迎你投稿。

作者 INSIDE Inside成立於2009年11月底，係由一群熱愛網路的人所成立的共筆部落格。

我們閱讀、觀察、思考並分享。

針對新媒體的過去、現在與未來，分享新知、討論個案、研討技術。

以下是我們主要重視的項目，竭誠歡迎您跟我們一起關心、討論與分享。

看更多留言 如果你也相信文字的力量，邀請你以知識為支點，撐起世界。

本網站中所有內容均由女人迷womany.net與其他權利人依法擁有其智慧財產權，若欲引用或轉載網站內容，或發現女人迷文章有侵權疑慮，請來信與本公司相關部門人員接洽，我們會儘快回覆。

womany貼心客服 02-2377-5999 [email protected] 文章列表