天天看点

UI设计干货|可临摹数据可视化页面才王道

可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落脚于读者的体验,而非设计者个人。

「原则」

1. 选择可以讲故事的图表

你首先需要思考清楚你想达到什么目的、传达什么信息、以及你的用户是谁等。

2. 删减与故事无关的元素

这并不意味着要减半数据量,而是要多留意图表垃圾、多余的信息、不必要的说明、阴影、装饰等。可视化的绝妙之处在于它可以四两拨千斤般强化并传达你想表达的故事。(但可别用3D图表——它会让视觉化感知效果出现偏差)。

3. 为了更好的理解去设计

创建好可视化原型后,退一步考虑如何才能让读者更容易地理解数据。还可以增加、微调或者移除哪些简单的元素?或许要在线性图表里增加一条趋势线,你也可能会发现饼图切片太多了(最多只能用6片)。这些微妙的调整将会带来极大的改变。

举例搜UI (SOOUI) 的优秀可临摹素材,进行学习。

UI设计干货|可临摹数据可视化页面才王道

促销 - 电子商务管理仪表板UI工具包(略)

UI设计干货|可临摹数据可视化页面才王道

Artreum - 多用途管理仪表板UI(草图)

UI设计干货|可临摹数据可视化页面才王道

Diollo - 交友管理仪表板UI工具包(略)

UI设计干货|可临摹数据可视化页面才王道

Maxiple - 健身管理仪表板UI工具包(略)

UI设计干货|可临摹数据可视化页面才王道

Heyinz - 发票管理仪表板UI工具包

UI设计干货|可临摹数据可视化页面才王道

招聘门户网站管理仪表板UI工具包

UI设计干货|可临摹数据可视化页面才王道

促销 - 电子商务管理仪表板UI工具包

UI设计干货|可临摹数据可视化页面才王道

财务管理仪表板UI工具包

ui