创意技术构建全景信息架构 — 阿里云E2-LAND

①

Why E2-LAND?

依托阿里云企业数智化转型多年实践中的关键技术和创新业务，阿里云 E2 企业云服务（Alibaba Cloud E2 Enterprise Cloud Service）是围绕企业生命周期的完整解决方案。从企业生产、采购、售前、售中、售后、金融支持、研发等核心环节，阿里云 E2 致力于企业安全高效实现数智化转型，助力企业成功。

此次，为了全面展示 E2 品牌及其产品解决方案，阿里云 E2 联合云智能设计部设计中心打造了一个全新的三维全景架构 — E2-LAND。我们通过三维之岛的形式，以清晰环绕的方式展示了产品的架构全周期，同时也可以根据观察者的角度来变换，进行更加沉浸式的交互体验，从而表达产品的流转链路。用户能够深入到 E2 产品架构之中，触达并感知每个流程节点，从而更好地了解产品的架构及其特点。

②

E2 企业云服务

我们的 E2 品牌标识将“ E ”和“ 2 ”结合在一起，形成了一个独特且包容性的框架，这个视觉身份标识使客户能够快速识别带有 E2 标识的产品，从而确保阿里云提供的优质服务。

E2-LAND 的设计前期，我们也希望能够延续这一品牌标识，让用户深入了解阿里云 E2 企业云服务打造的完整、专业的产品体系。

③

E2 信息架构可视化

E2-LAND 的核心目标是企业生命周期的解决方案可视化，因此我们需要思考通过何种视觉形态对其进行可视化呈现。

阿里云 E2 依托阿里电商生态和中台实践，提供云采销、能耗宝、移动研发平台 EMAS、智能营销引擎、BizWorks 等诸多面向不同行业及生态的产品，很难通过平面化或单一透视的形式做整体的信息架构，因此，我们确定以三维方式入手，并通过将平面半圆弧形布局映射到三维的方式进行可视化呈现。

我们将 E2 的品牌 Logo 抽象为了一个三维岛屿底座，并基于产品的不同属性将其进行了高度上的区域划分，分别为核心 SaaS 产品、金融链接器、开发者产品和基础平台，使得用户可以从宏观的角度，更加清晰地了解 E2 完整的产品结构，同时也可以通过视角的聚焦，深入探索 E2 不同产品的服务与能力。

④

创意技术的应用

⊙  BAKING ˟ TEXURING

⊙  GPU INSTANCING

⊙  SHADING

⊙  ANIMATION

在 E2-LAND 的设计及开发过程中，我们利用 Blender 进行了产品定制化模型的设计，精确地反映出不同产品的属性及特点，并且进行了一系列的模型优化，以提升整体的视觉和最终的渲染性能。

贴图烘焙也是渲染中的一个重要环节，它可以减少渲染中的纹理读取次数，从而大大加快渲染速度，提升渲染效率，给用户带来更加流畅的体验。

此外，为了达到更加细腻的视觉效果，我们定制化开发了一系列着色器代码和 WebGL 特效组件，如雷达特效、数据传输、晶格化材质等；

同时，我们运用了丰富的三维动画，使得用户能够更加沉浸式地体验到 E2-LAND 的真实及魅力，营造出深刻的视觉冲击力，让用户更深入地理解产品的流转链路，从而提升整体的体验效果。

⑤

即刻探索 E2-LAND

E2-LAND 当前已于阿里云官网上线，登入 E2 企业云服务详情页即可在线体验，通过互动和探索的方式更加沉浸式地了解到 E2 产品架构以及获取各产品的详细信息。

未来，我们也将继续探索创意技术在实际业务场景中的应用，以更加有趣和引人入胜的视觉体验，将复杂的业务信息以更直观和友好的方式传达给用户，满足更高维度的用户需求，并丰富他们的体验。

---

 About us 

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

我们是阿里云设计中心

 Presented by 

 Follow us