SlideShare una empresa de Scribd logo
1 de 110
Descargar para leer sin conexión
Infographics & Data Visualization
     資訊圖表與資訊視覺化




李柏鋒                        firefly88
The Value of Data Visualization
http://www.youtube.com/watch?v=xekEXM0Vonc
大綱
1.       什麼是資訊圖表?
     •    資訊視覺化又是什麼?
2. 資訊圖表的應用
     •    教育、行銷、政治、設計
3. 如何完成一張資訊圖表?
     •    小從單人設計的要領
     •    大到全球性大媒體的團隊合作模式。
4. 什麼是好的資訊圖表?
     •    又有哪些常犯的錯誤?
5. 回歸初衷:簡單而清楚的講一個故事
     •    故事 > 知識 > 資訊 > 資料
每一個美國人
平均每年花 7,290 美元醫療費
        用
     故事在哪裡?
醫療支出     平均壽命   看病次數
美國     7,290     :      :
瑞士        :      :      :
盧森堡       :      :      :
加拿大       :      :      :
奧地利       :      :      :
法國        :      :      :
丹麥        :      :      :
瑞典        :      :      :
澳洲        :      :      :
英國        :      :      :
:
:
平均
United States: 7,290




                       National Geographic Magazine
                       Cost of Living
2,873




        National Geographic Magazine
        Cost of Living
知道這張作品的數據
   要怎麼取得嗎?

     每一個台灣人
平均每年花新台幣 37,800 元醫療費用
What is Visual.ly?
http://www.youtube.com/watch?v=AiVKfNeRbPQ
Data
  資料只能顯示本身而不具有意義




     Information
資訊就是可以被說明的資料,而且具有意義




     Knowledge
     知識則含有實用訊息
Data       Height of Mt. Everest : 8,848 m



              Mt. Everest is the Earth's highest
Information   mountain, with a peak at 8,848
              meters above sea level.


              The best way to reach Mt.
Knowledge     Everest's peak.
Data




 Visualize
For communication
Information graphic
Keyword : Infographic




?
Definition !?
• Information, Data & Knowledge -
  Visualized.
• Present quickly & clearly.
全球媒體
國內媒體
It’s a business, now!
Infographic World
http://www.youtube.com/watch?v=EsDEz1Vsc4Q&hd=1
13th Century B.C
William Playfair (1786)
Bar chart 、 Line chart 、 Pie chart
Wheat prices & Weekly wages
Charles Joseph Minard - Carte figurative
              1812-1813




Location   Direction   Size of Armies   Temperature   Events
資訊圖表的應用:
教育、政治、行銷 、設計…
教育
政治
行銷
行銷
設計




     Geographic Information ?
只留有用的資訊,去除雜訊
Resume Infographics
如何完成一張資訊圖表?
大從全球性媒體的團隊合作模式
小到單人設計的要領
六個基本成份



Chart :圖表   Diagram :示意圖      Graph :統計圖表




Map :地圖      Pictogram :象形圖    Table :表格
Six Categories of Infographics
1. Chart :圖表
    • 用圖形、線段或插圖來呈現事物相互關係
2. Diagram :示意圖
    • 主要使用插畫來說 明、圖解事物
3. Graph :統計圖表
    • 透過數值的大小來互相比較或呈現趨勢變化
4. Map :地圖
    • 表示某個地區或空間的位置關係
5. Pictogram :象形圖
    • 不使用文字,僅以圖案直接傳達事物的意義
6. Table :表格
    • 將資訊歸納整理成橫、縱軸的形式
Pictogram
http://www.visual-literacy.org/periodic_table/periodic_table.html
五個基本流程
1.   Idea :先有想法
2.   Investigation :進行調查和蒐集資料
3.   Collaboration :跨部門合作
4.   Production :進行製作
5.   Edition :編輯
TEAM WORK
聽到這邊

   大家是不是覺得
自己永遠做不出資訊圖表?
我們真實的資源通常只有:
     Resource




                R
                國家地理雜誌
給小型編輯團隊的六個建議
1. 建立一個設計風格( Stylebook )
 •   包含顏色、字型、 icon 、版型… .
