視覺資訊的力量 讓數字故事「更好看」:抓住眼球經濟的「資訊圖」格式全書

視覺資訊的力量 讓數字故事「更好看」:抓住眼球經濟的「資訊圖」格式全書
定價:480
NT $ 110 ~ 379
 

內容簡介

  視覺的力量,就是用一張圖說完大資訊!

  眼球經濟│大數據時代.商業視覺化的終極工具:
  ☉《華爾街日報》如何用資訊圖告訴你經濟大勢與房價漲跌?
  ☉《紐約時報》的一個表格如何啟發了比爾蓋茲投身第三世界公共衛生援助?
  ☉ 新興的個人理財網站怎麼用嶄新的介面與視覺統計吸引投資人上線使用?
  ☉ 為什麼愈來愈多企業用「資訊圖」溝通品牌形象?他們如何改用「視覺新聞稿」抓住大眾及媒體注意力?

本書特色

  ★精采收錄:數十幅當代精采Infographic資訊圖範例 ┼ 設計邏輯與視覺策略
  ★美國主流媒體&調研機構幕後「資訊圖」設計公司的實證工作心法。
  ★從品牌訊息、內容傳播到社群行銷界,一致追求的視覺資訊優化趨勢!

  本書是新近視覺工作者、行銷/媒體/公關人員必讀的資訊設計書:
  ─說再多數據,不如用一張「資訊圖」創造一個新印象、把複雜資料變成視覺故事。
  ─用強烈鮮明的插畫/互動介面來攫取讀者注意力,使人們迅速掌握重點。
  ─分解有趣的統計、幫枯燥乏味的數據找出新趣味,並把它們變成視覺化的資訊。
  ─透過視覺化資訊來強化品牌,提高業績、讓人即時使用、傳達鮮明訊息!

  《視覺資訊的力量》一書由美國多個權威機構幕後設計資訊及新聞呈現的「Column Five工作室」

  三位設計專家共同執筆,以數十餘幅設計實例,說明近年被重要國際媒體、網站設計及科技、研究與非營利組織廣為採行的「資訊圖」(Infographics,也稱為資訊圖表)的製作概念及設計精髓。

  身處在當前資訊視覺化快速變遷的時代,大眾對數位媒體及互動式分享的使用程度愈來愈高,本書告訴你如何簡明有力的方式製作「資訊圖」這種易於分享、傳播印象深刻、尤利於網路傳閱的新設計媒體。

  當現今閱聽大眾的注意力愈來愈分散,更多商業行銷及知識傳播需求的重點在於:
  「如何把內容視覺化」──而追求「以設計整合數據背後故事」的「資訊圖」正符合了這種需求。  
  本書進一步主張,資訊圖特別在商業界有其普遍的需求。
  由於當前消費者對於傳統的廣告與行銷的手法日益無感,
  態度已接近冷漠,品牌需要以新的溝通方式來傳達他們的資訊。

  那種「強迫推銷式」的視覺廣告現在已經是過時的手法。
  如今品牌必須超越純粹提供產品與服務的範疇,提供觀眾新的獨特價值。
  而這種價值正須經由視覺資訊說明的方式產生。
  很多企業為了建立與吸引觀眾群,紛紛以資訊圖提供讀者資訊與娛樂兼具的感官體驗。

  尤其,面對每天網路上大量製造與傳播的內容,資訊圖能提供一種有趣圖像使用形式,
  不但能吸引渴望新知的觀眾,還有助於理解與記憶資訊及社群分享。
  要吸引並維持瀏覽者的注意力非常困難。

  本書飽含豐富的資訊圖像範例,實際採用「視覺化」方法,
  循序漸進地提供了可操作的技巧與策略,你將可以依據書中的建議,
  創造出引人注目且易於分享的視覺化資訊──也就是視覺說故事的能力!

  從「依據資訊該採用何種圖表」到「如何應用數據新科技工具引導核心社群參與」,本書將告訴你,視覺資訊的設計工作如何開始:
  ○ 各種形式的訊息設計:包括靜態的、互動的、動態的呈現方式
  ○ 善用策略,規劃出適合發佈在不同媒體上的視覺整合圖表
  ○ 小心!避開常見的不當設計資訊圖錯誤
  ○ 資訊圖應用趨勢預告:更直覺、更有趣的視覺應用如何在新科技/新裝置與「使用者參與」的風潮 中快速崛起!
  
  這本書也將教你如何理出資訊中的脈絡,並透過視覺化的素材使溝通效果極大化;
  並將傳授你一個影響力甚鉅的方法,使得你握有的市場資訊,
  能夠被再製成易於理解、充滿感染力的「視覺資訊整合圖表」並直達人心!
 
 

 

