Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Principles of Infographic Design

515 visualizaciones

Publicado el

Principles of Infographic Design

Publicado en: Datos y análisis
  • Sé el primero en comentar

Principles of Infographic Design

  1. 1. Principles of Infographic Design Tips on how we graphic like a designer Leo
  2. 2. Infogr.am: All The Bells And Whistles “ 短評:範本少,畫特殊圖好用 ”
  3. 3. InfoActive: Interactive, Live And Mobile-Friendly “ 短評:到現在還沒通過註冊 =口= ”
  4. 4. Piktochart: Drag-And-Drop Templates Galore “ 短評:Icon多,可存圖 ”
  5. 5. Easelly “ 短評:不太靈活”
  6. 6. 以拉、PSggplot2 圖片來源:http://www.excelcharts.com/blog/infographics-data-visualization/
  7. 7. Distribution
  8. 8. NBA Stars Heatmap
  9. 9. Time Series
  10. 10. Edward Tufte Born 1942 Statistician Graphic Designer Author
  11. 11. 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
  12. 12. Traffic deaths
  13. 13. Traffic deaths
  14. 14. Data-Ink Maximization (請待下回分解)
  15. 15. Data-Ink Ratio Data-Ink ratio = data-ink total 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
  16. 16. Chart Junk 3D = no extra information Latest results from only 6 months
  17. 17. Chart Junk http//junkcharts.typepad.com/junk_charts/
  18. 18. Chart Junk
  19. 19. Substance?......... NO! ONLY 5 NUMBERS!! Colours…………… YES 3D effects……….. YES Disguised redundancy...YES Mirror imaging Curved lines Tufte (1983, p.118) says, "This may well be the worst graphic ever to find its way into print."
  20. 20. 多變項交叉
  21. 21. 多變項交叉
  22. 22. Principles • Apprehension • Clarity • Consistency • Efficiency • Necessity • Truthfulness
  23. 23. 專業商務圖表的特點 專業的外觀 簡潔的類型:「減法法則」 明確的觀點:往往會在標題中直接陳述觀點 完美的細節
  24. 24. Excel Demo
  25. 25. Infographic 元素 文字 顏色 無彩色好用引導閱讀 素材 圖表 美觀、圖示、註解 最大資訊墨水比
  26. 26. 顏色 近無彩色版面色系 桃紅、深藍
  27. 27. 文字 提示閱讀者重點
  28. 28. 素材 豬?? 圖表 大數字字型抓出重點 (不一定得用圖表示) 簡單圖型
  29. 29. Colors make differences Excel預設色彩  同一份圖表內一致風格 簡單:色系小於3種 (無彩色不屬於任何色系) 深淺、飽和度差異 0 1 2 3 4 5 6 類別 1 類別 2 類別 3 類別 4 蘋果 橘子 香蕉 太陽花 0 1 2 3 4 5 6 類別 1 類別 2 類別 3 類別 4 蘋果 橘子 香蕉 太陽花
  30. 30. 素材
  31. 31. 素材
  32. 32. Excel Demo

×