Tag Archives: 圖解

設計的邏輯 – 新聞圖表入門新經典

早年新聞圖表剛開始成為一個行業與一門學問時,整個產業最重要的經典莫過於 Peter Sullivan 的 Newspaper Graphics,以及追加的Information Graphics in Colour。這兩本書影響整個產業之大,以至於全世界新聞圖表最大獎Malofiej Competition的首獎叫做Peter Sullivan獎。兩本書我當初是直接寫信到德國去買的,可惜家中書很多,目前找不到。

前一陣子又看到了一本「設計的邏輯:Infographics 深入人心的視覺法則」,也是談新聞圖表的。台灣的書名現在為了SEO,都有很多不相關的字在裡面,原來的書名是「インフォグラフィックス―情報をデザインする視点と表現」,大概的意思是「Infographics – 資訊設計的視角與呈現」,講的不是「設計」,而是資訊視覺化,特別又著重在「視角」這件事情上。

作者木村博之是我2009年第一次去重慶參加SND信息圖表課程時的講師之一,他的公司「Tube Graphics」世界知名,我在去重慶之前就聽過。他那次講的課不多,重點主要放在「視角」上面,強調繪製圖表時,應該知道自己從哪個角度來看,與「觀察的藝術」(The Art of Seeing)不同,木村當時強調的不是形而上的角度,而是真正的三次元角度、高度,反而比較類似我們以前讀建築時畫圖的方法。因為木村博之在日本已經是大師了,所以他還分享了很多以前錯誤或者不好的作品給我們參考。

重慶歸來,我也學習將視角納入繪製圖表、分析資訊的過程當中,但重新閱讀此書後,對於視角又有更多的體悟與想法。

在「設計的邏輯:Infographics 深入人心的視覺法則」中,木村依舊提到了許多不同的視角,但實體與虛擬都有,而且他將各種資訊圖表可能用到的體例都放進去了,如果你無法取得Peter Sullivan那兩本元祖經典,那麼木村這本書拿來當新的經典算是相當合適。書中大概涵蓋了90%以上的常見新聞圖表呈現方式,有些是他自己的作品,有些則是收錄他人作品。

這本書主要分五個項目,我覺得地圖尤其值得台灣同業或愛好者參考,因為台灣的媒體向來非常少用地圖,但地圖又是如此重要,透過木村博之以「視角」的方式來說明地圖,是再恰當不過了。示意圖的部份也應用了大量的「視角」原則,包含實體與心理的視角,也相當不錯,而且例子大部分都是他自己的作品,所以他也知道到底當初的「視角」是什麼。

在書中某處有一張照片,如果仔細找,可以發現我在照片某處,但難度跟Where’s Wally差不多。

簡報5分鐘,5分鐘簡報

昨天有一個機會,用5分鐘,也就是300秒的時間,「徒手」介紹、演講、說明、或者簡報「簡報」這個題目。我原本只是平常心、輕鬆講,沒想到講完之後聽眾反應十分激烈,而且最令我驚訝的是,事業成就越高的聽眾反應越好,整個下午都一直有聽眾向我致意。既然聽眾反應如此好,乾脆也把這次經驗與讀者分享。

昨天的場合是某一個「扶輪青年領袖營」(RYLA),這樣的活動每年不同的扶輪社地區或甚至分區都會舉辦,我原本被告知當下午活動的輔導員,後來活動前14小時才知道,中午吃完午餐後,還有6個各5分鐘的主題分享,除了我之外,分享者都是相當有社會成就的企業賢達、菁英領袖。因為知道的時間很晚,中間我還痴睡了10小時,午餐時間也不方便拿出筆記本,所以只能趁著吃完午餐,還有開始講之前短短30分鐘準備,也就是邊聽台上的賢達分享,邊偷偷準備。

簡報 EAT 限制

準備前簡單評估一下 E.A.T.,也就是環境(Environment)、聽眾(Audience)與時間(Time),環境上不容許投影,現場只有一個非常長的白板,加上白板上方還有一條紅色布條,所以我能用的器材就只有這個狹長的白板加上白版筆。其實我本來就是靠「白手起家」的(還因此買了平版電腦),徒手畫出視覺語言沒有什麼問題,只是狹長的限制比較多。

