- 寫給UI設計師看的數據可視化設計
- 吳星辰
- 323字
- 2021-05-19 17:46:53
2.3.1 圖形視覺層級解析
任何產品的視覺設計都有層次結構,有主要突出的元素,也有需要弱化的部分,而圖形的視覺層級也同樣如此,只有了解了圖形的視覺層級才能合理、有效地設計圖形。
以柱狀圖的視覺層級為例,如圖2-41所示:

圖2-41
第一層級:數據可視化的元素,也就是柱狀體,這是柱狀圖呈現數據的核心元素。
第二層級:標題,重要但不是核心,明了即可。
第三層級:分類標簽和副標題。分類標簽用來強調可視化元素是什么,副標題是對圖形的備注和解釋。
第四層級:起始線。起始線是0的刻度線,強調開始的位置。
第五層級:刻度值。弱化刻度上的數值能夠突出圖形中的數據。
第六層級:網格線也叫標識線,用來標識可視化元素對應的刻度值。
第七層級:圖形背景,因為任何元素都呈現在背景上,所以背景層級最低。
推薦閱讀
- Azure IoT Development Cookbook
- Visual Basic程序設計(第3版):學習指導與練習
- 名師講壇:Java微服務架構實戰(SpringBoot+SpringCloud+Docker+RabbitMQ)
- WordPress Plugin Development Cookbook(Second Edition)
- Julia Cookbook
- Building a Quadcopter with Arduino
- Python編程實戰
- C語言課程設計
- Java EE 7 Performance Tuning and Optimization
- SQL Server實用教程(SQL Server 2008版)
- Learning Bootstrap 4(Second Edition)
- 安卓工程師教你玩轉Android
- MongoDB Administrator’s Guide
- Python數據預處理技術與實踐
- Mastering ArcGIS Server Development with JavaScript