作者介紹

作者簡介

傑森.蘭戈(Jason Lankow)、羅斯.克魯格斯(Ross Crooks)、喬許.瑞奇(Josh Ritchie)


  「第五欄」創意設計公司(Column Five)的共同創辦人。

  這間公司專門承接視覺整合圖表設計、數據可視化和社會公關等業務,曾與他們合作過的公司包括了奇異公司、財務軟體商Intuit、微軟、Sony、eBay和世界銀行(World Bank),他們的作品更曾曝光於《快速企業》雜誌、《時代》雜誌、《華爾街日報》、《富比士》雜誌等重要財經媒體。

  他們常針對「視覺整合圖表」進行主題演講,近期的演講對象包括聯邦儲備委員會與「美國平面設計協會」(American Institute of Graphic Arts),並在哥倫比亞大學開授相關的視覺課程。

譯者簡介

簡美娟


  台大外文系、英國蘭卡斯特大學語言學碩士畢。專事各類翻譯工作,譯著有《品質大師費根堡談管理資本》、《好主管的聆聽技術》等書。

 

目錄

Introduction 前言      

「資訊圖」是什麼?    
本書要說的事            
本書不代表的事        
術語說明            
本書的使用方法        

chapter 1
一個重要又有效的新形式:
為什麼我們的大腦喜歡資訊圖?    


資訊設計的觀點小史    
視覺化要達成的事    
吸引人            
幫助理解
加深記憶

chapter 2
資訊圖格式:
用對的媒介傳達你的訊息        
    

靜態資訊圖                        
動態資訊圖                            
互動式資訊圖                                                    

chapter 3
用視覺說故事:
先搞懂傳播目標,才能製造吸引力

                        
瞭解視覺敘事的圖譜

chapter 4
新聞性資訊圖


何謂新聞性資訊圖?
新聞性資訊圖的起源
新聞性資訊圖的製作

chapter 5
發送內容:分享你的故事


網站上刊出資訊圖
傳播你的內容
耐心等待回報

chapter 6
以品牌為核心的資訊圖


「關於我們」頁面        
產品說明                
視覺新聞稿                
簡報設計                
企業年報                

chapter 7
「揭穿龐大數據」的視覺化介面


視覺化案例研究:使用者介面
資訊儀表板            
視覺化數據的轉換    

chapter 8
什麼是好的資訊圖?


實用
完整
美觀

chapter 9
資訊設計的最佳典範

插圖            
數據            
視覺化            

chapter 10
資訊圖的未來


「人人都有創意工具」的時代
社群共創式的視覺化
解決問題            
成為視覺型公司                

更多「資訊圖」補充知識
致謝

 

