大屏规范/尺寸
关于大屏可视化的设计尺寸定义,比较少,而且要特定环境才能看见接触,今天就聊聊大屏的常识。
图片来源于网上,侵删~~~
一、大屏的设计尺寸
在设计中我们经常遇到各式各样的屏幕分辨率,有大屏的LED屏,平面的显示屏,数字拼接屏,
那我们如何定义尺寸呐?
宽高比=16:9
根据人体工程学研究,发现人的两只眼睛视野范围是一个长宽比例为16:9的长方形,所以显示器的宽高比,大多参考这个黄金比例来设计产品尺寸的

二、设备常用尺寸
Led屏幕
大屏的LED屏,无缝隙,由成千上万个LED灯构成像素点
常用的是p3和p4,P后面的数字表示点与点之间的距离(即3mm和4mm),数字越小表示清晰度越高,价格也越贵了,所以p3优于p4;
最佳的视觉距离也不同p3是3.5m~10m,而p4是5m~14m,需根据情况选择。
拼接屏
每小块基本是16:9的高清屏,不管多数块可以把上下高度设定为:1080px,长度按照比例算出设计尺寸。如我上面提到的3X5块的大屏幕的算法
现在企业用的也有无缝隙的、1.7mm缝隙、3.5mm缝隙的三种拼接大屏,缝隙越小越贵
因为缝隙的因素,设计时不能跨屏设计,不能很影响美观。
三、字体字号及色彩
一般我选中的字体有:
中文字体:苹方,思源黑体
英文字体:DIN,DIN-PRO
数字字体:Exo
在1080的尺寸下,因甲方大多数是政府机关,文字做的相对大点,一般我选择最小16px的,这个自己定

配色
1.运用配色631法则,主色60%,辅助色30%,对比色10%
2.由于大屏色彩偏暗色,所以需要选择高饱和度的色彩,并且保持统一性
3.背景尽量选择深色,纯色,可以解决大屏色差问题,也容易忽略跨屏感,也更能突出流光/粒子/发光效果
感觉不错的素材网站献上
https://store.thingjs.com/projects
http://lbsyun.baidu.com/apiconsole/custommap
https://pixelmap.amcharts.com/
高德开放平台休地图色
https://lbs.amap.com/product/mapstyle













































