2. 只作重要的圖表或插畫,不能有裝飾
3. 以視覺新聞工作者的角色自居
4. 每天都完成一件作品,每天!
 •   練習從每天眾多議題中挑一個最重要的!
5. 預先規劃
6. 專注在自己專長的領域,或在地的故事
數字樣式   地圖放大

文字樣式

線條樣式   柱狀圖

地圖元素

       圓餅圖

箭頭樣式   曲線圖



表格樣式
讓人一眼就知道是你的圖
  會出現一種信任感
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
Headline

Introduction


   1           2   3




Second Level
Tip: 標題盡量在左上角,主視覺元素盡量放中間。
Tip: 圖的尺寸 ±10% 。
Tip: 減少文字、經過良好的組織和編輯
除了慣例的方向性之外
還有沒有其他的可能?
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
Tip:
•Color < 5
•Mute background
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:鉛筆
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:鉛筆
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
次要元素盡量簡單
製作複雜的資訊圖表的重點
1. 定義清楚的閱 讀順序
     •   定義視覺順序
     •   定義文字順序
2.   盡量減少使用顏色,只用來強調重要資訊
3.   使用最先進的工具畫草圖:鉛筆
4.   使用網格概念
5.   建立視覺層次
6.   留下多一點時間,來讓編輯可以更完善
Final
• 編輯後問:     • 從哪裡可找到答案?
  – Where     – 標題
  – When      – 內文
  – What      – 照片
  – Why       – 圖表
  – Who
  – How
你覺得你的圖表要讀多久?
Data Visualization
Visualize This
http://www.youtube.com/watch?v=mkEXx7sDXAI
http://d3js.org/
什麼是好的資訊圖表?
五個專業上的要求

1.Accuracy 準確性
2. Analysis 分析
3. Clarity 明確
4. Style 風格
5. Technique 技藝
你可以找到這三個圖表的問題嗎?

                                                  Other 5%
12                     60
9                      50                                    Company C
                                                               10%
6                      40
                                                             Company B
3                      30                                      25%
                                              Company A
0                      20                       60%
     1   2   3   4 5        ‘04 ‘05 ‘06 ‘07
Legibility
1. Type size for comfortable reading
2. The leading should be about two points
   larger, for example, 10-point type with 12-
   point leading.
3. Don’t set type too small or too condensed.
4. Don’t use bold and italic at the same
   time.
5. Don’t use ALL CAPS.
6. Avoid knocking white type out of black.
7. Avoid hy-phena-tion.
                       an
8. Don’t use highly stylized fonts.
                          gle
9. Don’t set type at an
Don’t & Do - 1




           1. 2 points larger
           2. Bold
Don’t & Do - 2
Don’t & Do - 3
Don’t & Do - 4
Color in charts
Y-axis increments
• 0, 1, 2, 3, 4, 5
• 0, 2, 4, 6, 8,10
• 0, 5,10,15,20,25
• 0,10,20,30,40,50
• 0,25,50,75,100
• 0,0.2,0.4,0.6,0.8,1.0
• 0,0.25,0.50,0.75,1.00
Proportional pies
• Incorrect proportion based on radius.




人眼對長短的辨識能力大於面積
Confusion




            Information
如果資料不全呢?
• One or two data points missing
        – Do not make a bar chart
        – Do not plot the line
        – Never make a pie chart if the data for any one
          segment is unavailable.
8                      80                     Company B
                                                25%
6                      60
4                      40
2                                             Company C              Company A
                       20                                              60%
                                                 ?%
0                      0
    1    2   3   4 5        ‘04 ‘05 ‘06 ‘07               Other 5%
Other 5%
12                     60
9                      50                                              Company C
                                                                         10%
6                      40
                                                                       Company B
3                      30                                                25%
                                                Company A
0                      20                         60%
     1   2   3   4 5        ‘04 ‘05 ‘06 ‘07




8                      80                     Company B
                                                25%
6                      60
4                      40
2                                             Company C                Company A
                       20                       10%                      60%
0                      0
     1   2   3   4 5        ‘04 ‘05 ‘06 ‘07                 Other 5%
