方格精選

如何用「地圖」呈現捷運進出量?談談地圖設計

閱讀時間約 5 分鐘
這篇文章會整理幾種表現捷運站進出量的地圖,也包含我自己設計的地圖。同時也談談這些地圖設計的問題和改良方法。
批踢踢 MRT 版每個月都有版友整理各站日平均進出旅運量,白話文一點說,就是平均每天有多少人次進出捷運站。這些貼文會把每個站排名,並比較過去的數據來看各站增長或衰減的趨勢,每次貼文發布都引起熱烈的討論。近期的焦點之一是疫情爆發後西門站的進出量從第二名跌落至第三名。

我的設計:捷運進出量地圖

如果把這些數據資料,轉化成「地圖」,看起來會是怎麼樣呢?我找了台北捷運公布的官方資料,整理和計算過後,畫成下面這張捷運各站日平均進出量地圖。
這張圖用很多大小不同的泡泡來表示每個車站的進出量,而且各個泡泡的面積等比例於各個車站的進出量。所以透過這張圖,我們可以馬上看出每個車站進出人次的多寡。例如,台北車站的進出量非常龐大,它甚至可以把第二名的市政府和第三名的西門裝進去都還有剩。最後一名的十四張則是非常迷你。
從這張圖還可以發現,橘線在三重蘆洲新莊的各站運量非常平均,但紅線和棕線是大大小小交錯穿插。黃線從頭到尾都非常迷你,藍線和綠線墊底的車站,甚至還大過黃線第一名的車站。或許黃線剛通車半年,正在慢慢培養運量中。
各種顏色表示不同的路線,灰黑色是站內轉乘的車站。藍線和黃線都有板橋站,但因為它們是分開的兩個站體,需要站外轉乘,官方資料分開計算,所以地圖上也分開呈現。在設計時每條路線的車站都盡量緊緊靠在一起,但不得以時會斷開,像是綠線、橘線、黃線。
基於同樣的理念我也做了一張高雄捷運版本。橘線各站的進出量非常相近。

看看其他人的設計,還有如何改良?

我不是第一個做捷運運量地圖的人。網路上早就有許多網友或媒體發表各種版本。本文一併整理起來讓讀者們欣賞比較,也可以思考一下怎麼樣設計可以更有效、更直覺、更美觀的呈現這些資訊。
案例 ❶ 下面這張圖是 PTT 網友 jarhys 設計,底圖採用當時台北捷運的官方地圖,各站的圓圈用來表現日平均進出量。進出量比較大的車站可能會和相鄰的車站重疊,甚至覆蓋,像是台北車站就把整個台大醫院給包起來了。
左邊是最初發布的版本,但它有個問題是過度誇飾圓圈大小。當時台北車站的日平均進出量是 30.9 萬,西門是 13.5 萬,兩者差距 2.9 倍,但圓圈面積的倍數卻遠遠大過這個數字。問題的原因可能是誤把進出量等比於圓半徑。後來在其他網友的反應糾正之後,他重新發布了右邊的版本,讓進出量等比例於圓面積
案例 ❷ 聯合報在台北捷運 20 周年時也發布了一篇專題來呈現捷運相關的資訊,裡面有各種圖片、表格、老照片、文字解說。其中包含下面這張呈現各站進出量的路線圖。你會如何評價這款設計?坦白說,在我看來有些問題。
用色相(不同的顏色)來區分進出量多寡不適當。這張圖用紅色和紫色分別代表進出量多和少,可能是考量紅色熱鬧溫暖,藍紫色有冷清的感覺。然而,這個連結並不直觀,而且熟悉台北捷運的人會傾向於把顏色連結成路線的顏色,這樣的設計反而容易造成困惑。如果不看圖例,很難知道這些顏色代表什麼意義。
② 這張圖的圓圈大小有誤導的問題。比較大的符號更容易吸引注意力,通常表示重要性高。在一張呈現「進出量」的地圖裡,圓圈大小會被直觀的連結成數量多寡。可是這張圖的圓圈只有兩種大小,大的表示轉乘和端點站,小的是一般車站。乍看之下,象山站的運量好像大過於台北101,但其實完全錯誤。
好了,嘴完別人之後必須要提出一些積極的建議。
一般人在閱讀地圖都會先看主圖的部分,然後注意力才會轉到周邊的資訊,尤其圖例常常會被忽略。因此,好的地圖設計要讓使用者不用看圖例,也能「一看就懂」。其實這個原則不僅止於地圖,其他的資訊圖表設計也同樣適用。
以「進出量」的主題來說,使用「圓圈大小」是比較好的設計,因為數量多寡和面積的連結相當直觀,能夠快速理解,各個圓圈的尺寸也可以相互比較。如果選擇要用色彩表現運量多寡,那應該要用「顏色深淺」來區別,深色表示運量多,淺色表示運量少。至於如何選擇清晰且容易辨識的漸層色階,又是另一門學問了。
你認為哪一種比較有運量由多到少的感覺呢?