聽眾很分歧,有一大部分是20上下的青年學生,還有一部份是已經出社會的扶青團團員,再來還有商業成就很高的扶輪社友,知識起點與背景差很多,要滿足所有人很困難,加上只有短短五分鐘,所以真的講不了什麼,如果要自我介紹,可能120秒就消失了,這比今年初連講10場10分鐘的簡報圖表還要更精簡。小時候被抽到3分鐘即席演講,會覺得3分鐘長得令人抓狂。現在年紀大了,5分鐘則是短到令人抓狂。

決定 WIIFM 內容

綜合以上三項限制,在五分鐘的時間內,我想想最多只能講三點到四點,這時候從我大腦資料庫中,虛擬調出四張投影片,主要是針對還很少簡報的小朋友,他們通常都還在要簡報時不知道要講什麼的階段,所以讓他們可以快速抄下三、四個名詞或縮寫,有幾個簡單的概念「可以帶走」,以後想到可以重新應用即可,並且讓他們「看一下」專業有準備的簡報者大概效果如何。五分鐘,這樣大概就完了。

我從大腦中調出來的四張「投影片」分別是 EAT 限制、WIIFM、PREP以及STAR,這種東西比較結構化,而且學員好抄,先讓他們知道簡報的限制、簡報的目標、如何推銷事與如何推銷人,這樣就夠了。

因為我沒有電腦可以協助我準備,只有筆記本,所以只好寫下每一分鐘的重點,所以剛好一點大約一分鐘:

  1. 自我介紹
  2. EAT
  3. WIIFM
  4. PREP
  5. STAR

實際上當然會有一點點的誤差。

紙上分鏡

然後在紙上我也把分鏡預先規劃好,因為白版非常非常狹長,所以只能用序列的方法來分鏡。分別就是 EAT、WIIFM、PREP與STAR。剛好就是四格,從白板的左邊開始邊講邊畫,最後剛好走完整個白板。

上台之後就是以這個「5分鐘簡報」為例,來說明準備簡報的方法與重要性,最後順便拿自己負責規劃的Yahoo!奇摩公益獲得新聞局數位金鼎獎為例,自我介紹一下。雖然不至於「精確到秒」,但想講的一樣都沒少講,比5分鐘大概多一點點結束。

最近幾年開了許多簡報班跟圖表班,都是著重在螢幕與投影介面上。後來發現,商業工作者在許多場合中,徒手在白板、大字報視覺化思考、畫圖表的技巧也很重要,而且重要性可能越來越高。徒手用白板溝通的頻率應該是電腦簡報的10倍以上,只是平常我授課時都在全電腦環境,沒有機會徒手視覺化資訊,昨天小試一下,反應異常正面,效果也超出我的意料之外。

以後在這種異常簡短的場合,或許大家嘗試一下用徒手來分鏡、畫圖表,會比使用電腦與投影為介面的方式要來得更有效。當然,準備的時間應該是差不多的,千萬別偷懶!

圖解高鐵藍橘双色優惠時刻表

By 李怡志

高鐵很有趣,各種規則一直在改變,所以有很多練習資訊視覺化(也就是畫「圖表」或者圖解)的機會。這次是藍橘双色優惠時刻表。

台灣高鐵上一波的改變是自由座外加打折。數據本身沒有什麼可以視覺化的,但現場卻很「視覺」。自由座後來變成挑戰台灣人道德尺度的一個試煉場。在我南北奔波講課的過程中,看過好多次從台北站開始替人占位的例子,有的占到板橋、有的到桃園、新竹的也有。雖然整個車廂都滿了,很多人沒有位置坐,但確有這些不知道該怎麼形容的黑心乘客可以如此厚顏無恥地剝奪其他購買自由座乘客的權利。至於從台北一直占到台中、高雄的,可能是座位上真的有坐什麼我們看不見的東西吧。

這次高鐵的新規定很有趣,是針對尖峰、離峰時段,提供不同的折扣,尖峰時收原價,離峰時打65折,雖然還比不上歐洲有些國家的鐵路公司一樣,可以提供更浮動、更低價的折扣,但已經很不錯了。而且這次的新優惠連周末也可以打折,這個部落格的讀者很幸運,等一下就可以對於價格分布有一個鉅觀的了解。

