可视化大屏设计尺寸_「理论导向」什么是大屏可视化设计（一）

随便写写

在学习成长过程中慢慢的积累和沉淀了一些自己的学习方法论，做设计好些个年头了，一直也没输出什么，自己确实也懒，也有点害羞，脑子想想和真的写那么一大篇出来还是需要很大勇气和经验。在此希望看的文章的你们和我的一样热爱设计，热爱学习，大家一起进步、一起暴富

一、什么是大屏的数据可视化

英文：Datavisualization

把相对复杂抽象的数据通过可视化的方式以大屏为载体展示给用户，使得用户易于理解，例如每年的双十一，阿里都会用大屏直播，数据投屏，让媒体、消费者与阿里巴巴在数据层面实现了信息对称。

大屏真的很大很大所在在视觉感官上很震撼有利于营造氛围

二、这样的可视化大屏你想学习怎样设计吗

1、大屏设计可视化的原则

设计需服务需求

我们如果不是为了做概念设计而去做大屏可视化设计一定是接到了客户的某种需求，我在工作中也做过很多大屏设计，都是在服务业务需求。最主要的两点：首先是大屏的排版，大屏是由一个个模块组成的，而这些模块就是客户想要在大屏展示的业务重量级，在做之前要充分了解业务和用户沟通确定模块的组成。其次是大屏用到的图表。我们在做统计的时候会用到很多图表，不同的图表有不同的功能，我们了解我们的数据用哪种表现更合适，这里我放一张图表的类型图供大家参考

从整体到细节

还要再说一次大屏真的很大，所以在设计的时候一定要先做好布局排版，分清客户的需求想要大屏展示的数据的主次关系，不要一开始就深抠细节

2、大屏设计可视化的设计流程

你可能刚做大屏设计不知道要做什么尺寸的给开发 1920*1080的行不行之类的疑问。那么你就要了解物理大屏来确定你的设计稿尺寸

什么是物理大屏？？？

如果大屏有一个信号源，那么设计稿的分辨率就是大屏的信号源电脑屏幕分辨率。如果有多个信号源同理就会有多个设计稿。一般设计稿的分辨率就是电脑的分辨率，有多个信号源时，有时通过显卡自定义电脑屏分辨率，使电脑显示分辨率不等于物理分辨率，这时，对应设计稿的分辨率也就是设置后的分辨率。

也有电脑分辨率的长宽比和物理大屏长宽比不一样的时候，那设计稿的分辨率也会改变。所以在做大屏可视化设计之前一定要了解物理大屏的长宽比（很大大屏是有多个显示屏拼接而成 为了提高体验感要合理利用大屏上小屏，尽量避免关键数据被拼缝分割）

---

做完设计稿初稿给客户确定下风格 内容之类的，然后对接开发 也会遇到很多问题，

有什么问题欢迎留言，也会路线整理什么是大屏可视化设计（二）我们下期继续

---

写写总结纯属干货尝试做知识分享，不挣钱不推销 ，所以希望各位前辈体谅下