阿里云全新设计语言B-Design，数字之美感受下~

阿里云设计总监王路平的演讲，让B类设计师拥有“不被定义的价值”。数字化设计，可以脱离对有形物的依赖，去释放自己的想象。同时分享了阿里云设计语言B-design背后的设计故事。enjoy~

 01.  B级片 & B类设计 

我今天的主题就叫做「to B to Must To B」，相信在座的大家很多应该都是B类的设计师。

但讲B类设计之前，我先跟大家讲一下另外一个B类的东西：B级片。

我是个B级片爱好者，我发现B级片跟B类设计很像，大家对B级片都会有些偏见，觉得它们就是那些低成本制作的流水商业片，套路化、质量比都比较差。

而B类设计呢，大家看到的，这个是阿里云过去很早的时候的设计。感觉也就是那些低成本、没钱找设计师做的套路化的企业中后台产品。

今天，我想打破一下大家对这两者的普遍性偏见。

《星球大战》是影史票房最高的电影之一，但当时科幻电影作为典型的B级片，电影院都不愿意排片。当时特效技术和数字技术比较差，卢卡斯为了拍星球大战，成立了一家公司：工业光魔。他这把数字特效这个新的技术进一步工程化，诞生了一大批现象级的特效电影，如侏罗纪公园、终结者等。

后来2002年上映的《星球大战-克隆人的进攻》，是第一步完全采用数字技术拍摄的真人电影，电影数字特效也成为一个全新的产业。

科幻片电影在数字化后，开始工程化、产业化，从过去粗制滥造的B级片，一跃成为了A级大片的代名词。

回到我们今天这个场子，我其实也是想讲，B类设计同样也是正在走这样一条路径，从过去不被重视的角色，逐渐被关注。

过去我们B类设计师感觉做的都是些很重复的，技术含量低的东西，有同学抱怨，一年下来做了几千张活动图，放在一起几乎长得一样，发现一年其实我只做了一张图...

大家的创意被这个生态限制住了。

而设计的数字化，深刻改变了这个情况。

 02.  设计的数据化 

设计的数字化，当然不只是用软件做设计。这个是阿里云过去最早的官网设计，这当然也是软件做的，但一点数字的感觉都没有。那个时候我们是国内第一批做云计算的人，那时候观念还是做做flash，懂什么云计算。

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

当然后来我们开始理解这个事情的本质在于我们设计的不是有形物，而是虚拟物，是数据和算法，是区别于那些衣服裤子的产品，需要找到有效的表达方式。

2016年的时候我们开始推广一个概念叫“计算设计”。它融合了各个学科，最关键，它不是用计算机去做设计，而是用计算的思维去做设计。不同的学科和应用之间开始和设计学科进行融合，从而不断创造出新的产品和艺术形态。

在数字化的尝试里面，其实就是设计和技术，设计和科技的相互融合。

▍云产品形象的设计体系探索

我们把阿里云的产品特征抽取出来的，用数字化的形式表达进行表达。

比如，这是我们今年在双十一上面的售卖的一些虚拟云产品。

今年双11，我们把营销设计的内容与代码相融合。这是我们作为B类设计师可以完全发挥价值的地方。

▍用新的数字技术，拓展设计边界

这里面的图形是用GPU技术在网页端实时渲染的，几百万个粒子构成的图形。后来，我们把这种图形做到了在网页端实时渲染，并应用在2020年底上线的阿里云全新官网上，我们通过这种新的计算的图形技术，来给每个来到阿里云官网的用户看，这个就是计算的感觉。

数字技术对于设计来说，是对我们设计的创造力的一次释放，让我们可以脱离对有形物的依赖，去释放自己的想象。

 03.  设计的工程化 

对于B类设计师，我们要比一般的设计师，更加懂工程，技术。在我们团队，有一类角色，就是叫：创意工程师。他们聚焦在如何用技术，提升体验、创作交互的图形，让设计更美。

▍企业级设计系统B-Design

创意工程师在我们团队除了做创意编程的设计，还会深入到我们的产品工程的构建中去，比如我们的企业级设计系统B-Design。

B-Design是我们去年推出的一个全新的，企业级产品设计系统，帮助企业快速构建美而简单的数字体验，帮助阿里云生态的中小企业体验升级。

B-Design的设计目的是要满足各种企业级服务，迎接云时代SaaS与行业设计的挑战。B-Design涵盖300多套Icon、插画资产；60几个核心原子组件；70几个场景，7个行业；3个色彩算法&工具+18个行业主题色。

我们在内部使用中，通过B-Design，让设计效率为云产品提升49.7%。

在B-Design这样一个大的组件设计系统里，「技术与工程化」是必不可少的。我们由Creative Technologist实现了整个体验技术的工程化、自动化。

所有组件实现「自动发版 + 在线安装 + 生成DMG安装包 + Sketch云端更新」。同时通过色彩抛物线规律、LCH色域的计算，设计并开发了行业主题色生成工具。

截止到今年10月底，B-Design全面支撑多生态场景设计复用。落地产品/项目42个，覆盖7大行业（零售、政务/党建、公安/安防、教育、开发运维、办公、数据智能）。

▍全新设计范式 - REAL 3D

而在数字设计创新方面，我们的创意工程师沉淀了云产品互动可视化架构的“全新设计范式 - REAL 3D”。