有哪些常犯的錯誤?
哪一個業績最好?
Yes, the green
Apple segment
(19.5%) really is
bigger than the
Other segment
(21.2%), which is
also out of order,
by size.
Information, YES !
Decoration, NEVER !
沒有必要的視覺化
 反而會出問題
好圖表的五個標準( SND )
1.   Attractive :吸引目光與人心
2.   Clear :讓想傳達給閱讀者的資訊更明確
3.   Simple :將資訊精簡化
4.   Flow :順應常人的視覺動線來編排
5.   Wordless :不需要文字也可以理解
回歸初衷:簡單而清楚的講一個故事
       故事 > 知識 > 資訊 > 資料
收入和壽命有關嗎?
國家   洲別   收入   壽命   人口
One more thing…
https://www.facebook.com/groups/479173598760888/
https://www.facebook.com/infotalks

Más contenido relacionado

Similar a Infographics

企業個案報告寫作(2012版)
企業個案報告寫作(2012版)企業個案報告寫作(2012版)
企業個案報告寫作(2012版)基欽 劉
 
儲備幹部訓練時做分享-聯聖企管
儲備幹部訓練時做分享-聯聖企管儲備幹部訓練時做分享-聯聖企管
儲備幹部訓練時做分享-聯聖企管DIAMANA GROUP
 
聯聖儲備幹部訓練簡報
聯聖儲備幹部訓練簡報聯聖儲備幹部訓練簡報
聯聖儲備幹部訓練簡報DIAMANA GROUP
 
業務儲備幹部的實戰教案Workshop 聯聖企管
業務儲備幹部的實戰教案Workshop 聯聖企管業務儲備幹部的實戰教案Workshop 聯聖企管
業務儲備幹部的實戰教案Workshop 聯聖企管DIAMANA GROUP
 
20100506 cfi social media watch no.3
20100506 cfi social media watch no.320100506 cfi social media watch no.3
20100506 cfi social media watch no.3sonia ai
 
Cfi social media watch 3
Cfi social media watch 3Cfi social media watch 3
Cfi social media watch 3中海互动
 
做电子商务需了解的核心行业现状
做电子商务需了解的核心行业现状做电子商务需了解的核心行业现状
做电子商务需了解的核心行业现状Brian Chang
 
戰國策集團簡介簡報 New
戰國策集團簡介簡報 New戰國策集團簡介簡報 New
戰國策集團簡介簡報 NewDIAMANA GROUP
 
2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計Ian Jang
 
青年創業計畫書範例 詹翔霖教授
青年創業計畫書範例 詹翔霖教授青年創業計畫書範例 詹翔霖教授
青年創業計畫書範例 詹翔霖教授文化大學
 
管理中的经济学
管理中的经济学管理中的经济学
管理中的经济学yeminwang
 
薇佳醫學生技實驗室
薇佳醫學生技實驗室薇佳醫學生技實驗室
薇佳醫學生技實驗室大倫 洪
 
薇佳醫學生技實驗室
薇佳醫學生技實驗室薇佳醫學生技實驗室
薇佳醫學生技實驗室大倫 洪
 

Similar a Infographics (13)

企業個案報告寫作(2012版)
企業個案報告寫作(2012版)企業個案報告寫作(2012版)
企業個案報告寫作(2012版)
 
儲備幹部訓練時做分享-聯聖企管
儲備幹部訓練時做分享-聯聖企管儲備幹部訓練時做分享-聯聖企管
儲備幹部訓練時做分享-聯聖企管
 
聯聖儲備幹部訓練簡報
聯聖儲備幹部訓練簡報聯聖儲備幹部訓練簡報
聯聖儲備幹部訓練簡報
 
業務儲備幹部的實戰教案Workshop 聯聖企管
業務儲備幹部的實戰教案Workshop 聯聖企管業務儲備幹部的實戰教案Workshop 聯聖企管
業務儲備幹部的實戰教案Workshop 聯聖企管
 
20100506 cfi social media watch no.3
20100506 cfi social media watch no.320100506 cfi social media watch no.3
20100506 cfi social media watch no.3
 
