My Secret Rainbow

通过重塑200+款云产品，阿里云探索着计算世界的「虚与实」

一、什么是云产品

云计算产品是一种以云计算技术为支撑，通过网络按用户需求来提供的动态的、虚拟化的、可伸缩的计算能力服务、存储服务以及平台服务的IT服务产品。

刘吉立，中小企业云计算产品采纳意愿影响因素分析，武汉：湖北大学，2014

阿里云目前有200+款云计算产品，除了我们所熟知的云服务器ECS，其它的大家也许都比较陌生：弹性伸缩、负载均衡、对象存储、云数据库。每一款都是将虚拟服务、虚拟能力打包而诞生的产品概念。虚拟服务满足了数字时代的多元需求，但也因为强技术性的概念，增加了用户理解的成本。

如何将虚拟的概念图形化？如何创造统一又可延展的产品识别系统？是我们首先要解决的问题。

其次，阿里云产品已不限于网站的呈现：从 PC 端、手机端到虚拟展馆和三维产品管控，用户需求的多样性和呈现技术在不断迭代。如何保证多端呈现的一致性，打破维度的限制？是我们其次要去解决的。

二、产品形象的诞生

阿里云成立初期，为了前台/控制台UI界面的产品识别，诞生了扁平的产品图标。每一款产品图标设计的背后，我们都会进行用户调研和技术调研，将概念抽象，从而用图形来传达。产品形象延续了图标的DNA，将图标的特性提取作为主体物，行业通用识别作为辅助图形，结合3D的设计手段，塑造出每一款产品形象。

产品形象不仅可以用在官网首页、产品详情页、活动页、发布会，做到前台和线下一致性的透出。也可以将模型提取和减面，用在虚拟体验和三维管控中，甚至延伸为空间的一部分。用户在三维空间，随意拖拽和链接产品，从而更加生动的去了解产品状态和产品架构。

三、产品形象的设计

拿数据库为例，数据库是“按照数据结构来组织、存储和管理数据的仓库”。是一个长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据集合。它的通用识别是三个饼状圆盘的罗列。

在云数据库RDS MySQL的设计过程中，我们用主体的海豚和多边形体现了阿里云MySQL产品图标的特性，饼状底盘体现了数据库分类通用识别的共性，高亮的粒子表达了数据传输的概念，从而共同组成了云数据库RDS MySQL版产品形象。

产品形象以简洁、立体和轻科技的方式，表达产品的理念和特征。每个产品形象的造型都会根据产品特性而各不相同，而在整体品牌上会保持视觉的一致性，每款产品都会遵循 Space Grid、色彩和质感的进化设计语言进行设计。

Space Grid

为保证3D产品透视的统一和产品模型灵活的复用，我们将2D栅格的概念，延续进了3D环境中。所有的产品形象，均需要基于45度轴侧框架进行设计，同时使用规范3D文件中的标准设置进行导出。

Virtual Texture Study

虚拟质感研究定了3D环境中，具有表现力和独特性的模型质感。我们希望产品形象遵循“源于虚拟”“灵活应用”“体现智能”的设计原则，表达出阿里云产品稳定、基础、不可传统的特征。

Color

产品形象延续了阿里云品牌色的橙色系列，同时也有多种衍生用法，方便营销场景对于展现力和张力的要求。

Product System

我们按照实际应用场景的空间大小及信息的数量，将产品设计类型细分。从2D图标到3D图标到产品形象，分别应用于架构图/控制台、页面产品类目模块和产品banner和卡片配图中。

四、产品形象的应用

阿里云官网设计

2020年我们针对产品详情页面进行了逐步的升级，用高效拼贴的组合方式，创造出当前微动的产品展示。在国际站首页和产品聚合页，也使用了统一的形象。

阿里云营销设计

2019年起，产品形象便全部融入进了营销活动，在强化产品品牌识别的同时，延续用户对产品形象的认知。

虚拟互动馆

虚拟展馆以传统展馆为基础，利用虚拟技术将展馆及其内容移植到互联网上进行线上展示。虚拟展馆不仅是对传统展馆游览的模仿，更是一种进化形态，从而可以展示可实时交互的虚拟三维产品。

此外，虚拟空间相比线下更适合展示云计算产品：在这里，云产品的形象不仅仅是3d模型或展品，更是整个空间的一部分，将设计语言与品牌特性贯穿始终。相比于现实，云产品的形象是虚拟的，而在虚拟空间中，它们已然成为现实。云产品展馆和三维产品架构体验中，我们精简了产品的3D模型，以便更快速的实时加载和更多类型的产品互动。

阿里云峰会

云栖大会和阿里云峰会的产品发布和技术步道现场，我们也延续了产品形象的展示，做到线上线下完整的品牌透出。

创意场景

产品形象作为阿里云进化设计语言的原子之一，也和其余10+款原子形成了统一的语言，从底层渗透进阿里云设计的方方面面。想要了解更多，可以阅读我们的设计年鉴「从物种起源到进化设计论-阿里云设计语言哲思」。

原文：https://mp.weixin.qq.com/s/BJCTX00pG1IHH89j_Zq17w