# PC

PC可视化是以Pc Web端为主要展示载体的数据可视化设计。

# 设计目标

清晰、高屏效展示数据,让用户高效、简洁的读取数据并做出判断。

# 如何设计

用户使用的电脑屏幕主流分辨率分别为:1440x900、1366x768、1920x1080、1280*800,需要将浏览器中的一些因素考虑进去,因此采用的是1440x820的尺寸,24栅格(其中页边距20px,水槽16px)来做的设计。

设计建议:PC端设计聚焦在梳理数据的结构层次,从而清晰使用图表展示。按照数据的复杂度,提供左右布局,上下布局两种布局设计方式。

# 左右布局

  • 设计建议

左右布局,一般可视化页嵌套在系统框架页面内,左边的系统导航栏固定,对右边的展示区域进行动态缩放。

  • 应用场景

能涵盖绝大多数的使用场景,如工作台、数据监控页等数据分析展示。

文本框

文本框

# 上下布局

  • 设计建议

上下布局做法是对展示区域定宽设置,两边留白区域进行动态缩放。

  • 应用场景

主要应用于详情页的展示,如明细数据展示。

文本框

文本框