「驾驶舱」服务反馈可视化设计

用户头像
成都/UI设计师/7年前/1079浏览
「驾驶舱」服务反馈可视化设计
前言
临近双十一,各大电商平台设计着实精彩纷呈。除了面向体现商品内容、活动气氛的各种设计外,用于展示技术能力、业绩、数据的设计支撑也同样十分重要。一时间,「大数据」「科技感」「智能」「未来感」等关键词,都再次成为热门搜索关键词。
今天展示的,是我近期基于金融服务反馈的可视化设计。
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTgw) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
©️版权所有 数据保护
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTUy) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
字体 色彩

在字体与颜色中,多处使用了渐变,用于强调光影过渡的同时,搭配透明度的合理设置,使视觉内容得到尽可能丰富、清晰的表达,奠定「未来感」基调。
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTY0) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
Banner设计

在Banner的设计中,使用了「等距侧轴插画」。插画以「驾驶舱」为设计原型,通过层次搭配,营造「空间感」,给人以「数据分析操作台」的第一视觉印象。
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTcy) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTYw) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
导航设计

导航应针对不同界面的使用情况进行分析设计。

大多界面中的范围选择会收纳在一个选择器中,但本次设计将其居中平铺,符合后续整体的居中对齐排布,两侧配合辅助图案,增加视觉效果。

图中记录4点设计细节,作为复盘总结。
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTg0) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
可视化图表

可视化(Visualization)是指利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,再进行交互处理的理论、方法和技术。

在可视化设计中,图表是最常见也是最重要的一个部分。在设计中,一定要能够考虑到数据的各种情况(如:超长内容、极端数据等);清楚数据的含义,选择最合其本意的表达方式;合理排布,使阅读数据无障碍,注意合理的对齐和对屏幕空间的分配。

可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落脚于读者的体验,而非设计者个人。
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjA2NTY4) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
其他素材

设计中还做了更多的素材,全部都是围绕「数据」主题展开,前期情绪版准备阶段,可以参考一些影视、CG、游戏设计的元素,素材部分未使用,仅供参考。
Collect
「驾驶舱」服务反馈可视化设计(图ZMTMzMjI0Njgw) - APP界面 - 站酷设计师胡茬Roson原创素材 - 站酷ZCOOL
动态展示

动态界面效果展示。若未循环播放,请刷新查看。
感谢您的关注。
Collect
8
Report
|
11
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in