千钧国际®

数字营销 - 品牌咨询

AI解决方案 返回首页

AI解决方案

返回列表

思考数据可视化应用设计规范

数据可视化规范 大数据可视化/可视化决策/智慧监控


一、图表的分类介绍以及应用范围

一提到图表,大家脑海里浮现的,通常是柱状图、饼图、趋势图等等。这是按照图形等维度对图表进行分类,经常会导致图表的误用,图表的作用,是帮助我们更好地看懂数据。选择什么图表,需要回答的首要问题是『我有什么数据,需要用图表做什么』,而不是 『图表长成什么样』 。因此我们从数据出发,从功能角度对图表进行分类。



二、画面布局在实战中的应用

在画面中我们经常会遇到各式各样的屏幕分辨率,有大屏的LED屏,有平面显示屏,数字拼接屏等等。那么具体的项目中我们如何去定义这些不同尺寸的屏幕来进行画面布局呢?

如若有其他分辨率下的屏幕,按照这个规律的基本布局,尽量使组件呈现16:9比例排布是最好的;超长分辨率下的大屏设计或者拼接很多块显示器的大屏可以通过具体业务内容来展示,按模块去划分,功能点明确即可。

此处布局只是我个人觉得比较合适的展示方式,并不代表一定是需要这么排布,还可以有很多的形式去布局。也可能因为业务不同,版式也会有调整,不过万变不离其中,掌握基础要素,其他分辨率下照样可以有很多编排形式!



三、硬件常用尺寸以及设备

Led屏幕

1、点间距不同

p3点与点之间的距离是3毫米,p4点与点之间的距离是4毫米。

2、清晰度不同

P后面那个数字越小,代表两个灯珠之间的距离越小,清晰度越高,相对应,价格也会高,因为每平方的像素点P3比P4多很多,成像效果好。

3、最佳可视距离不同

点间距P3(3mm)的显示屏,它的最佳可视距离是3.5~10米,点间距P4(4mm)的显示屏,它的最佳可视距离是5~13.5米。可以根据自己的实际情况,选择最适合的型号。

拼接屏

拼接的每块小屏一般是16:9的高清屏,设计尺寸可以把上下高度设定为1080px,长度按照拼接屏的数量比例得出长度的设计尺寸。例如3乘5的一块大屏幕,高度3块屏设为1080,每块高就是360,360除9乘16等640,640就是一块屏幕的长度,640乘5块屏=3200最后得出设计稿尺寸就是:高1080px乘宽3200px(在这里感谢我的数学老师)

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

另外大屏设计还有一个比较重要的问题就是注意拼接屏之间的缝隙,设计时千万不能跨屏设计,不然很影响美观

控制端

目前企业用的最多的控制端为ipad控制,需要在ipad上制作出控制端页面,一般尺寸为2048*1536,控制端大多数为按钮操作,页面尽量简单明了。



四、字体字号以及画面配色631

字体字号

在数据可视化设计中,一般选中的字体有如下几种:

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

2、英文字体:DIN,DIN-PRO

3、数字字体:Exo

正常1080P情况下,由于甲方大多数为政府机构,文字要求会比一般的要求大一点,一般都是选择最小16px。字号不是固定的,人是活的,规范是由人制定的,切勿迷信规范。

配色法则以及颜色选用

运用配色631法则,将配色定义为主色60%,辅助色30%,对比色10%去贯穿整套界面文字的颜色通过重要、普通、次要去分配,是带有色彩倾向丰富页面视觉。

在数据可视化设计中,由于大屏是偏暗的,所以需要选择高饱和度的色彩,并且需要选择统一的颜色,保持画面协调。

有时候会遇到客户需要高饱和度的颜色并且多个颜色的时候,在选用时尽量选用饱和度不要太高的颜色,不然画面会很不协调,也就是所说的晃眼。

在设计过程中尽量选用深色背景作为画面主背景,这个可以解决大屏因为色差问题,对整体页面的影响,用户也比较容易忽略拼缝中的存在的跨屏感。同时深色背景时更容易突出主体,画面效果更好,更能体现流光、粒子、发光等酷炫效果。

同时,大屏由于有色差,尽量不要使用渐变色,如若需要使用需要到达现场,根据大屏反馈的色差,现场调整,但还是推荐尽量使用纯色。



五、画面饱满以及页面装饰点线面

画面如何饱满

方式一:字体的饱满

将字体处理后,空白面积减少,整体更饱满了些

方式二:文字的饱满

正常情况下为使阅读更方便,标题间距给-10%~20%为佳。

通常数字会比汉字小,为使基线对齐,数字与汉字需分开设置字号。

主副标题字号比例过大过小会导致界面不平衡,建议主标题是副标题的1.5倍。

方式三:关系的饱满

当A=B时,图标和文字的关系会混淆,这种情况下要满足B>A,用间距分层次

采用黄金分割0.618值。也就是横向21个小方块,竖向13个小方块。此时,最优雅的板式是A>B的间距,1>2>3的间距。

方式四:图标的饱满

页面如何装饰会更丰富(如何运用点线面三大构成)

我们在设计的过程中,经常会因为画面不够饱满页面太空,收到客户的吐槽,下面就讲讲如何通过点线面来丰富画面,使画面更丰富更有层次感。

1.原画面设计完成

2.添加装饰线(点线面构成)

3.调整位置,丰富画面

