Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

以下内容来自阿里设计周的「空间与服务」主论坛现场,由阿里云设计中心的创意设计师十修,一个普通话很普通的阿里余杭陈汉典,带来的精彩分享:

* 设计师如何面对数字化转型的浪潮,构建一个数化的可视空间?*


Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建



课题背景

如今的信息时代,在互联网经济加持下的大的背景下「数字化的三维空间」被大量应用。阿里云设计中心和 DataV 数据可视化团队,致力于数字化道路建设,通过「云计算」、「可视化」的能力进行数字化空间场景构建,线上模拟、推演之后再在线下实施,围绕这个方向我们和行业数字孪生小组做了很多项目与案例,涉及工业、港口运输业、航空行业等等。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建



干货来了 ——

构建一个数化的可视空间?


在万物皆可数化、皆可孪生的基础上,过去隔离的领域可以用数字计算来打通,设计和不同的学科、行业应用开始融合,不断创造出新的产品和艺术形态。那么设计师如何面对数字化转型的浪潮,如何结合图形、技术、空间等综合设计能力,构建一个数化的可视空间?

这里有个关键字「数化」,不做三维空间的效果图,而是做数字化计算,是符合实时渲染为基础,以数据为核心的基础建设。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


1.空间构建 

– 数字孪生体的空间全要素

从真实世界的物理对象到「虚拟世界的数字孪生体」的构建,主要有三个阶段:
第一阶段,利用底层数据服务与算法生成空间基座;
第二阶段,结合图形资产进行场景优化和风格化精修;
第三阶段,调整光影关系,天气等等后期效果。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


在第一、二阶段已实现了将空间数据和图形资产结合生成空间基地的技术方案,但是所有的项目都是逐个来完成的话,成本高且不可复制,于 DataV 产品将能力工具化,实现一键自动化生成孪生基座。拆分数据类型并与城市元素匹配,赋予它对应的贴图资产,从而达到高效的三维获取、场景优化和风格化精修。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


在此基础上,覆盖多场景,并以场景将三维资产的创作回流沉淀,以提高资产可复用率和搭建效率。为此 DataV 数据可视化团队与阿里云设计中心一起打造了供集团内部使用的可视化资产平台 Visbar。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


掌握三维建模能力的设计师引用了 PBR 图形生产模式,建立统一的生产规范,在局部细节的场景上进行程序化和人工减面,使传统巨大体量的模型可以应用在任何场合,而 PBR 在任何光照环境都表现出正确的结果。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


2.数据融合 

– 数据映射设计系统与可视化图元体系

数化空间构建体系的第二部分是数据融合系统,DataV 产品提供多种数据源支持,而设计的核心难点,在于数据与可视化之间的映射关系,以及如何产品化落地?

我们梳理出 data.vis 数据融合设计体系,为我们产品化提供统一标准 —— 可视化图元,它可以有效地进行数据的视觉表达与信息传达,面对不同应用场景与数据,在动态、形状、色彩等多通道采用不同的的表达方式。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


除了数据接入的动态效果,区域柱状、OD 飞线、轨迹线、地理围栏等交互呼应,我们也增加了非数据类图元,比如扫光层,在城市宏观场景的使用,增添了更多数字化效果。除了宏观效果外,图元也支持第一视角的切换,使体验更加沉浸。数据图元与三维场景化结合时,尽量保持同一图元在不同组件、配置项和使用上的体验一致性。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


那图元系统如何应用在产品上呢?基于不同的数据类型做颜色方案的预设,用户可以简单的就可以完成色彩、尺寸在图元上相对映射,实现更低成本的编辑和设计。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


图形和图元的结合不只在地图类的场景,DataV 产品中提供了多元化、标准化的可视化图元,适用于各种不同的业务场景的表达。2020 年双十一光明指挥中心的层级关系网络图谱,通过三维沙盘与隐喻地图结合的设计,呈现多层业务之间的关系逻辑,实现三维实时渲染态势管控,多方位监控双十一业务态势事件。


3.信息交互

– OPUS 信息交互体系

最后一个部分是 OPUS 信息交互体系,OPUS 是舞台剧的意思,把设定空间信息的交互比拟编排一出「舞台剧」:三维场景是一个「舞台」,把全量的三维要素拆解为「舞台」中导轨,摄像机,演员,道具等要素,总结出数化空间构建体系中三维场景交互的三个核心部分:镜头交互,内容交互,全局交互。

OPUS 的理论体系被集成到了 DataV 的图形产品体系中,让用户可以进行交互的编辑与设定。在三维场景编辑器中结合序列帧编辑功能,完成镜头视图移动。引擎产品的价值在于将设计封装,降低搭建、设计、交互的成本。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建


总而言之,基于「数化空间设计体系」构建数字空间,DataV 可视化产品强大而成熟的平台能力,不仅摒弃了过去从 0 到 1 的重复项目投入成本,更让用户获得了更高效、更优质的空间构建能力。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建



关于「设计师如何

面对数字化转型的浪潮」?


阿里有一句土话是:唯一不变的变化,回忆当初,在移动互联网涌现的风口,什么的设计师成为一度的风向标?UX 设计师这类综合能力强的设计师受到市场的青睐,而现在图形技术革新,万物互联,万物智能,是必然趋势,设计师面对新的业态,我们应该更加关注新的技术与工具,通过技术相互结合和融合,不断创造出新的产品和艺术形态。


我们将持续不断的朝着三个方面进行探索和学习,还有很多技术和领域需要攻克,将算力、技术与设计结合,通过工具化、产品化、自动化、智能化等方式方法消化专业复杂度,让更多的想象力得以落到发芽,而不停留在一张渲染图上。

Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建



POWERED BY

可视化产品设计组

DataV 数据可视化团队 x 阿里云设计中心

米尔、武德、十修、初衣、零源、糯籽、壹方、尘栖、玄阵、钒铭





 About us 

不设限,不追随,不为设计为未来

我们是阿里云设计中心


Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建




 Presented by 


Uweek 回顾 IV —— 听余杭陈汉典讲数化空间的构建

本篇文章来源于微信公众号:阿里云设计中心

UI/UX

iPhone 这些体验细节太感人,换安卓后不习惯了

2021-5-24 8:20:00

UI/UX

一个设计策略竟让点击转化率提升60%!

2021-5-24 16:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索