2020上半年可视化作品展示
上海/设计爱好者/5年前/143897浏览
版权
2020上半年可视化作品展示
此作品是整合了近半年的数据可视化作品,包含周练,项目外包,组件整合,动效制作等方面的一些总结~
近半年有了自己的品牌AYONG_BDR;公众号粉丝接近2000人;有了自己的社群,即将开3群;做了周练并且已经坚持到第八期了,认真负责周练的点评批注,帮助了很多刚转行可视化的设计师解惑;现在可视化大屏设计课程也即将上线,期待自己的发挥!总体来说对自己近半年的成果还是挺满意的,希望自己在下半年继续努力~
本作品主要涵盖大屏页面设计,组件化图表设计,动效展示页面设计三个模块,希望大家好好欣赏,互相学习~
附件有我为大家准备了一套可视化界面源文件的参考,希望大家喜欢~

苏州市智慧城市可视化平台
整体风格:采用无边框设计,蓝色调,主要表现在将苏州市各个商圈以及重点单位附近的交通指数,拥堵指数以及拥堵时间,公共资源撒点等指标。此界面选用了苏州市第一医院的周边资源,交通指数等等的需求指标来展示智慧城市可视化。
主视觉:智慧城市一般主要视觉区域都会有一个主建筑,展示某个具体的重点单位的详细指标。此处通过一个高精度的建筑模型作为主视觉,画面效果一下子就起来了,主建筑与其他区域的建筑相结合,详略得当,更能重点突出主视觉。主视觉弹框能够很明显的表现出当前医院的饱和拥堵程度,人流量等等的信息。
左右两边图表:智慧城市等项目,似乎很多人都会觉得左右两侧的图表并不重要,我只要主视觉酷炫就完事了,科技感牛逼就可以。事实不然,左右两侧图表的数据展示其实是整个画面的信息传达区域,当前视角下区域的综合态势,或者说是数据指标。表现能力可以稍弱于主视觉,但不可太过简单,这样就失去了设计的意义了。一定要注意此处的问题,因为作为一个设计师美观永远占很重要的比重,不能想着通过主视觉的酷炫去弥补整个画面,能都做好,为什么不呢?
整体风格:采用无边框设计,蓝色调,主要表现在将苏州市各个商圈以及重点单位附近的交通指数,拥堵指数以及拥堵时间,公共资源撒点等指标。此界面选用了苏州市第一医院的周边资源,交通指数等等的需求指标来展示智慧城市可视化。
主视觉:智慧城市一般主要视觉区域都会有一个主建筑,展示某个具体的重点单位的详细指标。此处通过一个高精度的建筑模型作为主视觉,画面效果一下子就起来了,主建筑与其他区域的建筑相结合,详略得当,更能重点突出主视觉。主视觉弹框能够很明显的表现出当前医院的饱和拥堵程度,人流量等等的信息。
左右两边图表:智慧城市等项目,似乎很多人都会觉得左右两侧的图表并不重要,我只要主视觉酷炫就完事了,科技感牛逼就可以。事实不然,左右两侧图表的数据展示其实是整个画面的信息传达区域,当前视角下区域的综合态势,或者说是数据指标。表现能力可以稍弱于主视觉,但不可太过简单,这样就失去了设计的意义了。一定要注意此处的问题,因为作为一个设计师美观永远占很重要的比重,不能想着通过主视觉的酷炫去弥补整个画面,能都做好,为什么不呢?

上海集团大数据可视化系统
色彩:黑白灰,红色(可以适当添加一些微小的辅助色去点缀),主要数据由红色来展示,背景由黑色(深色),线条(灰色),主文字以及一些其他重要信息由白色文字构成(此处不是纯白,要切记,深色背景上最好不要用白字去修饰)
装饰线:可以看到此作品由很多点线构成,点线面在HUD风格中占据了至少40%的篇幅,我这张作品因为考虑到一些商业设计以及落地的原因,没有太多的去运用一些,只能以符合商业设计的前提下去做设计。
图表样式:整体的图表样式都没有采用传统的基础组件形式,都在此基础上进行变形,尽可能的不去出现一些特别抢视觉的东西。多在基础图形上增加细节,添加一些点线,既不影响视觉又很能体现排版功底。(HUD风格说实话对排版的要求很严格,要善用点线以及字间距行间距等等)
如果把握不好黑白灰的关系,那么前期做的时候我觉得有90%的人会把画面做的很灰,同时画面细节又不是很多,也有可能相反,画面细节太多,影响数据的展示。
总结:HUD风格大概的因素就是由这几个构成的,色彩,装饰线,字体字号,图表样式,整体色调等。要做好HUD挺难的我觉得,尤其是还要运用到商业设计上,就需要对风格进行改变。
色彩:黑白灰,红色(可以适当添加一些微小的辅助色去点缀),主要数据由红色来展示,背景由黑色(深色),线条(灰色),主文字以及一些其他重要信息由白色文字构成(此处不是纯白,要切记,深色背景上最好不要用白字去修饰)
装饰线:可以看到此作品由很多点线构成,点线面在HUD风格中占据了至少40%的篇幅,我这张作品因为考虑到一些商业设计以及落地的原因,没有太多的去运用一些,只能以符合商业设计的前提下去做设计。
图表样式:整体的图表样式都没有采用传统的基础组件形式,都在此基础上进行变形,尽可能的不去出现一些特别抢视觉的东西。多在基础图形上增加细节,添加一些点线,既不影响视觉又很能体现排版功底。(HUD风格说实话对排版的要求很严格,要善用点线以及字间距行间距等等)
如果把握不好黑白灰的关系,那么前期做的时候我觉得有90%的人会把画面做的很灰,同时画面细节又不是很多,也有可能相反,画面细节太多,影响数据的展示。
总结:HUD风格大概的因素就是由这几个构成的,色彩,装饰线,字体字号,图表样式,整体色调等。要做好HUD挺难的我觉得,尤其是还要运用到商业设计上,就需要对风格进行改变。
1034
举报
声明
2496
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
99+登录即可同步推荐记录哦
99+登录即可加入我的收藏
评论登录即可评论想法
分享分享
1





























































































