在画面添加装饰的情况下需要给画面留足位置,数据可视化大屏本身面积就比较大,合理运用画面以及拼接屏缝隙添加装饰线,可以更好的减轻拼缝所带来的影响。装饰线的添加还可以在后期丰富画面动效,科技感十足,在页面中添加装饰线在我看来,非常的有意义,既可以丰富画面,又可以完善动效,一举两得。

在装饰线添加这一块,推荐大家多去看看国外的可视化设计,哪些几乎将点线面构成发挥到了极致。


 

六、画面动效以及素材灵感收集

动效制作

C4D+AE

在很多设计项目中会用到很多酷炫的科技模型,比如汽车、人物、地球模型等等,我们可以运用C4D来进行主视觉建模,再通过AE进行动效输出。

有的人可能会问在导入数据之后可能由于数据量不大的原因,动态效果不是很明显,在这种情况下,咱们可以把不变的数据量,做成AE动效,可以把动效导成json文件直接发给前端,能很大程度上保障画面动态效果。

素材灵感收集

返回列表
思考数据可视化应用设计规范 网站优化怎么做?利用自媒体、新媒体平台优化 票务系统对智慧景区的重要作用! 数字孪生+AI智能强强联合,共同推动工业互联网发展 同心抗疫、云端看展—重庆云上博物馆试用上线 数字孪生推动军营智慧化管理 智慧景区开启游客的智慧之旅 千钧国际智能安全产品助力构建数字化安全新格局! 政府门户集约化应当永远贯穿于数字政府建设进程中 千钧国际“一件事”梳理系统让政务服务更“好办” 千钧国际政务服务移动多端一体化解决方案2.0 区块链+可信数据授权,如何让政务数据安全有序流动? 千钧国际助力央企数字化转型跑出“加速度” 千钧国际智能解决方案助力打造“人工智能+政务服务”新样板 连云港:大数据让城市管理更加精细高效 物联+互联-打造罗湖区智慧环卫新模式 产品包装设计后产品能产生什么效果,企业该怎么做 可以找设计公司做包装设计吗?如何打造个性化包装? 企业设计的风格一定要统一吗?Vi有什么好处? 品牌设计的内容是什么?哪个设计公司好? 品牌包装设计的基础设计要求?解析包装设计的价值。 移动优先网站设计:所有问题的终极解决方案 设计一款logo的花费是多少?logo设计都需要注重哪些内容? 北京品牌设计的两大亮点是什?什么是品牌设计? 企业vi设计报价,什么是vi设计? 新产品上市需要进行品牌设计吗?品牌设计应该要有哪些特征? 品牌设计与市场竞争有什么关联?如何做好规划? 十四五-数字经济与实体经济融合发展亟待破解五大难题 水果生鲜电商商城网站建设网页设计方案与功能明细 教育培训学习类网站建设制作开发功能明细与解决方案 医院网站建设的安全该如何保障? 品牌网页设计的新趋势 网站设计如何帮助企业提升品牌形象? 什么是智慧科技馆? 智慧博物馆如何让用户体验感受到 AI驱动“5G+智慧社区”创新新模式 医疗保健应用程序设计的基本特征 医院网站建设创新—北京协和医院 高端校园网站建设的建议 企业品牌形象如何在企业网站建设上体现出来 高端网站建设为什么要选择千钧国际? 网站建设公司为何越来越推荐响应式网站? 清爽干净的扁平化设计风带来极佳用户体验 重庆渝中首个智能绿色“生态公厕”投用 旅游景区网站建设方案 是什么原因导致网站排名下降 网站长尾关键词的要点 深入一线:车机屏幕进化观察-下篇 需要具备什么样的素质才可以进行网站原型设计? 运动会吉祥物设计要考虑的两个方面 在包装设计开始前要提前明确的是? 深入一线:车机屏幕进化观察-上篇 想做好吉祥物设计就不能脱离这些要求 吉祥物设计对品牌而言意味着什么? Si商业空间设计的方法和步骤是怎样的? 品牌设计公司应该找什么样的?了解这些思路更清晰 导示设计如何利用互联网思维拓展新思路? 品牌设计时是如何确定发展方向的? 企业品牌设计理念中最注重的是哪些? 零售变革“大食代”品牌沟通策略如何开启新篇章 医疗产品设计有哪些特殊性?-快来看看吧 产品包装设计种类包含哪些? 包装设计在打造网红产品时有什么作用? G端(面向政府)可视化中的适老化设计 用户体验要素设计值得注重的一些细节 设计分享,视觉篇:浅谈“高逼格”产品视觉设计! 如何才能提高网站建设的权重呢? 深入一线:耐克改造-下篇 网红智慧公园爆火—玩湃社区足球公园 如今对品牌设计的误解都存在哪些呢? 让您的房地产网站设计增色的三个方法,彰显品牌价值 智慧步道促进体育与旅游全面融合 什么叫权重,网站权重与哪些因素 深入一线:耐克改造-上篇 怎样才能将品牌设计做的更加完美呢 网站建设中视觉规划需要注意的六个方面 百度快照的消失对于优化会有怎样的影响 企业网站是否有做响应式的必要? 用户界面设计的四个原则 店面Si设计公司哪家好?Si设计是什么? 院校高校行业那些让我们觉得惊艳的网站设计作品 与千钧一起了解3D互动虚拟展会,优势在哪里? 通过网站升级、APP建设重塑品牌形象,树立行业品牌新标杆 打造智慧景区数字营销矩阵? 服务设计助力实体数字化转型 DeepNostalgia背后的脸部图像技术 品牌设计收费不一样的原因是什么?
关于我们 关于我们
您对此项目的预算范围是多少?
C H O O C H O O