大屏规范/尺寸

用户头像
深圳/UI设计师/5年前/4125浏览
大屏规范/尺寸
用户头像
江石

关于大屏可视化的设计尺寸定义,比较少,而且要特定环境才能看见接触,今天就聊聊大屏的常识。


图片来源于网上,侵删~~~




一、大屏的设计尺寸

在设计中我们经常遇到各式各样的屏幕分辨率,有大屏的LED屏,平面的显示屏,数字拼接屏,


那我们如何定义尺寸呐?

宽高比=16:9


根据人体工程学研究,发现人的两只眼睛视野范围是一个长宽比例为16:9的长方形,所以显示器的宽高比,大多参考这个黄金比例来设计产品尺寸的




二、设备常用尺寸


Led屏幕

大屏的LED屏,无缝隙,由成千上万个LED灯构成像素点


  1. 常用的是p3和p4,P后面的数字表示点与点之间的距离(即3mm和4mm),数字越小表示清晰度越高,价格也越贵了,所以p3优于p4;

  2. 最佳的视觉距离也不同p3是3.5m~10m,而p4是5m~14m,需根据情况选择。




拼接屏

  1. 每小块基本是16:9的高清屏,不管多数块可以把上下高度设定为:1080px,长度按照比例算出设计尺寸。如我上面提到的3X5块的大屏幕的算法

  2. 现在企业用的也有无缝隙的、1.7mm缝隙、3.5mm缝隙的三种拼接大屏,缝隙越小越贵

  3. 因为缝隙的因素,设计时不能跨屏设计,不能很影响美观。



三、字体字号及色彩

一般我选中的字体有:


中文字体:苹方,思源黑体

英文字体:DIN,DIN-PRO

数字字体:Exo


在1080的尺寸下,因甲方大多数是政府机关,文字做的相对大点,一般我选择最小16px的,这个自己定


配色

1.运用配色631法则,主色60%,辅助色30%,对比色10%

2.由于大屏色彩偏暗色,所以需要选择高饱和度的色彩,并且保持统一性

3.背景尽量选择深色,纯色,可以解决大屏色差问题,也容易忽略跨屏感,也更能突出流光/粒子/发光效果



感觉不错的素材网站献上



ThingJS


https://store.thingjs.com/projects




百度地图个人编辑器


http://lbsyun.baidu.com/apiconsole/custommap



像素图生成器


https://pixelmap.amcharts.com/  


高德开放平台休地图色

https://lbs.amap.com/product/mapstyle

16
举报
|
88
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】旅行icon
手表表盘UI系列
户外旅行飞机情侣假日出行
【新年UI图标】体育icon
【新年UI图标】礼物/活动icon
【新年UI图标】积分icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】珠宝icon
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
Security Camera UI kit
【新年UI图标】活动icon
UI通用设计素材1
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册