数据可视化大屏设计尺寸怎么定?
数据可视化大屏设计尺寸怎么定?
大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致。
比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等,出现这样的问题就会浪费时间调整返工,今天我就带大家来认认真真的讨论一下大屏的设计尺寸。
一: 大屏的类别及成像
我们设计的可视化大屏通常可以分为两类:
一类是拼接屏,由46-55寸的液晶显示屏拼接而成,有一定的缝隙;
一类是LED屏无缝隙,是由成千上万个LED灯构成像素点,发光像素点之间的距离是LED显示屏的规格,用P值表示,P值越小成像越优秀细腻,对大屏类别的了解,有助于计算设计尺寸及比例。
二: 大屏成像原理几乎都是投屏,也就是把电脑屏幕通过有线信号投放到大屏上,电脑上呈现什么内容,大屏上就会呈现什么内容。
在电脑上的交互操作大屏会同步进行,这就是投屏,"电脑上呈现什么内容,大屏上就会呈现什么内容”,所以电脑上出现滚条是绝对不可以的。
三、了解几种关键的分辨率
我们了解了投屏原理之后,我们可以知道大屏最终输出效果(这里主要指比例和清晰度)不仅与屏幕种类有关,还和大屏系统硬件规格密切相关,这里有四个概念需要和大家交流一下:
大屏逻辑分辨率(设计稿尺寸)
显卡输出分辨率
视频矩阵切换器(DVI)支持分辨率
大屏实际物理分辨率
后两者一般是不会出现问题的,大屏跟矩阵切换器是由大屏厂商提供,是配套使用的。
容易问题的是第二点显卡输出分辨率,我们电脑屏幕分辨率并不是最终显卡传递到DVI接口的分辨率,传递到DVI接口的分辨率是电脑显卡所能输出的最大分辨率(部分电脑可设置或自定义输出分辨率)。输出分辨率大于或者等于DVI支持分辨率时显示效果最佳。
输出分辨率低于DVI支持分辨率,DVI会将信号放大后传递到大屏,放大的过程中就有图像信息丢失,虽然此过程中有各种算法支持去保证图像尽可能清晰,但算法再好,跟真实图形还是有差距的。
即(显卡输出分辨率≥视频矩阵切换器支持分辨率≥大屏实际物理分辨率)最佳。
四、如何确定大屏设计稿尺寸
一般情况下我们以大屏实际物理分辨率来定义设计稿尺寸,因为一比一还原最能保证画面质量。
如果屏幕尺寸过大,我们可以将大屏实际物理分辨率等比例缩小。例如,大屏的尺寸达到了7680*4320,这样我们可以得出是16:9的比例。我们设计师可以将设计稿根据比例等比例缩放至76804320到19201080同等比例任意分辨率。
假设电脑显卡所能输出的最大分辨率尺寸为4K,则设计稿就选用3840*2160。我们的设计稿尺寸应按物理分辨率等比缩放,缩放后的尺寸应尽可能接近电脑显卡所能输出的最大分辨率。
数据可视化大屏设计尺寸怎么定?相关推荐
- 了解这15个图表类型,搞定金融数据可视化大屏(2)
在上一篇文章当中,我简单介绍了什么是金融数据可视化,那么为了保证我们金融数据可视化大屏的正确性,根据不同的财务用途,选择正确的图表形式也是必须要做的. 我收集了15个适合金融财务用途的数据可视化图表给 ...
- Qt编写数据可视化大屏界面电子看板12-数据库采集
一.前言 数据采集是整个数据可视化大屏界面电子看板系统核心功能,没有数据源,这仅仅是个玩具UI,没啥用,当然默认做了定时器模拟数据,产生随机数据,这个可以直接配置文件修改来选择采用何种数据采集方法,总 ...
- 大数据可视化大屏设计经验,教给你!
前言 大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的 ...
- 数据可视化大屏的应用与落地实践
本篇文章为亿信华辰<数据可视化大屏的应用与落地实践>视频直播稿件. 大家晚上好,欢迎来到小亿直播间!本次直播我们分享的主题是:数据可视化大屏的应用与落地实践.我们将会从4个方面来进行分享 ...
- Qt编写数据可视化大屏界面电子看板1-布局方案
一.前言 布局方案在整个数据可视化大屏界面电子看板系统中,是除了基础功能以外的核心功能之一,只有具备了布局方案这个功能,才能让用户随意调整自己想要的布局,保存成自定义名称的布局配置文件,这样就大大增加 ...
- 大数据可视化大屏设计经验分享
前言 大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的步伐学习 ...
- 怎样做出一份优秀的数据可视化大屏| 推荐收藏
近年来,数据可视化是一个热度比较高的词,数据可视化是指将数据以视觉形式来呈现,如图表或地图,以帮助人们了解这些数据的意义. 而数据可视化大屏是当前可视化领域的一项热门应用,通常可以分为信息展示类.数 ...
- Vue中如何进行数据可视化大屏展示
Vue中如何进行数据可视化大屏展示 在现代数据驱动的应用程序中,数据可视化大屏已经成为了非常重要的一环.通过对海量数据进行可视化展示,可以帮助用户更好地理解和分析数据,从而做出更加明智的决策.在Vue ...
- 如何保证两个不同宽高的canvas用同一组坐标正常显示_如何1人5天开发完3D数据可视化大屏 【一】...
相信从事过数据可视化开发的你对大屏并不陌生,那么开发一个酷炫的大屏一定是很多数据可视化开发者想要做的事情. 我们使用three.js,大约一周的时间开发出了一个酷炫的数据可视化大屏: 1. 前言 由于 ...
最新文章
- 2021CCF BDCI 大数据与计算智能大赛参赛指南
- Flutter开发之Scaffold 脚手架的使用(39)
- 牛客练习赛25 因数个数和
- Linux下打印调试管理
- 论文浅尝 | 基于Freebase的问答研究
- 信息学奥赛C++语言:石头剪子布
- 20050519:把机器拿到鸡兄那里去修了
- asp.net常用正则表达式
- vs2008和SQL Server使用ADO连接方法
- HDU 4622 求解区间字符串中的不同子串的个数
- 学习数据库系统概论这一篇就够了
- 基于STM32F103RCT6的AD9833驱动开发(代码可以免费发邮箱)
- java计算机毕业设计中学教务管理系统源码+mysql数据库+系统+部署+lw文档
- 如何找到外文文献对应的中文文献?
- SQL根据身份证判断性别
- Visio画出的图,裁剪成固定大小再添加马赛克的方法
- python读取txt文件并将其转换为Dataframe格式
- 谷歌手机正式发布 售价179美元(图)
- 微信公众号的前端热门文章及链接(不定期更新)
- 友价源码怎么样主动提交链接给百度?