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

Recommand
成都/UI设计师/7年前/1057浏览
「驾驶舱」服务反馈可视化设计Recommand
前言
临近双十一,各大电商平台设计着实精彩纷呈。除了面向体现商品内容、活动气氛的各种设计外,用于展示技术能力、业绩、数据的设计支撑也同样十分重要。一时间,「大数据」「科技感」「智能」「未来感」等关键词,都再次成为热门搜索关键词。
今天展示的,是我近期基于金融服务反馈的可视化设计。
©️版权所有 数据保护
©️版权所有 数据保护
Collect
字体  色彩
<br>    在字体与颜色中,多处使用了渐变,用于强调光影过渡的同时,搭配透明度的合理设置,使视觉内容得到尽可能丰富、清晰的表达,奠定「未来感」基调。
字体 色彩

在字体与颜色中,多处使用了渐变,用于强调光影过渡的同时,搭配透明度的合理设置,使视觉内容得到尽可能丰富、清晰的表达,奠定「未来感」基调。
Collect
Banner设计
<br>    在Banner的设计中,使用了「等距侧轴插画」。插画以「驾驶舱」为设计原型,通过层次搭配,营造「空间感」,给人以「数据分析操作台」的第一视觉印象。
Banner设计

在Banner的设计中,使用了「等距侧轴插画」。插画以「驾驶舱」为设计原型,通过层次搭配,营造「空间感」,给人以「数据分析操作台」的第一视觉印象。
Collect
「驾驶舱」服务反馈可视化设计
Collect
导航设计
<br>    导航应针对不同界面的使用情况进行分析设计。<br><br>    大多界面中的范围选择会收纳在一个选择器中,但本次设计将其居中平铺,符合后续整体的居中对齐排布,两侧配合辅助图案,增加视觉效果。<br><br>图中记录4点设计细节,作为复盘总结。
导航设计

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

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

图中记录4点设计细节,作为复盘总结。
Collect
可视化图表
<br>   可视化(Visualization)是指利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,再进行交互处理的理论、方法和技术。 <br><br>    在可视化设计中,图表是最常见也是最重要的一个部分。在设计中,一定要能够考虑到数据的各种情况(如:超长内容、极端数据等);清楚数据的含义,选择最合其本意的表达方式;合理排布,使阅读数据无障碍,注意合理的对齐和对屏幕空间的分配。<br><br>    可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落脚于读者的体验,而非设计者个人。
可视化图表

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

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

可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落脚于读者的体验,而非设计者个人。
Collect
其他素材
<br>    设计中还做了更多的素材,全部都是围绕「数据」主题展开,前期情绪版准备阶段,可以参考一些影视、CG、游戏设计的元素,素材部分未使用,仅供参考。
其他素材

设计中还做了更多的素材,全部都是围绕「数据」主题展开,前期情绪版准备阶段,可以参考一些影视、CG、游戏设计的元素,素材部分未使用,仅供参考。
Collect
动态展示
<br>    动态界面效果展示。若未循环播放,请刷新查看。<br>    感谢您的关注。
动态展示

动态界面效果展示。若未循环播放,请刷新查看。
感谢您的关注。
Collect
8
Report
|
11
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
星球探索计划IP设计
Homepage recommendation
有喜烧肉品牌设计
Homepage recommendation
相关收藏夹
参考
参考
参考
参考
作品收藏夹
2023可视化APP
2023可视化APP
2023可视化APP
2023可视化APP
作品收藏夹
数据大屏
数据大屏
数据大屏
数据大屏
作品收藏夹
移动端后台
移动端后台
移动端后台
移动端后台
作品收藏夹
后台管理
后台管理
后台管理
后台管理
作品收藏夹
大家都在看
Log in