Web UI 设计

1、博士盒子传感器数据界面设计：

字段有湿度、温度、压力、光照强度、陀螺仪等，数据采用几何感字体及其变形。折线图采用渐变+光影+远投影，提高体验和视觉。

定稿为暗色版本。

2、UPM数据图表界面优化：

配置了神秘蓝和典雅白两种配色。根据不同数据的特点和展示需求（如比较功能、趋势功能等），给予适合的图表形式或组合。比如：

柱状图

最常用，直观，适用于二维数据和排序数据展示，但不适合过多数据项或大量数据集。

饼图

优点：直观，一个维度各项指标占总体的占比情况、分布情况，强调整个与个体间的比较。

适用数据属性：具有整体意义的各项相同数据。

缺点是数据不够精细，不适合分类较多的情况。

折线图

优点：直观反映数据变化趋势，直线折线图一般适用于离散变量，曲线折线图一般适用于连续变量。

适用场景：需要反映变化趋势，关联性。适用数据：时间序列类数据、关联类数据。

缺点：数据集太小时显示不直观。

散点图

优点： 直观反映数据集中情况，对离散数据线性回归等曲线预测性的拟合辅助作用

适用场景：两个维度比较（地图某地区某项数据集中分布），对离散数据进行预测时

适用数据：离散值数

缺点：适用场景较少

热力图：密集程度

漏斗图：数据转化类关系

仪表盘：适用于指标类数据

（引自：http://www.woshipm.com/data-analysis/779858.html）