Principles of Infographic Design
-
Upload
- -
Category
Data & Analytics
-
view
379 -
download
4
Transcript of Principles of Infographic Design
Principles ofInfographic DesignTips on how we graphic like a designer
Leo
Infogr.am: All The Bells And Whistles “ 短評:範本少,畫特殊圖好用 ”
InfoActive: Interactive, Live And Mobile-Friendly“ 短評:到現在還沒通過註冊 = 口 = ”
Piktochart: Drag-And-Drop Templates Galore“ 短評: Icon 多,可存圖 ”
Easelly“ 短評:不太靈活”
以拉、 PSggplot2
圖片來源: http://www.excelcharts.com/blog/infographics-data-visualization/
Distribution
NBA Stars
Heatmap
Time Series
Edward TufteBorn 1942
StatisticianGraphic Designer
Author
Graphical displays should• Show the data• Make the viewer think about the substance
(not the methods/design/technology)• Avoid distorting the data• Present many numbers in a small space• Make large datasets coherent• Encourage the eye to compare different pieces of
data• Reveal data structure at different levels• Serve a clear purpose description, exploration,
tabulation, and decoration
Traffic deaths
Traffic deaths
Data-Ink Maximization( 請待下回分解 )
Data-Ink Ratio
Data-Ink ratio = data-inktotal ink used to print graphic
= proportion of graphic’s ink devoted to the non-redundant display of data-information
= 1 – proportion of graphic that can be erased without loss of data information
Chart Junk
3D = no extrainformation
Latest results fromonly 6 months
Chart Junkhttp//junkcharts.typepad.com/junk_charts/
Chart Junk
Substance?......... NO!ONLY 5 NUMBERS!!Colours…………… YES3D effects……….. YESDisguised
redundancy...YESMirror imagingCurved lines
Tufte (1983, p.118) says, "This may well be theworst graphic ever to find its way into print."
多變項交叉
多變項交叉
Principles
• Apprehension• Clarity• Consistency• Efficiency• Necessity• Truthfulness
專業商務圖表的特點 專業的外觀 簡潔的類型:「減法法則」 明確的觀點:往往會在標題中直接陳述觀點 完美的細節
Excel Demo
Infographic 元素文字 顏色
無彩色好用引導閱讀素材 圖表
美觀、圖示、註解 最大資訊墨水比
顏色近無彩色版面色系桃紅、深藍
文字提示閱讀者重點
素材豬 ??
圖表大數字字型抓出重點( 不一定得用圖表示 )簡單圖型
Colors make differencesExcel 預設色彩 同一份圖表內一致風格簡單:色系小於 3 種 ( 無彩色不屬於任何色系 )深淺、飽和度差異
類別 1 類別 2 類別 3 類別 40
1
2
3
4
5
6蘋果 橘子 香蕉 太陽花
類別 1 類別 2 類別 3 類別 40
1
2
3
4
5
6蘋果 橘子 香蕉 太陽花
素材
素材
Excel Demo