以下再簡單介紹一些其他的設計案例。
案例 ❸ 瑞竣科技利用分時資料製作的捷運流量互動地圖,而且這個地圖呈現的是真實的地表位置,不是簡化的示意圖。雖然他們的標題宣稱是「人流地圖」,但其實這並不是真的人流,只是各站的進出量而已,因此這張圖也有誤導的問題。在臉書留言區和他們網站的專文都有特別說明。
案例 ❹ 動態地圖。下面兩篇文章都利用逐時的進出量資料做成動態地圖,可以看到一天之內各個時段的變化。滿厲害的,我做不出來就只能說佩服。
案例 ❺ 中央社 在今年推出了台北捷運的特別專題,透過數據、圖表、照片來呈現和分析台北捷運的歷史與現況,看了十分過癮。其中最有趣的是各站進出量排名的動態表格,中央社把通車至今的資料整理在一起,用動態表格的方式呈現各年度的排名變化。這不是地圖,但也是一個非常好看易懂的設計。(按下圖表的撥放鍵)

總結:好看、好懂、好喜歡

資訊設計百百種,光是「捷運各站進出量」的主題就可以列舉許多案例。PTT 的文字整理可以總覽各站的排名和數據,還能比較漲跌趨勢。泡泡地圖則能夠把數據圖形化和空間化,讓讀者更直觀理解各站之間的差異和相對位置。要設計出好看、好懂、看了會喜歡的圖表,隱含許多設計的學問,需要具備資料處理和美術設計的能力。
最後讓我們再看一次我的精心創造。你覺得它好看、好懂嗎?
A:這張圖看久了有大珠小珠落玉盤的感覺。
B:我看像是珍珠項鍊。
C:應該是一串串貢丸吧?
D:嗯,雅量。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
58會員
75內容數
喜歡地圖?熱愛圖表嗎? 圖地,是「圖表、地圖、資訊圖像」的創作園地。 這裡會使用圖像呈現數據資料, 透過數據看見現象趨勢與議題故事。 在 Instagram 和 Facebook 會比較頻繁更新圖表。若有適合的內容會節選修改後發表於此。歡迎大家前往追蹤~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
圖地的沙龍 的其他內容
這篇文章要簡單介紹粗獷主義建築,還有夾雜我的觀展心得。 1950 年代,法國建築師柯比意 Le Corbusier 使用混凝土當作建築的材料,並稱之為 béton brut,或者說是「清水模」。法文詞彙 brut,有「直接、粗糙、強壯」的意思,恰好能準確的形容這種建築風格。
這篇文章要談談布列松攝影作品的價值,並分享我看這些作品的觀點。 布列松 Henri Cartier-Bresson(1908-2004)是一名法國的攝影師,此次展覽的作品主要拍攝於 1948-1949 年的中國,地點包含北京、上海、杭州、南京、香港。這是兩岸政治與歷史的關鍵年代,我們對這段歷史或多或
讓我們回到 500 年前,16 世紀歐洲文藝復興的時代。當時有許多希臘羅馬時期的古典文獻被人們翻出來,重新受到歐洲知識份子的重視,並進行更深入的研究。解剖學是其中一個領域,有越來越多學者投入解剖學的研究,試圖驗證或修正古典時期的發現。 Andreas Vesalius (1514-1614)是當時最
好奇北京鳥巢到底有多大嗎?小巨蛋和大巨蛋又有多大呢?這篇文章會用圖片和衛星影像來呈現北京鳥巢和臺灣各地巨蛋的大小。 北京鳥巢的正式名稱是「中國國家體育場」,外型特殊俗稱為「鳥巢」,是由瑞士和中國建築師合作設計完成。鳥巢是為了 2008 年北京奧運而興建,作為開閉幕、田徑、足球比賽的場
鼠疫爆發,然後發生了什麼事?小說描繪了數十年前的處置方式,包含封城、隔離、焚燒遺體、食品管制、增建臨時醫院等,其實現代的作法也與當年相差不遠。除了政策方面,整個社會的氛圍和人們的心理狀態也值得注意,古今之間有許多可以相互映照的地方。 封城,採取只進不出的封鎖策略,試圖讓疫情限縮在城市之內,不要擴散到
《鼠疫》是卡繆的一部長篇小說。1940 年代,位於阿爾及利亞的城市奧蘭爆發鼠疫,許多人被病毒傳染而死亡,整座城市的運轉跟著變化,人們做出不同的應對措施。小說運用這樣的背景描繪城市中的人情事物,在疫情肆虐全球的 2020 年春季,閱讀起來格外深處人心。 事實上,在 1941 年奧蘭曾爆發過傷寒疫情,有
這篇文章要簡單介紹粗獷主義建築,還有夾雜我的觀展心得。 1950 年代,法國建築師柯比意 Le Corbusier 使用混凝土當作建築的材料,並稱之為 béton brut,或者說是「清水模」。法文詞彙 brut,有「直接、粗糙、強壯」的意思,恰好能準確的形容這種建築風格。
這篇文章要談談布列松攝影作品的價值,並分享我看這些作品的觀點。 布列松 Henri Cartier-Bresson(1908-2004)是一名法國的攝影師,此次展覽的作品主要拍攝於 1948-1949 年的中國,地點包含北京、上海、杭州、南京、香港。這是兩岸政治與歷史的關鍵年代,我們對這段歷史或多或
讓我們回到 500 年前,16 世紀歐洲文藝復興的時代。當時有許多希臘羅馬時期的古典文獻被人們翻出來,重新受到歐洲知識份子的重視,並進行更深入的研究。解剖學是其中一個領域,有越來越多學者投入解剖學的研究,試圖驗證或修正古典時期的發現。 Andreas Vesalius (1514-1614)是當時最
好奇北京鳥巢到底有多大嗎?小巨蛋和大巨蛋又有多大呢?這篇文章會用圖片和衛星影像來呈現北京鳥巢和臺灣各地巨蛋的大小。 北京鳥巢的正式名稱是「中國國家體育場」,外型特殊俗稱為「鳥巢」,是由瑞士和中國建築師合作設計完成。鳥巢是為了 2008 年北京奧運而興建,作為開閉幕、田徑、足球比賽的場
鼠疫爆發,然後發生了什麼事?小說描繪了數十年前的處置方式,包含封城、隔離、焚燒遺體、食品管制、增建臨時醫院等,其實現代的作法也與當年相差不遠。除了政策方面,整個社會的氛圍和人們的心理狀態也值得注意,古今之間有許多可以相互映照的地方。 封城,採取只進不出的封鎖策略,試圖讓疫情限縮在城市之內,不要擴散到
《鼠疫》是卡繆的一部長篇小說。1940 年代,位於阿爾及利亞的城市奧蘭爆發鼠疫,許多人被病毒傳染而死亡,整座城市的運轉跟著變化,人們做出不同的應對措施。小說運用這樣的背景描繪城市中的人情事物,在疫情肆虐全球的 2020 年春季,閱讀起來格外深處人心。 事實上,在 1941 年奧蘭曾爆發過傷寒疫情,有
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
在科技翻譯中,使用者界面的翻譯,佔有相當的比重;這種翻譯在進行時,了解自己翻出來的文字,在用戶眼前會如何呈現出來,是非常重要的。如果在翻譯時沒有考慮到譯文呈現出來是什麼樣子,往往就會發生悲劇。
Thumbnail
在這篇文章中,你將會看到什麼關於《反脆弱》的三個觀點: 一、是反脆弱?生活中有哪些案例? 二、為何要提升反脆弱的能力?對我們有什麼影響? 三、我們該如何提升反脆弱的能力?有四項應對策略 以及,如何做出多維觀點的全息圖。
Thumbnail
這是一個「愛情與自我價值的成長相輔相成」的故事。《如果30歲還是處男,似乎就能成為魔法師》瘋魔亞洲,不只因為粉紅泡泡滿瀉。深度長文為你拆解這2020年高熱度日劇,如何通過「心聲」的故事設計傳達正反訊息,又以充滿「反差」的角色人格,刻劃「真正看見彼此」的愛情,以實感溫柔,撼動心靈。 
Thumbnail
有因必有果,有果必有因 前世對今生到底如何造成影響? 影響的層面又有多大呢? 事實上,前世對今生的影響是全面性的,每個人的個性、婚姻、家庭、事業、健康等,都與前世有關。 但在深入探討這些問題以前,一定要先對「因果的呈現方式」有一個正確的認識。 對於「前世的因」,造成「今世的果
Thumbnail
地景設計不同於雕塑創作的地方在哪裡? 要如何讓捷運線不同線路的辨別度更高?我們可以期待優秀的地景設計在台北市出現嗎?
avatar-avatar
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
在科技翻譯中,使用者界面的翻譯,佔有相當的比重;這種翻譯在進行時,了解自己翻出來的文字,在用戶眼前會如何呈現出來,是非常重要的。如果在翻譯時沒有考慮到譯文呈現出來是什麼樣子,往往就會發生悲劇。
Thumbnail
在這篇文章中,你將會看到什麼關於《反脆弱》的三個觀點: 一、是反脆弱?生活中有哪些案例? 二、為何要提升反脆弱的能力?對我們有什麼影響? 三、我們該如何提升反脆弱的能力?有四項應對策略 以及,如何做出多維觀點的全息圖。
Thumbnail
這是一個「愛情與自我價值的成長相輔相成」的故事。《如果30歲還是處男,似乎就能成為魔法師》瘋魔亞洲,不只因為粉紅泡泡滿瀉。深度長文為你拆解這2020年高熱度日劇,如何通過「心聲」的故事設計傳達正反訊息,又以充滿「反差」的角色人格,刻劃「真正看見彼此」的愛情,以實感溫柔,撼動心靈。 
Thumbnail
有因必有果,有果必有因 前世對今生到底如何造成影響? 影響的層面又有多大呢? 事實上,前世對今生的影響是全面性的,每個人的個性、婚姻、家庭、事業、健康等,都與前世有關。 但在深入探討這些問題以前,一定要先對「因果的呈現方式」有一個正確的認識。 對於「前世的因」,造成「今世的果
Thumbnail
地景設計不同於雕塑創作的地方在哪裡? 要如何讓捷運線不同線路的辨別度更高?我們可以期待優秀的地景設計在台北市出現嗎?
avatar-avatar