网页设计 大屏 第1篇
举个例子，例如这个模块标题栏，在1920屏幕与1280频幕下 1 、 3 模块的背景图会存在严重挤压变形。这边采用1+2+3的拼接方式来解决，模块2空间比较大，我们采取1、3宽度固定px+ 2宽度百分比，这样无论屏幕如何缩放，只会改变模块2的宽度大小，这样可以很有效的避免图标变形问题。尽量使用SVG图标，使用SVG格式的图形可以保持清晰度且不变形，有必要的情况下可以让UI准备对应的@2x或@3x的版本图标
网页设计 大屏 第2篇
大屏的设计要基于最终显示的分辨率要求去做，分辨率受大屏模板分辨率、显卡输出分辨率和大屏幕硬件支持的分辨率三方面影响。
视觉设计
视觉设计需要关注布局、配色、字体和组件样式4个方面，下面我们基于以上“制造业集团监控指挥中心”的场景需求做大屏设计详解。
网页设计 大屏 第3篇
我们在制作大屏时，有时可能遇到一些设计器内置功能无法满足的需求（比如很多监控类大屏需要实时监控画面），这时需要下载某些官方插件，进一步满足。
细节调整
大屏模板初稿做好后，还需要经历很多细节调整才可正式使用，以下是一份大屏常见细节问题自检清单，快检查看看你踩雷了么？
来自： 万里潮涌 > 《finebi分析》
0条评论
发表
请遵守用户 评论公约
全网最详细教程（上）：教你如何从0-1制作出一张可视化大屏！
对于完整的大屏项目实施而言，我们在需求调研阶段需要做好以下3份文档的准备，来确保我们进行完整的需求调研：1文档一：业务需求调研报...
OMG！ 这款大屏可视化神器公测了