前言

  我們周遭的世界一直在變化中。資訊時代徹底地改變了我們的思考與溝通模式。

  現今我們能置身於樂於學習與分享的文化氛圍,其主要原因是社群媒體愈來愈無所不在。這類湧入的資訊也需要以新的溝通方式來消化與處理。本書的主題──充滿各種豐富型式的「資訊圖」(Infographics),正是引導這類新思考模式的先鋒。

  「資訊的視覺化」利用人類視覺系統不可思議的處理能力,能幫助我們快速有效地深入了解與理解資訊。面對日常生活必須瀏覽的大量資訊,如果能取得並善用這種力量不僅非常實用,也有其必要。

  「資訊圖」特別在商業界有其普遍的需求。由於消費者對於廣告與行銷的手法日益不滿,態度已接近冷漠,當代品牌需要以新的溝通方式來傳達他們的資訊。強迫推銷的廣告已經是過時的手法。如今品牌必須超越純粹提供產品與服務的範疇,提供觀眾新的獨特價值。而這種價值得經由資訊說明的方式產生。

  很多公司為了建立與吸引觀眾群,紛紛成功地仿效內容出版商作法─純粹地表現資訊內容提供讀者資訊與娛樂。那麼,資訊圖在這種潮流中扮演什麼角色呢?面對每天網路上大量製造與傳播的內容,要吸引並維持瀏覽者的注意力非常困難,而資訊圖提供的有趣圖像使用形式,不但能吸引渴望新知的觀眾,還有助於人們理解與記憶資訊。

  「資訊圖」是什麼?

  「詩人的目的在於提供資訊或娛樂,或是結合這兩者,也就是生活的樂趣與應用。

  敘事宜採用簡要的說法,讓讀者能迅速準確地理解與記憶。

  充斥資訊的腦袋如同滿水狀態,多餘的話語自然會被排除。」

  ──羅馬抒情詩人賀拉斯(Horace)《詩藝─致比索父子書》(Epistolas Ad Pisones De Ars Poetica)

  這段話寫於兩千多年前,雖然談論的是詩人的角色,但談到溝通的部分,每種行業都能受惠於這永恆的智慧。

  不論你是為了「說明」或「娛樂」的目的,或是兩者皆有,採用「簡潔的方式傳達真實、有趣的知識」給消費者,不僅可用於行銷,也是任何品牌溝通的最新主張。

  資訊設計早不是什麼新鮮事了。從最早的洞穴壁畫到現在的數據視覺化,人類一直應用圖像描述來呈現資訊。它們的作用最早可求證於維多利亞時代,如圖I.1的視覺資訊圖所示,此圖為南丁格爾(Florence Nightingale)所作,說明克里米亞戰爭期間英國軍隊的死亡原因。這張圖被送交國會說明,原本當時國會對於軍隊的健康與衛生的問題置之不理,後來因為此圖對於出征部隊兵士間疾病的蔓延有了新的思維。

  這些圖像描述在1930年代末期至1940年代早期,由早期最受肯定的傳播媒體《財星》雜誌普遍作為內容編輯使用。圖I.2的插圖是真正工藝的體現,不但具有代表性風格,也極度注重細節的繪製。

  自此以後,這些插圖在各方面有了更廣泛的應用,從學術與科學研究到現代的行銷皆有。我們在第1章(一個重要又有效的新形式)會再進一步討論這些應用的歷史,並在各章節中強調目前的應用情形。

  本書要說的事            

  資訊圖的利用與應用範圍廣泛。在本書中,我們將強調資訊圖改善商業溝通的功效,從為創新的行銷目的使用,到傳統上報導或分析商業觀點的應用皆有。接著我們將持續討論資訊圖在其他領域使用的相關目的,以期進一步對本書最終所要建立的資訊圖品質與功效的分析方法與分析架構帶來啟發。

  我們主要的目的是要深入瞭解資訊圖的使用價值,說明此種媒介的適當做法與應用。我們也希望讀者最後能瞭解並得到資訊圖思考工具的啟發,迅速掌握以視覺手法改革商業溝通的方式。

  本書不代表的事    

  本書不是設計資訊圖的主要資源。不過我們專門呈現了一些可以作為創造視覺化的工具,並且也提供設計師進一步學習的參考資源。此外,相關的觀念、研究與訊息架構與思考方法對視覺設計師很有參考價值。我們也相當重視創作美麗資訊圖的設計技巧,而且堅信設計學校傳授的各類原則與指導,對於有效的視覺化創作都很重要。

  本書所提供的形式與實務舉例,不代表所有資訊圖可能的應用範圍。我們選擇提出一些重要領域,因為這類資訊圖發揮了很大的商業價值;同時,根據我們多年來與數百家大小品牌合作的經驗,本書也詳細地討論適合每種領域的資訊圖做法。

  當然本書一定有些無法提及的領域,同樣具有明確與有趣的品牌資訊──但這就是趣味所在。無論商業界、藝術界或科學界,大家都在尋找以新的方式運用資訊圖這種不可思議的媒介,以達成不同的目的。這也正是資訊圖「以視覺啟發人心」的特色──它驅使我們不斷地探索,如何以創新方法傳達資訊與娛樂的新奇與魅力。

  術語說明        

  為了清楚表達本書所涵蓋的主題,我們必須定義本書中會反覆使用的術語。有些聽起來很幽微,也可能顯得有點囉唆。但處理資訊與數據、視覺與設計的學科很多──而這些領域的人對於如何使用這些術語都有不同的想法與意見。所以沒有所謂技術上或正式的定義;它們只是用來方便討論本書所談的應用內容。

  資訊(Information)
  以文字、數字或觀念形式溝通的知識。

  數據(data)
  可計量的資訊。雖然數據有各種形式,本書我們通常將數據當成數字形態的資訊。

  數據集(Data Set)
  一種分類數據的集合,在某種程度上經過篩選,其中隱含的見解能夠透過視覺圖像清楚地讓人瞭解。

  設計(design)
  用以解決特定問題的概念、功能性與圖形輸出。

  插畫(Illustration)
  對一個物件以手繪或向量的描寫。在「資訊圖」中,我們可以使用插畫去展示一個物件的結構,或是增加美感。

  視覺化(Visualization)
  我們使用這個術語指涉「資訊視覺化」。例如照片或畫作就是實際的視覺化表徵。然而為了更符合本書情境,我們定義視覺化是一種C「溝通特定知識所製造的視覺成品過程;包括數據的視覺化,或只是利用視覺提示去舉例、區別或是顯示資訊的層次。」/C

  科學界或學術人士通常將視覺化當成是利用軟體自動轉化的圖表。諸如此類的程式能夠以類似的形式處理資訊,但會產生不同的視覺效果。我們在定義上也將此類視覺化方法包含在內,但也含納入其他獨特的應用手法,例如手工處理、繪圖和資訊與數據的設計。傳統的「視覺化」定義很符合科學與學術界的使用目的,但因為本書將提及各類的媒體和應用手法,我們需要賦予更廣泛的定義。

  數據視覺化(Data Visualization)
  可說是數據的視覺呈現或是視覺化數據的實踐。

  常見的一般形式有:圓餅圖、長條圖、曲線圖等。不過數據的關係有時非常複雜,因此我們必須能夠找到獨特的方法,將這些數值視覺化以清楚呈現那樣複雜的關係。這些視覺化圖像能夠幫助我們檢測趨勢、模式和異常值,讓我們對資訊有更深入的理解。

  資訊設計(Information Design)
  以視覺形式呈現資訊的做法。我們也用這個術語代表相關主題的整體學習領域與實踐。在一件資訊的視覺呈現裡,可能包含視覺化數據、流程、層次結構、剖面、年表與其他事實。而圖表(chart)則也被歸為本書「資訊圖」的一種,而大部分的資訊圖具有多重面向、解釋或精闢描述的功能。

  資訊圖(Infographic)
  英文Infographic是「資訊」和「圖表」兩個字(information graphic)合併的說法(本書以「資訊圖」為中文譯名,以求完整的表達含意)。

  過去幾年因為網路行銷圖表使用的盛行,這個詞彙相當受到歡迎。有些人使用這個詞彙來解釋目前此類廣泛應用的獨特形式,它的特徵是利用插圖、大型排版、以長形呈垂直方向來顯示各式各樣的事實。我們則將這類圖表稱為新聞性資訊圖,它也可以用不同的形式來呈現。

  本書中,我們會來回使用「資訊圖」(information graphic, infographic)這個詞彙,並特別希望維持這個術語保持廣泛有彈性的定義。

  簡言之,資訊圖就是「使用視覺提示來溝通資訊。」它未必需要包含某些特定的數據量、具有一定複雜性,或非得呈現某種程度的分析。沒有什麼是「資訊圖」的門檻標準。它可能很簡單,例如手持鏟子的人形道路標誌,提醒大家前方有工程進行;或可能很複雜,例如是全球經濟的圖表分析。

  新聞性資訊圖(Editorial Infographic)
  使用在印刷品、網路出版或部落格的資訊圖。報紙已經應用了新聞性資訊圖數十年,而最近在網路世界中,這種資訊圖更找到了新的形式與生命。特別是「內容行銷」(content marketing)崛起──使用編輯過的資訊與視覺圖像,以吸引固定與潛在客戶對於公司網站更關注的做法─已經刺激了這方面的成長。

  這類「以視覺內容行銷宣傳」的例證,請看圖I.3軟體公司Marketo為了推廣自家「行銷自動化軟體服務」所推出的一系列作品。

  特徵圖形元素(Qualitative Graphic Elements)
  非數字的任何形式,包括資訊與插圖。

  數字類資訊(Quantitative Information)
  包含任何類型、通常以數值呈現的測量資訊。(如圖I.4)

  敘事(Narrative)
  利用特定的資訊述說故事,達到引導觀眾的資訊設計手法。這類方法最適用於溝通價值判斷的資訊圖,用意是讓觀眾離開時能有特定訊息的收穫。

  本書的使用方法

  現今的商業環境裡,資訊設計與視覺化的應用十分普遍。但每家公司有不同的需求,應該針對客戶個別設計其解決溝通問題的方案。本書的組織方式,讓你既能夠消化與學習符合自身需求與目標的資訊,也讓你能隨性地略過一些不適用的章節。

  在你要確定需求並嘗試新的資訊圖應用方法時,你可以經常回頭參考這本書。我們應該根據「要顯示的資訊」來設計圖表,你也應該規劃一個符合自己工作需求與機會的視覺策略。這本書就是各類策略與應用的指南。

  接下來我們劃分出本書的大致結構,讓你對於每一個章節的內容有所認識。你可以據以判斷哪一個章節與你的公司或工作最為相關。有疑問的時候再進一步閱讀其章節內容。這個方式很適合用來確定視覺化資訊的新作法,而且對企業整體溝通與行銷策略的發展與轉型也很有幫助。

  本書有些部分是必讀章節,好讓我們在進一步討論應用方法的細節時,你才能瞭解其背後觀念。

  必讀章節

  chapter 1
  一個重要又有效的新形式:
  為什麼我們的大腦喜歡資訊圖    

  chapter 2
  資訊圖格式:
  用對的媒介傳達你的訊息            

  chapter 3
  用視覺說故事:
  先搞懂傳播目標,才能製造吸引力
                        
  chapter 8
  什麼是好的資訊圖?

  chapter 9
  資訊設計的最佳典範

  chapter 10
  資訊圖的未來

  或者你也可以根據興趣與/或需求,選擇閱讀(或不閱讀)其他章節。應用章節裡的舉例,有些你會覺得很重要,有些你會覺得不重要。我們鼓勵你探索目前還不適用的範圍,因為這些章節對於資訊圖的新應用策略也提供了一些新點子。何況你永遠不知道你的需求何時會改變。

  選讀章節

  chapter 4
  新聞性資訊圖

  chapter 5
  發送內容:分享你的故事

  chapter 6
  以品牌為核心的資訊圖

  chapter 7
  「揭穿龐大數據」的視覺化介面

  接下來是各個章節的簡短內容介紹。

  chapter 1
  一個重要又有效的新形式:
  為什麼我們的大腦喜歡資訊圖?

  本章節將說明視覺溝通功用的學理根據,以及說明最好的應用方式。雖然視覺化的價值似乎在某些情境下是自然產生的,但重點是我們要瞭解它為何有效,才能適當地操作它。我們將探索創作資訊圖的各種可能目的,並且根據其目的,將資訊圖產生的不同價值建立其相應的優先順序。

  chapter 2
  資訊圖格式:
  用對的媒介傳達你的訊息

  本章節將探索資訊設計與數據視覺化所採用的不同格式,包含靜態、互動和動態圖。我們會詳細地描述每種格式,並提出一些可以應用的方向。

  chapter 3, 4, 6, 7
  資訊圖的應用

  這些章節會說明資訊圖在商業環境裡不同的應用。第3章大致形容一下「視覺敘事圖譜」的輪廓,據此架構我們可以考慮以下三種應用方式:

  第4章:新聞性資訊圖
  第6章:以品牌為核心的資訊圖
  第7章:「揭穿龐大數據」的視覺化介面

  我們將示範如何創造迷人又充滿機智的視覺內容,將每種應用方式當成突破現狀的機會。在視覺內容經常使用的範圍,例如簡報或儀表版(dashboards)製作等,我們將思考任何改進與創新內容的可能性,以提供清晰的視覺化效果,吸引觀眾的注意。

  chapter 5
  發送內容:分享你的故事

  本章我們將討論將你的訊息內容傳到更廣、更遠的最佳作法。就算你完成了精彩的視覺內容,事情也還沒結束,你需要群眾看見它。我們將在本章討論有關如何利用社交媒體散發和推廣你的內容,確定人們可以看見它─並且更重要的是,可以分享它。

  chapter 8
  什麼是好的資訊圖?

  這個充滿主觀和爭議性的主題經常出現在我們公司「問與答」清單上。因此,本章將提出一個重要架構,作為評鑑各類資訊設計應用的準則。

  chapter 9
  資訊設計的最佳典範

  本書的目的不是要指導你如何設計資訊圖,而是說明如何在溝通策略上適當地應用資訊圖。不過如果你即將與設計師共同參與生產的過程,或是身為編輯必須參與出版過程,你有必要深入瞭解一些資訊設計的基本原則。

  考量到這一點,第9章將提供一些資訊圖案例,說明「可做」與「不可做」的概略知識,讓你能藉以辨別誤用的情形,並能掌握創造有趣、豐富與有效內容的過程。

  chapter 10
  資訊圖的未來

  所有商業領域都必須站在最新趨勢與科技的前端。資訊設計的世界也是如此,特別是當它與你特定的組織與企業連結時。

  最後一章我們將討論在不久的將來即將出現的資訊圖應用。

 