從高鐵上拿了最新的藍橘双色優惠時刻表,我發現折價的時刻是以每30分鐘為單位來區分的,這整件事情變得比我想像地簡單許多。所以我只有幾樣數據而已,星期幾、時間、方向及折數。前三樣其實都很單純,只有折數是新的。

我的想法很簡單,就是按照每個時段,也就是每30分鐘標示上折扣。高鐵把最優惠的標示為橘色(也就是系統色,希望永遠不要變啊!),次優惠的時段為藍色,這我就不知道理由了,或許是跟橘色有比較大的對比?但原價就沒有標準了。我打算用黑色的,或者灰色的。

單純標示上顏色,視覺化的意義還是很弱。「橘色跟藍色哪個比較便宜?」這比較像是腦筋急轉彎的題目。所以我想要按照實際的比例來決定每個時段的大小。也就是說藍色高度只有85%、橘色65%。然後從星期一開始列到星期日。

高鐵藍橘双色票價表2008-4

這張圖畫下來,大概就可以看出來每天的折價時段了,上班日大致上早上跟下班時是最尖峰,中午前後與晚上最便宜。周五南下的就多了,從下午兩點(!)開始就是尖峰,一直到週六中午左右,是「黑色星期五」。但之後就開始便宜了,周六晚上與周日中午都還可以打65折,所以這兩天要南下,如果沒有一定什麼時候要到,就真的可以挑時程了。

南下的畫好了,北上的也來一張:

高鐵藍橘票價表2008-3

與北上的相較,上班日除了上午的尖峰外,另外一個是下午,而非南下方向的下班時段。周末差不太多,只是星期日的離峰從南下的中午變成北上的凌晨。

這兩張表除了對於高鐵乘客有用外,對於零售業、媒體業或者其他很多行業應該都有參考價值,對於我們經營網路媒體當然也有參考意義,不過話就只能說這麼多了 XD

由於每一天的最後時段跟次一天的開始是有相連意義的,所以應該要放在一整個七天的規模下來看。這下就不用分成南下與北上兩張圖表了。這張圖表可以看得更清楚,上班日每天很規律兩個尖峰,要省錢就只要避開這兩個時段就行。換句話說,如果你在台北等兩個小時可以等到橘色離峰時段,整體的時間與成本還是比搭台鐵自強號省。

周五從下午開始就進入超級尖峰,當然這也是因為高鐵現在只有三種票價時段,我相信如果增加為五種、七種,不會那麼早就是尖峰。從星期五下午兩點的尖峰會一直延續到星期六上午十一點,早走晚走,只要在這個時間內都要支付全額。周日下午兩點後又會進入南下的高峰,持續到星期一早上九點。不過從星期六中午到星期日中午則是減價時段,周末也能減價,很讚!

高鐵藍橘票價表2008-2

北上的情況大致上類似,從星期五下午到星期六早上都是尖峰,周日下午到星期一早上也是尖峰。但離峰的情況跟南下有點不同,星期六晚上到星期日早上有一個很明顯的「北上大離峰」。

上面這兩種方式是提供分析用的,所以我又弄了一張是隨身攜帶用。同樣是每30分鐘一格,顏色保留,格子大小則依照票價折扣來調整,經常南北往返的可以列印出來隨身參考。另外三張點下去之後也都是可以列印的大圖。

高鐵藍橘票價表2008-1

其實上面這一張也可以帶班車資訊,不過我實在沒有那麼多時間,就先放棄。

以上所有資料都不保證正確性,如果有任何疑問,還是請參考高鐵官方網站。如果有任何形式的採用,請務必都標示資料來源,並且連結回這篇文章,謝謝。

圖解化台灣高鐵標準車廂票價表

高鐵標準車廂票價鑽石型

高鐵通車啦,可以練習的功課一堆,上午趁著開會的空檔先畫一張圖解化的鑽石型台灣高鐵標準車廂票價表。鑽石型表格就是在左端找到起迄兩點後,往兩條斜線交叉的地方即是票價,距離遠近與票價成正比。

點圖之後可以在 Flickr 找到更多大圖。