Cfi social media watch 3
Cfi social media watch 3Cfi social media watch 3
Cfi social media watch 3
 
做电子商务需了解的核心行业现状
做电子商务需了解的核心行业现状做电子商务需了解的核心行业现状
做电子商务需了解的核心行业现状
 
戰國策集團簡介簡報 New
戰國策集團簡介簡報 New戰國策集團簡介簡報 New
戰國策集團簡介簡報 New
 
2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計
 
青年創業計畫書範例 詹翔霖教授
青年創業計畫書範例 詹翔霖教授青年創業計畫書範例 詹翔霖教授
青年創業計畫書範例 詹翔霖教授
 
管理中的经济学
管理中的经济学管理中的经济学
管理中的经济学
 
薇佳醫學生技實驗室
薇佳醫學生技實驗室薇佳醫學生技實驗室
薇佳醫學生技實驗室
 
薇佳醫學生技實驗室
薇佳醫學生技實驗室薇佳醫學生技實驗室
薇佳醫學生技實驗室
 

Más de Po-Feng Lee

近期台灣對中國將開放事項
近期台灣對中國將開放事項近期台灣對中國將開放事項
近期台灣對中國將開放事項Po-Feng Lee
 
整理經濟部沒說的話
整理經濟部沒說的話整理經濟部沒說的話
整理經濟部沒說的話Po-Feng Lee
 
台灣的公投,民主嗎?
台灣的公投,民主嗎?台灣的公投,民主嗎?
台灣的公投,民主嗎?Po-Feng Lee
 
決定贊成或反對服貿協定前
決定贊成或反對服貿協定前決定贊成或反對服貿協定前
決定贊成或反對服貿協定前Po-Feng Lee
 
台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚Po-Feng Lee
 

Más de Po-Feng Lee (6)

近期台灣對中國將開放事項
近期台灣對中國將開放事項近期台灣對中國將開放事項
近期台灣對中國將開放事項
 
整理經濟部沒說的話
整理經濟部沒說的話整理經濟部沒說的話
整理經濟部沒說的話
 
台灣的公投,民主嗎?
台灣的公投,民主嗎?台灣的公投,民主嗎?
台灣的公投,民主嗎?
 
利大於弊
利大於弊利大於弊
利大於弊
 
決定贊成或反對服貿協定前
決定贊成或反對服貿協定前決定贊成或反對服貿協定前
決定贊成或反對服貿協定前
 
台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚
 

Infographics