內容連載

Chapter  2 資訊圖格式:用對的媒介傳達你的訊息(摘)
 
●靜態資訊圖
 
●動態資訊圖
 
●互動式資訊圖
 
你可以選擇最好的方法達到有效的視覺敘事。
 
在你藉由使用資訊圖,逐漸邁向一家視覺化溝通公司的旅程中,瞭解什麼是「傳達訊息最有效的格式」十分重要。採用資訊圖溝通的主要格式有「靜態圖像」、「互動式介面」和「動態內容」。這幾種方法沒有什麼高下之別,因為最好的格式取決於「它如何有效地儲存與傳遞所要溝通的資訊。」因此,瞭解每種格式的屬性,以及思考每一個資訊圖類別裡可應用的藝術媒介是很有幫助的。
 
(1)靜態資訊圖
 
常見的是固定資訊。使用者互動由觀看與閱讀組成。呈現外觀是靜止的圖像。它最有效果的是使於「敘事類資訊圖」,但有些情況也可以是「研究類資訊圖」。
 
(2)動態資訊圖
 
常見的是固定資訊。使用者互動由觀看、附加旁白的聆聽與閱讀組成。呈現的外觀是動畫或移動影像。它最有效果的是使用於敘事類資訊圖,而若非與互動式效果結合使用,則幾乎不可能用於研究類資訊圖。
 
