# PC
PC可视化是以Pc Web端为主要展示载体的数据可视化设计。
# 设计目标
清晰、高屏效展示数据,让用户高效、简洁的读取数据并做出判断。
# 如何设计
用户使用的电脑屏幕主流分辨率分别为:1440x900、1366x768、1920x1080、1280*800,需要将浏览器中的一些因素考虑进去,因此采用的是1440x820的尺寸,24栅格(其中页边距20px,水槽16px)来做的设计。
设计建议:PC端设计聚焦在梳理数据的结构层次,从而清晰使用图表展示。按照数据的复杂度,提供左右布局,上下布局两种布局设计方式。
# 左右布局
- 设计建议
左右布局,一般可视化页嵌套在系统框架页面内,左边的系统导航栏固定,对右边的展示区域进行动态缩放。
- 应用场景
能涵盖绝大多数的使用场景,如工作台、数据监控页等数据分析展示。
# 上下布局
- 设计建议
上下布局做法是对展示区域定宽设置,两边留白区域进行动态缩放。
- 应用场景
主要应用于详情页的展示,如明细数据展示。