# 資訊圖像化課程

編輯中

## 圖表類型簡介

## 資訊圖像化設計重點
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+滾輪

### 素材來源與素材授權
## 資訊圖表程式設計
### 上色
### 事件狀態
### 互動行為