游戏开发论坛

 找回密码
 立即注册
搜索
查看: 1888|回复: 0

[外包接单] 大屏可视化界面设计语言总结——北京蓝蓝设计

[复制链接]

445

主题

448

帖子

2753

积分

灌水组

积分
2753
发表于 2017-5-10 14:32:26 | 显示全部楼层 |阅读模式
北京兰亭妙微科技有限公司(以下简称蓝蓝设计)是一家专注而深入的UI设计公司,公司专注UI设计、大屏可视化界面设计,提供界面设计、程序开发等一站式服务。
蓝蓝设计经常会接到大屏设计的项目,比如中国移动互联网监控大屏可视化设计及开发、太极集团承接的中央台应急指挥中心大屏可视化设计、交大思源承接的北京地铁轨道批挥中心大屏可视化设计、数码视讯应急广播大屏可视化设计,在积累了一定经验的同时也在不断的学习和丰富关于大屏设计的特点及数据可视化的表达方式。
大屏幕显示的确有其特点,可以形成特定的设计语言。
1 布局栅格化。拼接的大屏尤其适合栅格化的设计。它本来就是格子间组成的嘛。
大屏上内容的模块化、可以任意拼接组成一屏画面的形式,用栅格化的形式也可以发挥的很好。每一个模块是一个单元格,彼此统一又独立,可以放大和随意摆放。每一格一模块遵循统一的设计风格、UI规范。
2 色彩对比强,暗色为主
巨大的屏幕在室内,如果色彩鲜艳、画面动效不断,就成了24小时长时间播放的电影,人的本能就会注意力集中在其上。在监控中心的工作人员,一排排桌椅直对着大屏,长期如此,工作人员会受不了的。屏幕内容需要动静之分。大屏以暗色为主,视觉更容易集中在上面的某处焦点(亮色为主的信息之上)。
3  地图、线路图及上面地点概况信息的设计、动效渲染。
一个好的流程可以让我们事半功倍,可视化的设计流程主要有分析数据、匹配图形、优化图形、检查测试。首先,在了解需求的基础上分析我们要展示哪些数据,包含元数据、数据维度、查看的视角等;其次,我们利用可视化工具,根据一些已固化的图表类型快速做出各种图表;然后优化细节;最后检查测试。
3.有原始数据,通过对原始数据进行标准化、结构化的处理,把它们整理成数                   据表。这是程序员的事      
4.将这些数值转换成视觉结构(包括形状、位置、尺寸、值、方向、色彩、纹理等),通过视觉的方式把它表现出来。例如将高中低的风险转换成红黄蓝等色彩,数值转换成大小。想要清楚地展现数据,就要先了解所要绘制的数据,如元数据、维度、元数据间关系、数据规模等。这是设计师的事。
5.将视觉结构进行组合,把它转换成图形传递给用户,用户通过人机交互的方式进行反向转换,去更好地了解数据背后有什么问题和规律。这是程序员和设计师配合的事情。有地图钻取、区域展示信息功能,从数据库中调取的即时数据运算后呈现在地图上,在显示上需要强大的算法渲染,根据数据量有显示的密度不同,显示的时候有动态效果,动画效果,有些可以用现成的控件,柱状图、直方图、圆形图这些控件可以用第三方开源的控件,比如百度echart等,没有控件的需要花比较多的代价去开发,实现效果需与后台程序员商议。有些要使用可缩放矢量图形(SVG),SVG是矢量格式,在任何分辨率下的显示效果都很好。有基本的CSS规则控制设计。
3.大屏的实时效果是加入数据之后才能看到整体,是一个不断的调整过程,进一步优化维度、动效和数量。
4.维度:每个维度,只用一种表现,清晰易懂;动效:考虑时间和情感的把控,从原来的1.5ms改为3.5ms;数量:考虑了太密或太疏时用户的感受,对圆的半径做了统一大小的处理。
5.最后还需要检查测试,从头到尾过一遍是否满足需求;实地投放大屏幕后,用户是否方便阅读;动效能否达到预期,色差是否能接受;用户能否理解。

4、面积巨大——用户站远才能看全内容(所以字也不能设计很小)。字体大,对比强,要看清楚,分层次。
5、不可操作,没有滚动条——大屏主要用来给来宾观看的,来宾一般不会直接操作大屏。不同主题之间的轮播顺序及速度是事先设定好的。大屏没有滚动条,它的长宽都是固定的。
6、统计信息——每一整屏都有具体想给来宾表达某个主题,大屏一般是用来看某个内容的统计概况信息。
北京蓝蓝设计为您提供卓越的大屏ui设计,大屏大数据可视化设计,gis地图软件ui设计,您可以直接联系优秀的软件ui设计提供者北京蓝蓝设计,大屏ui设计哪家好?北京蓝蓝设计是您的放心选择。
欢迎访问,开始愉快的合作!
微信公众号:蓝蓝设计
网站:www.lanlanwork.com
全国统一客服热线:400-608-6026
公司邮箱:weibaobei@163.com  
北京市昌平区天通苑中苑61号楼4单元1502

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2025-6-17 08:58

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表