2020上半年可视化作品展示

64天前发布

原创作品 / UI / 软件界面
作品版权由AYONG_BDR 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

此作品是整合了近半年的数据可视化作品,包含周练,项目外包,组件整合,动效制作等方面的一些总结~

近半年有了自己的品牌AYONG_BDR;公众号粉丝接近2000人;有了自己的社群,即将开3群;做了周练并且已经坚持到第八期了,认真负责周练的点评批注,帮助了很多刚转行可视化的设计师解惑;现在可视化大屏设计课程也即将上线,期待自己的发挥!总体来说对自己近半年的成果还是挺满意的,希望自己在下半年继续努力~

本作品主要涵盖大屏页面设计,组件化图表设计,动效展示页面设计三个模块,希望大家好好欣赏,互相学习~

附件有我为大家准备了一套可视化界面源文件的参考,希望大家喜欢~

苏州市智慧城市可视化平台

整体风格:采用无边框设计,蓝色调,主要表现在将苏州市各个商圈以及重点单位附近的交通指数,拥堵指数以及拥堵时间,公共资源撒点等指标。此界面选用了苏州市第一医院的周边资源,交通指数等等的需求指标来展示智慧城市可视化。

主视觉:智慧城市一般主要视觉区域都会有一个主建筑,展示某个具体的重点单位的详细指标。此处通过一个高精度的建筑模型作为主视觉,画面效果一下子就起来了,主建筑与其他区域的建筑相结合,详略得当,更能重点突出主视觉。主视觉弹框能够很明显的表现出当前医院的饱和拥堵程度,人流量等等的信息。

左右两边图表:智慧城市等项目,似乎很多人都会觉得左右两侧的图表并不重要,我只要主视觉酷炫就完事了,科技感牛逼就可以。事实不然,左右两侧图表的数据展示其实是整个画面的信息传达区域,当前视角下区域的综合态势,或者说是数据指标。表现能力可以稍弱于主视觉,但不可太过简单,这样就失去了设计的意义了。一定要注意此处的问题,因为作为一个设计师美观永远占很重要的比重,不能想着通过主视觉的酷炫去弥补整个画面,能都做好,为什么不呢?

苏州市智慧城市可视化平台

苏州市智慧城市可视化平台

苏州市智慧城市可视化平台

上海集团大数据可视化系统

色彩:黑白灰,红色(可以适当添加一些微小的辅助色去点缀),主要数据由红色来展示,背景由黑色(深色),线条(灰色),主文字以及一些其他重要信息由白色文字构成(此处不是纯白,要切记,深色背景上最好不要用白字去修饰)

装饰线:可以看到此作品由很多点线构成,点线面在HUD风格中占据了至少40%的篇幅,我这张作品因为考虑到一些商业设计以及落地的原因,没有太多的去运用一些,只能以符合商业设计的前提下去做设计。

图表样式:整体的图表样式都没有采用传统的基础组件形式,都在此基础上进行变形,尽可能的不去出现一些特别抢视觉的东西。多在基础图形上增加细节,添加一些点线,既不影响视觉又很能体现排版功底。(HUD风格说实话对排版的要求很严格,要善用点线以及字间距行间距等等)

如果把握不好黑白灰的关系,那么前期做的时候我觉得有90%的人会把画面做的很灰,同时画面细节又不是很多,也有可能相反,画面细节太多,影响数据的展示。

总结:HUD风格大概的因素就是由这几个构成的,色彩,装饰线,字体字号,图表样式,整体色调等。要做好HUD挺难的我觉得,尤其是还要运用到商业设计上,就需要对风格进行改变。

上海集团大数据可视化系统

上海集团大数据可视化系统

上海集团大数据可视化系统

四川新津工业园区智慧环保平台

391
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

作品信息

  • 创作时间

    2020/08/17

没有新消息