Dashboard大屏设计心得分享

设计效果图。

图像大小为1920X1080。首先确定界面展示内容，在下方留出时间和logo区域。

在内容区域分为12X24的网格分割，目的在于限制用户在调节各组件大小时按照规定网格规则内调整，最早选用的是12X12标准网格，后期为了增加排列组合方式对网格数量进行了增加。

为了使得展示效果更好，大屏尽量用深色调展示，增加百分之三十黑色蒙层，使得用户自定义背景下效果更好。

对网格布局合理性进行测试，多调试几种。

对标题文字字号、位置进行确定。同时规划组件在区域内最大范围，使得不同排布下组件有自己的排布和对齐规律。

目前组件包括：地图、概览图、折线图、排行榜、饼图和柱状图，对各组件进行单独设计，同时严格遵守之前设定，测试效果。

同上。

由于支持用户自定义上传背景，测试各种不同背景下的展示效果。

测试背景。

测试背景。基本到这里设计部分大体完成了，由于不确定元素较多，所以不增加多余元素，以防止特殊情况下效果出现偏差。