不懂UI设计，也可以快速设计出UI可视化大屏（UI设计思路经验分享）

最近项目中，需要进行可视化大屏设计，进行了两周多的摸索，总结了大概的思路和流程，可实现快速的ui可视化设计。

一个可视化大屏从接到需求到最终完成，一般需要以下6个步骤：

一、指标指数提炼

该步骤是关键，主要和用户方沟通，有多少种数据需展示，数据指标的二维维度是哪些，哪些是主要指标，哪些是非主要指标。通过和用户沟通后，我们就可以初步设计出用到图表了。

例如，该项目中，我用到了以下一些图表：

二、布局设计

布局设计网上有很多经验分享，包括黄金比例分割、平衡感、格式塔原则等等，如果不懂这些原则，也问题不大，按照1920*1080的设计稿为例，我们只要按照以下类似的，进行布局即可。当然，对于主要图表，我们可以多个表格区域进行合并。

这里有个小技巧，大家可以按照1920*1080，把布局的分割线做成一个组件，这样下次再重新设计时候，主要引入该组件，即可快速进行设计。

三、图表样式设计

按照主要指标、次要指标，按照一定逻辑，把表格导入到页面，即可快速完成主要demo设计。

四、背景配色修改

背景配色建议网上找一些和主题契合的背景图，如果没有，有纯色也是比较方便的。

五、如要求高，可以再加点装饰元素

六、最后可以再加点动效