REAL 3D在云安全中心管理系统中落地，代号为“荷鲁斯之眼”。通过设计与技术，构建3D全景可视化管控的体验能力，让用户从单点、割裂的表单页面管理变为全景管控。

有效解决了传统表单网页信息割裂，步长大等痛点，3D All-in-one 实现信息聚拢，一站式可视化互动管控。

在技术上，我们工程化与产品化进行搭建，实现了参数样式、资产关系连接、以及根据数据动态布局。

利用REAL 3D的设计与技术，在「容器」资产可视化中，实现全景交互与体验；在「云网络体验馆」中将复杂的业务链路通过3D互动的可视架构，让用户更加直觉的触达云网络；在「流量安全」领域，用户可以检索时间线，定点查看流量使用情况，实时查阅所有资产防护状态。

▍三维园区搭建器

BIV三维园区搭建器用到了阿里云人工智能实验的BIM模型生成技术，能从CAD图纸生成建筑精模，即便非专业人士，也能零代码在平台里搭建、调整3D模型。

参数化的设计，实现一键全局主题配置，所有风格实时更换，开箱即用，还能把天气视觉系统与数据联动，更生动的实现园区可视化。

通过我们设计技术，实现三维园区的产品化与工程化，把逐周上月的生产力提升到了数以天计的结果。

通过设计的工程化，去推动设计生产力的释放。

 04.  设计的产业化 

▍元宇宙与数字孪生

阿里云设计中心的理念是“不为设计，为未来”。

那未来，我们要做什么？

在刚结束的2021云栖大会中，我们结合阿里云人工智能实验室的AR体感装备，艺术家作品和创意技术，做了一个沉浸式AR展。而现在它有了一个新的名字：元宇宙。

如果我们就把它理解为一个数字世界，那其实从信息革命开始，它就已经存在了。就像一个数字的平行宇宙，只是过去它是物理世界的附庸，现在只是随着云计算、5G、虚拟现实等技术的成熟，不断实现数字化的变革，我们重新它一个新的定义叫“元宇宙”。

我们怎么走向元宇宙，我觉得会是有三个阶段：数字仿真、数字孪生、数字共生。

最初，我们是在虚拟世界中模仿现实，也就是数字仿真的时代。现在我们是把虚拟和现实相互映射，互相影响，这个是孪生时代。最后，虚拟和现实、人类智能和人工智能在同一个元宇宙中共存，这个是共生时代。

而我们现在就在数字孪生时代初期。

▍数字孪生的设计

我们正在面临一场新的设计产业化的进程，也就是数字孪生的设计产业。

这些都是我们现在在做的孪生产品，从工业生产线到航空、水利、海港、医疗，甚至一个数字化的城市。

数字孪生设计，会是一个发展很快的新产业，但它也是一个设计门槛很高的行业。因为它融合三维建模、图形技术、渲染引擎、UI设计、数据可视化等等，是一个高交叉的设计学科。

▍数字孪生平台

DataV 平行世界

因此，为了加快数字孪生的行业应用进程，降低设计门槛，我们打造了DataV 平行世界，提供了一整套平台，包括编辑器系统、物料平台、设计语言和规范等。

通过DataV平行世界开放平台，你可以利用阿里云设计中心和DataV产品团队这么多年的设计和技术积累，让需要的企业和部门，可以很简单的去重构现实世界的地形、河流、建筑、道路，按照不同的需求，去构建自己的不同精度的数字孪生城市。

Visbar 数字孪生设计资产平台

除此之外，我们其实是提供了一个平台，叫Visbar，去沉淀和分享我们的数字孪生设计资产。

DT Design的数字孪生设计系统

最后，我们现在已经开放了一个叫DT Design的数字孪生设计系统。它这里面包括了一整套的数字孪生设计语言，提供不同行业的孪生解决方案，以及大家可以参与的工作坊。我们是希望去帮助整个行业，去更好更快地构建一个数字孪生的宇宙。

而在这个产业化的过程中，会形成许多新的设计机会，让我们更好的去释放设计的影响力。

在这个数字的宇宙中，我们的整个设计的生产力、生产要素在发生本质上的改变。在物理世界，水电煤是基础设施，物质是基本的生产要素，而在数字的世界里面，云计算的算力、数字化的资产成为了基础设施，而数据成为了新的生产要素。

因此，从宏观的层面上看，我们现在在做的事情，我把它叫做：“元宇宙的设计基建”。而我们B类设计师，指的不是商业设计，也不是企业中后台设计。

我们现在处于在元宇宙中，新的大航海时代，新的西部大开发时代，在大家只是在畅想它的终极形态的时候，我们这些技术公司和商业公司的B类设计师需要先进来，一起去把这个宇宙里的水电煤、基础设施、施工平台、设计规范去建立起来。

这会极大地改变我们对B类设计师在整个产业链中的生产关系，跳出对传统的“UI设计师”、“体验设计师”的狭隘定义，用更多的角色和身份，去和这个新的生产网络中的数据发生关系……

最后，感谢大家今天的聆听，以上所有的作品均出自于我们团队的同学——那些不被定义的B类设计师。

主页君个人微信

添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等

推荐阅读

（点击标题可跳转阅读）

小米APP活动页UI改版，如何做有策略性的UI设计！微软的亚克力玻璃柔光风格，也太美了！
当自动布局遇上组件，一定别踩这个坑！

回复 灵感 下载UI设计灵感合辑

点个 “ 在看” 好文不断