欢迎来到老子有钱游戏网址下!

网站地图  |  XML地图

高精度、高难度老子有钱游戏网址下生产厂家快速制作|可以24小时加急出货|价格低

微信电话同号

181-1873-4090
当前位置:老子有钱游戏网址下主页 > 产品中心 >

产品中心

免费咨询热线

181-1873-4090

6大数据可视化应用设计规范

发表时间:2020-09-27 01:06

  本文讲述了六个数据可视化应用规范:包括图表分类、画面布局、硬件设施、字体字号、画面配色、画面饱满和画面动效。

  今天为大家带来的是数据可视化应用设计规范,谈谈我在设计过程中的一些经验以及分享。

  一提到图表,大家脑海里浮现的,通常是柱状图、饼图、趋势图等等。这是按照图形等维度对图表进行分类,经常会导致图表的误用。

  图表的作用,是帮助我们更好地看懂数据。选择什么图表,需要回答的首要问题是『我有什么数据,需要用图表做什么』,而不是 『图表长成什么样』 。因此我们从数据出发,从功能角度对图表进行分类。

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

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

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

  此处布局只是我个人觉得比较合适的展示方式,并不代表一定是需要这么排布,还可以有很多的形式去布局。

  也可能因为业务不同,版式也会有调整,不过万变不离其中,掌握基础要素,其他分辨率下照样可以有很多编排形式!

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

  点间距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,控制端大多数为按钮操作,页面尽量简单明了。

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

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

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

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

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

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

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

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

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

  装饰线的添加还可以在后期丰富画面动效,科技感十足。在页面中添加装饰线在我看来,非常的有意义,既可以丰富画面,又可以完善动效,一举两得。

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

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

  在Behance上有很多国外的设计师,他们的数据可视化设计做的都非常漂亮,极具代表性风格。

  我们可以通过Behance搜索HUD 即可搜出来一大堆精美的高清原尺寸设计图,同时可以把这些作品保存到自己情绪版中,非常的方便。

  从“书签”这个角度出发,我们可以发现其实Pinterest的本质就是一张张精美绝伦的图片书签。每一个在Pinterest上的图片其实都是一个个网页上所提取浓缩而成的书签。

  Pinterest对图片的关注是最用心的,去除了其他的各种干扰,Pinterest只注重图片的呈现。

  而且Pinterest有个非常独特的功能,就是他能够自动筛选同类型图片,并且精准度非常高。

  本文由 @AYONG_BDR 原创发布于人人都是产品经理,未经许可,禁止转载。

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

联系电话:181-1873-40901

E-mail:pcb888@126.com

公司地址:深圳市宝安区沙井镇联昇工业园

Copyright ©2015-2020 老子有钱游戏网址下 版权所有 老子有钱游戏网址下保留一切权力!

移动端,扫扫更精彩

网站地图