changed 4 years ago
Linked with GitHub

資訊圖像化課程

編輯中

圖表類型簡介

資訊圖像化設計重點

https://www.webguide.nat.gov.tw/News_Content.aspx?n=531&s=1792
將設計重點放在你想傳達的資訊重點
資訊層次分明
視覺動線設計
用對顏色提高資訊吸收效果

  1. 文案設計
  2. 明確引導
  3. 提供更多資訊

資訊圖像化吸睛四步驟
https://blog.dcplus.com.tw/marketing-knowledge/content_marketing/9246

建立明確的主題
內容編輯,聚焦重點
組織內容,起承轉合
內容設計視覺化

色彩搭配

Adobe capture cc 色彩靈感
https://www.adobe.com/tw/products/capture.html

Ninponcolor 色票
https://nipponcolors.com/

製圖教學

須注意下列四種情境,後面會詳述

點陣與向量圖使用情境
物件分層原則
手動描圖與自動描圖
素材來源與素材授權

圖表類型簡介

常見且泛用的圖表

  • 直條圖 橫條圖 bar chart
    主要用來呈現單一數值高低,亦可做分組比較

  • 折線圖 line chart
    主要用來呈現有時間性連續的資料,例如氣溫1月~2月是逐漸變化的,就適合使用此類圖型
    弧線的折線圖也被歸類於此

  • 圓餅圖 pie chart
    主要用來呈現數值彼此之間的比例,通常以 100% 為整塊圓,各扇形占比不同,但分類越細,占比越不清楚,建議以2塊~6塊之間較為適當。
    若切成太多塊,可能會因數值太小或太多塊壓縮比例,遇此情形時建議將同類型的資料合併,例如將低於5%的資料全部加總成一塊,再用文字描述因各別資料太小故合併。

特殊情況使用的圖表

資訊圖像化設計重點

建立明確的主題

內容編輯,聚焦重點

組織內容,起承轉合

內容設計視覺化

製圖教學

點陣與向量圖使用情境

物件分層原則

手動描圖與自動描圖

shift+c
ctrl+鋼筆
ctrl+滾輪
alt+滾輪

素材來源與素材授權

資訊圖表程式設計

上色

事件狀態

互動行為

Select a repo