Smart Design，看见数据 聆听未来！
鱼快创领 数据可视化大屏
PART 1 - 引言
随着数字科技在工业、电商、医疗等to B场景中广泛应用，呈现出了今天“行业智能”遍地开花的局面。交通运输物流行业是一个随时代而生的行业，需要看到未来的趋势并为之努力和布局。鱼快创领认为在未来十年，物流最重要的发展方向是：如何通过数字化工具优化管理，如何通过数字科技使得行业更加从容的应对未来挑战。
在数字科技的应用推广中存在着一个普遍现象：数字科技复杂难以理解，和客户沟通成本高，客户对技术了解有限，使得数字科技与业务场景间存在明显的信息鸿沟。
数据可视化是什么？
数据可视化的本质是视觉对话，将数据分析与图形结合，把一些复杂抽象、看不懂的数据通过“可视化”的方式，清晰有效的解读和传达，挖掘数据背后的价值。
数据可视化一般都以大屏为承载形式，应用场景非常广泛，包括会议展厅、指挥中心等重要展示场所。
电影《钢铁侠》全息可视化场景
我们的数据能力
鱼快创领承袭一汽解放强大的整车技术能力、四维图新的数字化能力，链接近150万辆商用车，累计1864亿公里的事实运营数据，触达198万真实物流从业者，累计4.46Pb数据。鱼快云计算拥有超1000项商用车数据采集能力，超300项核心算法，通过5G-V2X、大数据、AI等核心能力，打造智能、高效、绿色和全连接的数字化货运时代。
Smart Design的任务就是把复杂变得清晰简单且具有美感。通过设计最独特的语言，把无形的、复杂的技术，通过有形的、可视化的方式展示出来，让客户更清晰直观的感受到鱼快数据技术的能力，看到鱼快的价值。
PART 2 - 可视化之道
离用户和场景再近一些
鱼快对车联网数据的采集、存储、计算、管理、应用的拥有全链路全方位的能力，需要更具象化的展示我们强大的基础设施和数字化能力。将鱼快复杂的业务架构与数据相结合，将架构概念化，内容具体化。同时满足客户日常汇报、来宾接待、展览推广等可视化需求。
基于数据可视化最本质的需求进行分析，得出两个维度关键词“用户”和“场景”，希望离用户和场景都再近一些。
营造代入感
根据可视化大屏的需求及场景分析，我们发现：
· 传统可视化大屏的框架布局信息密度高，承载的内容较多，过于“专业性”；
· 模块化卡片布局有利于信息的层级划分，但缺乏表现力，不利于“强视觉化”的表现；
· 从应用场景角度出发，功能过于着重在数据监控，普通客户观众缺乏参与度。
真实还原应用场景，营造身临其境的视觉感受；通过场景代入感的营造，加强用户对技术的信任和深入了解的意愿；通过具象化真实视觉表现，让用户感知数字化设计的丰富体验。利用串联可交互的方式，清晰表达层级关系，自然流畅的引导用户逐步深入体验。
具象化的表现
我们尝试用“直观、智能、未来”三个关键词来具象化我们的数字世界。
直观：一目了然、酷炫、有趣、代入感
智能：实时呈现、协助决策、数据对比
未来：黑科技、增强现实、想象力
如何构建数字世界
为了营造“直观、智能、未来”的视觉化氛围，贴合可视化大屏的需求和场景，我们采用「Future UI」和「科技感」来定义我们的数字世界，把情境化的感受更具象化表现在界面及元素设计上。
· Future UI
FUI风格可谓在设计中是独树一帜的，风格鲜明，非常贴合可视化大屏的定位，极具未来感和科技感，图形装饰元素丰富，形式感很强，常用在科幻电影及游戏等领域。
我们在界面布局的细节中使用大量的“异形”的图形元素，并辅以一定的“光效、粒子、线条”等装饰元素，使得界面层次感更加立体丰富，并衬托出信息内容的主次关系。
· 科技感
对于可视化大屏，都面临着共同不变的要求，就是：要酷炫，要科技感！究竟什么样的设计是酷炫、科技感的可视化？
我们尝试运用“通透光感”与“2.5D风格”的融合，在更具视觉冲击力的同时，立体形象的把虚拟数字世界呈现出来，同时给观看者带来身临其境、掌控一切的感受。
用“色彩”传递第一印象
色彩是用户对可视化大屏“以貌取人”的第一印象。
在主色上选用鱼快的品牌色「科技蓝」，即强化科技属性，又可在用户心中建立强化鱼快的品牌形象。辅以「未来紫」有机的融合点缀，与蓝色的强对比拉开视觉层级，同时丰富用户的感官感受。
把数字世界与现实相连接
围绕“代入感”的营造，为了减少用户对“偏专业性”内容的理解成本，渲染出更具酷炫冲击力的视觉感受，在图标造型设计上把抽象化的数据与实物相联系，本次项目采用了“2.5D”风格图标设计。
数字世界的动态之美
数据可视化大屏的动效，既能增加感官体验，传递层级关系，又能提升情感化体验。但过分的动效也容易喧宾夺主，影响用户阅读。所以针对动效设计，我们遵循：自然、克制的原则。
· 轻量风格 ： 玻璃模糊 + 粒子流光效果
玻璃质感给动效设计带来了更多的可能性，加上粒子流光动效，不仅提升了动态的美感，还使大屏的整体更灵动自然。
· 虚拟现实 ： 2.5D立体元素 + 呼吸缓动
选择合理的持续时间和缓动形式，让虚拟界面模拟现实世界的规律，更加自然的运动，满足用户的心理预期，让用户在虚拟数字世界感受现实的真切。
· 互动关联 ： 连接 + 感知
通过元素间有序的运动，向用户交代内容之间的关系，引导用户逐步探索，互动关联。
在演示交互时，利用明确的转换动效，更好地理解层级关系，带来有理可循的反馈，给用户带来流畅的掌控感。
PART 3 - 结语
鱼快创领坚持以研发与前瞻性技术投入，坚持用户体验的极致产品主义，用数据科技实现万物互联，为交通运输物流行业开启一个更有想象力的未来。
Smart Design持续用设计把数据更好的呈现，需要突破边界，将数字技术回归到解决问题的本质上，我们将继续探索交通运输物流行业的数字体验之道！
用创新体验，让更多用户看见数据，聆听未来！