Notas del editor

  1. 知識就是力量,但是我們怎麼讓知識更有力量?我們現在有很多的資料,但是這些資料有什麼意義呢?可以用來講什麼故事,並且分享出去?資訊圖表,就是資料遇上設計。什麼是好的資料視覺化呢?在一大堆數字中,只要運用顏色來突顯,就可以很清楚看出來哪些地方、有幾個 7 。除了顏色以外,還可以用尺寸、字體方向、閃爍等方式來呈現。面對更複雜的資料,我們可以透過視覺化的方式找出資料的相關性、量的多寡以及變化的趨勢。不只有資料,還有很多資料以外的資訊也可以透過視覺化的方式呈現,包括流程、階層等比較抽象的概念。更好的溝通可以帶來創新,你的訊息好壞取決於你分享的能力。
  2. 我們來看一下,為什麼需要資訊圖表。如果你今天在報上讀到一句話: 每一個美國人平均每年花 7,290 美元醫療費用。 這只是一筆資料而已。本身沒什麼意義,也沒有故事。
  3. 所以我們多找了幾個國家,並且把這幾個國家的平均壽命和看病次數的資料也都找齊了。或許你會認為醫療支出和平均壽命與看病次數都是正相關的,但真的是如此嗎? 這個表格本身還是資料,如果我們把他視覺化之後:
  4. 從這裡我們就可以看出,美國人醫療花費超過平均的兩倍,但是平均壽命卻反而低於平均 而日本人醫療花費不高,但是很常看醫生,平均壽命也很長 這個圖表,是可以拿來講故事的,有許多細節藏在裡面,可以啟發讀者思考和討論
  5. 這是原始的圖,我們可以看得出來美國人的醫療費用非常的高,所以如果有人用美國的醫療費用來跟你討論台灣的醫療費用是否偏低,那可能是有意誤導。拿平均值可能會比較好一點。
  6. 這張作品的數據來自 OECD 的醫療資料庫。
  7. 一個故事或想法,加上資料和設計,就是資料視覺化。我們處在一個有大量資料的時候,這意謂著比起過去,我們有更多的資料,而且有更多的管道可以取得資料。我們認為資訊圖表,就是設計、新聞工作和分析的綜合體,而這種形式正好是大量資料時代的完美工具,也因此資訊圖表是一個正在成長媒體,從 2007 年在 Digg 上只有 20 張作品、 2008 年 30 張作品、 2009 年 250 張作品,到 2010 年已經有 12,500 張作品。
  8. 資料只能顯示本身而不具有意義 資訊就是可以被說明的資料,而且具有意義 知識則含有實用訊息
  9. 聖母峰高 8848 公尺,這是資料 聖母蜂是全球最高的山峰,海拔高度 8848 公尺,這是資訊 登上聖母峰的最佳方式,這是知識 圖: http:// en.wikipedia.org/wiki/File:Everest_kalapatthar_crop.jpg
  10. 資料本身具有的意義不多,也很難進行溝通,因此透過視覺化的步驟,使資料所具有的意義可以被突顯出來,也讓溝通可以更快速而準確
  11. 所以當資料經過視覺化,呈現出具有意義的資訊之後,就變成了資訊圖表 所以股價表只有報價功能,但是股價線圖則可以很快看出漲跌趨勢
  12. 相當漂亮的成長趨勢,但是難道以前沒有嗎?
  13. Infographic 這個字的定義到底是什麼? 學術上不太常用這個字,商業領域則又各有各的定義,所以我們用 Wikipedia 的定義來討論: 所謂的資訊圖表,就是將資訊、資料和知識經過視覺化的處理,可以很快速而清楚的展現給讀者
  14. http://pinterest.com/wsjgraphics/wsj-graphics/ http://twitter.com/nytgraphics http://www.guardian.co.uk/news/datablog/2010/nov/19/government-spending-data http://blog.thomsonreuters.com/index.php/auto-makers-value-graphic-of-the-day/ http://www.economist.com/blogs/graphicdetail/
  15. http://edn.gmg.tw/goldeye.jsp http://www.cw.com.tw/blog/blogTopic.action?id=164&amp;nid=1874&amp;page=1 http://tw.news.yahoo.com/topic-2012%E5%9C%96%E8%A1%A8%E6%96%B0%E8%81%9E/ http://beammedia.tumblr.com/
  16. 數位時代的報導,以下則是介紹兩個專門製作資訊圖表的公司,風格各不相同。
  17. http:// infographicworld.com /
  18. http://infographicworld.com/
  19. http:// columnfivemedia.com /
  20. http://columnfivemedia.com/
  21. 你的生意正不斷在演化,你傳遞你訊息的方法也應該要改變, Infographic World 致力於將訊息帶到生活之中,圖表設計師在學習上有很大的熱忱,資訊圖表的作品相當有影響力,足以說服、教導和啟發讀者。讓我們來回顧一下人類溝通的歷史,從洞穴中的壁畫到埃及人的象形文字,一直到近代的統計圖表,人類創造了全新的方式來表達資訊。隨著資訊圖表作品的大量產出,這讓他們在市場上更有價值,在更少的時間內傳達更多的資訊,無論是在印刷品、網頁,甚至是電視上,都是很好的溝通媒介。
  22. 13th century B.C 埃及古墓的壁畫,請思考一下,如果你要用文字精準描述這張畫的內容,要寫幾萬字才夠?一圖勝萬言。
  23. Import/Export Charts Trade data for a single year as a series of 34 bars, one for each of 17 trading partners. Turkish empire covers three continents
  24. Wheat prices  &amp; weekly wages
  25. O Estado de S.Paulo (Brasil) Baleia-jubarte
  26. 甚至連白宮都採用 infographic 來宣傳他們的能源政策 http://www.whitehouse.gov/blog/2011/05/06/president-jobs-gas-prices-read-his-remarks-download-graphic
  27. http://theportfolio.ofmichaelanderson.com/
  28. 資訊圖表一般有六個基本成份 http://www.coetail.asia/hhosoi/2012/03/04/infographics-in-teaching/
  29. 要留意讀者是否能理解
  30. 視覺化方式的週期表: http://www.visual-literacy.org/periodic_table/periodic_table.html
  31. LASIK surgery published on Time Magazine, made by Joe Zeff and Ed Gabel.
  32. 這是目前最常見的板型,直接定義了閱讀動線
  33. 但是如果這種圖分享在 Facebook 就成了災難
  34. http://blog.visual.ly/mixed-skillsets-produce-great-infographics/
  35. http://blog.visual.ly/mixed-skillsets-produce-great-infographics/
  36. 請幾位讀者進行測試,千萬不能與你的預期落差太大。要考量展示的載具,如果你的圖表要放在行動設備或 Facebook 這種平台,就不能預期讀者會有很長的閱讀時間。
  37. 怎麼用資料來講一個故事?隨著我們可以取得的資料越來越多,將資料透過視覺化的方式呈現就變得越來越重要。但怎麼創造一個真的有意義的資訊圖表,還是必須要回到基礎上。 首先,你必須要有資料,資料才是驅動你的故事和圖表設計的基礎。拿到資料之後呢?你想要透過這些資料知道些什麼?你可以問一些問題: What 、 Where 、 Why ,你所問的問題會幫助你決定要用哪些工具,像是紙筆、試算表、甚至是程式,並且讓你知道要探索些什麼?要找到趨勢?模式?或是差異?可能要跨越不同的層級、地理區域或是時間尺度。 經過你的探尋,你發現你的資料有什麼故事了嗎?如果有了故事,就可以開始把所有的資料都放進來進行視覺設計。設計要有目的,要考量你的讀者,要很容易閱讀,使用恰當的顏色、形狀和尺寸,來訴說一個清楚而有趣的故事,這樣你就完成了一個資訊圖表了。
  38. http://d3js.org/
  39. 對資訊圖表來說,最重要的要求不是美編技術或好看程度,而是準確性和資料是否經過處理與分析,提供真正有意義的資訊
  40. http://www.guardian.co.uk/technology/blog/2008/jan/21/liesdamnliesandstevejobs
  41. 正確的比例
  42. 我們要做的是 Infographic ,不是 decographic 所以千萬別讓作品上出現裝飾
  43. 但是要注意,你視覺化想要表達的,和閱讀的人所看到的真的一樣嗎? 如果引起不同觀點的討論,你的圖表是成功的 但如果每個人看了你的圖表,所理解到的資訊都不一樣,那你的圖表不夠好。 http://sqt-fantasy-sci-fi-girl.blogspot.tw/2011/04/big-apple.html
  44. Attractive :吸引目光與人心 主視覺要突顯,視覺設計要漂亮 Clear :讓想傳達給閱讀者的資訊更明確 只講一個觀念,或一個故事 Simple :將資訊精簡化 讓小學生看得懂、讓外國人看得懂 Flow :順應常人的視覺動線來編排 起點要符合習慣,接續順序要明確 Wordless :不需要文字也可以理解 盡量用圖表替代文字,但不需刻意
  45. http://www.gapminder.org/ 1. 國家(圓圈) 2. 洲別(顏色) 3. 收入(橫軸) 4. 壽命(縱軸) 5. 人口(大小) 把指北針拿來提醒方向的意義也是個有趣的設計,但是壽命長短是否能轉換成健康程度可能會有爭議。 最後,大家可以思考一下,如果還要多一項資訊,例如平均體重,你會怎麼放進這個圖裡面?而如果多兩項,例如緯度和平均體重,還有辦法嗎?
  46. 台灣資訊圖表討論社團 https://www.facebook.com/groups/479173598760888/
  47. 數據會說話 https://www.facebook.com/infotalks