北京兰亭妙微科技有限公司(以下简称:蓝蓝设计)是一家专注而深入的UI设计公司,公司专注UI设计、大屏可视化界面设计,提供界面设计、程序开发等一站式服务。
故事+数据+设计 =可视化
做可视化之前,最好从一个问题开始,你为什么要做可视化,希望从中了解什么?是否在找周期性的模式?或者多个变量之间的联系?异常值?空间关系?比如政府机构,想了解全国各个行业漏洞的分布概况,以及哪个行业、哪个地区的漏洞数量最多;又如企业,想了解内部的访问情况,是否存在恶意行为,或者企业的资产情况怎么样。
总之,要弄清楚你进行可视化设计的目的是什么,你想讲什么样的故事,以及你打算跟谁讲。
有了故事,还需要找到数据,并且具有对数据进行处理的能力,图1是一个可视化参考模型,它反映的是一系列的数据的转换过程:
·我们有原始数据,通过对原始数据进行标准化、结构化的处理,把它们整理成数据表。
·将这些数值转换成视觉结构(包括形状、位置、尺寸、值、方向、色彩、纹理等),通过视觉的方式把它表现出来。
例如将高中低的风险转换成红黄蓝等色彩,数值转换成大小。
·将视觉结构进行组合,把它转换成图形传递给用户,用户通过人机交互的方式进行反向转换,去更好地了解数据背后有什么问题和规律。
最后,我们还得选择一些好的可视化的方法。
比如要了解关系,建议选择网状的图,或者通过距离,关系近的距离近,关系远的距离也远。
总之,有个好的故事,并且有大量的数据进行处理,加上一些设计的方法,就构成了可视化。
蓝蓝设计经常会接到大屏设计的项目,比如中国移动互联网监控大屏可视化设计及开发、太极集团承接的中央台应急指挥中心大屏可视化设计、交大思源承接的北京地铁轨道批挥中心大屏可视化设计、数码视讯应急广播大屏可视化设计,在积累了一定经验的同时也在不断的学习和丰富关于大屏设计的特点及数据可视化的表达方式。
从视觉角度简单的说,大屏分为两种,融合的(无缝的)和拼接的(有缝的),精度有高清的,有一般的。
(大屏技术说起来话长,有CRT、LED、DLP纯数字显示、LCOS、GLV显示技术,有兴趣的好学份子可另行查阅读详细资料)
1融合屏(见下图),屏幕是整个为一体的。
2 拼接屏,见下图(屏是用55或46寸的屏拼起来的,将多台独立显示屏幕全部整合于一个坚固的底座上, 所以屏与屏之间有一条缝。
(此种造型应该比较低或制造工期快一些,许多客户选择的是此种方案,有的缝大一些,有的小一些。
)
大屏幕显示的确有其特点,可以形成特定的设计语言。
1 布局栅格化。
拼接的大屏尤其适合栅格化的设计。
它本来就是格子间组成的嘛。
大屏上内容的模块化、可以任意拼接组成一屏画面的形式,用栅格化的形式也可以发挥的很好。
每一个模块是一个单元格,彼此统一又独立,可以放大和随意摆放。
每一格一模块遵循统一的设计风格、UI规范。
2 色彩对比强,暗色为主
巨大的屏幕在室内,如果色彩鲜艳、画面动效不断,就成了24小时长时间播放的电影,人的本能就会注意力集中在其上。
在监控中心的工作人员,一排排桌椅直对着大屏,长期如此,工作人员会受不了的。
屏幕内容需要动静之分。
大屏以暗色为主,视觉更容易集中在上面的某处焦点(亮色为主的信息之上)。
3 地图、线路图及上面地点概况信息的设计、动效渲染
经常有地图钻取、区域展示信息功能,从数据库中调取的即时数据运算后呈现在地图上,在显示上需要强大的算法渲染,根据数据量有显示的密度不同,显示的时候有动态效果,动画效果,有些可以用现成的控件,柱状图、直方图、圆形图这些控件可以用第三方开源的控件,比如百度echart等,
没有控件的需要花比较多的代价去开发,实现效果需与后台程序员商议。
有些要使用可缩放矢量图形(SVG),SVG是矢量格式,在任何分辨率下的显示效果都很好。
有基本的CSS规则控制设计。
4、面积巨大——用户站远才能看全内容(所以字也不能设计很小)。
字体大,对比强,要看清楚,分层次。
5、不可操作,没有滚动条——大屏主要用来给来宾观看的,来宾一般不会直接操作大屏。
不同主题之间的轮播顺序及速度是事先设定好的。
大屏没有滚动条,它的长宽都是固定的。
6、统计信息——每一整屏都有具体想给来宾表达某个主题,大屏一般是用来看某个内容的统计概况信息。
北京蓝蓝设计为您提供卓越的大屏ui设计,大屏大数据可视化设计,gis地图软件ui设计,您可以直接联系优秀的软件ui设计提供者北京蓝蓝设计,大屏ui设计哪家好?北京蓝蓝设计是您的放心选择。
微信公众号:蓝蓝设计
网站:www.lanlanwork.com
昌平区天通苑中苑61号楼4单元1502室
全国统一客服热线:400-608-6026
公司邮箱:weibaobei@163.com