(3)互動式資訊圖
 
它可以是固定,或是動態資訊內容。在這種格式中,使用者可以互動點選、搜尋特定數據、主動塑造所顯示內容,以及選擇獲取和視覺化的資訊。它可以是敘事類、研究類資訊圖,或兩者皆是。
 
在以上三種資訊圖格式中,雖然靜態式資訊圖是最容易執行、最節省成本的一種,但或許也是最變化多端的一種,它依然可以有廣泛的應用。
 
靜態資訊圖
 
首先,我們把焦點放在靜態資訊圖,因為這是資訊設計最普遍運用的格式。在這個部分,我們會利用幾個簡單的例子說明運用這類圖表的方式,讓你更明白這個格式的基本特徵與變化。
 
多數人使用靜態格式製作資訊圖,作為印刷、網路或兩者皆有的圖像。雖然內容使用的目的不同,資訊圖的整體尺寸與形狀,大部分還是要根據出版環境需求來決定,例如要看是放在網誌或雜誌內頁中。無論是印刷出版,或是股東大會的報告,靜態資訊圖能以單一的圖像有效地說明豐富的數據。
網路書店 類別 折扣 價格
  1. 二手書
    23
    $110
  2. 二手書
    43
    $208
  3. 二手書
    44
    $210
  4. 二手書
    52
    $250
  5. 二手書
    52
    $250
  6. 二手書
    52
    $250
  7. 二手書
    54
    $260
  8. 新書
    62
    $297
  9. 二手書
    65
    $310
  10. 二手書
    65
    $310
  11. 新書
    79
    $379
  12. 新書
    79
    $379