通过重塑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

温馨提示:
  • 请注意,下载的资源可能包含广告宣传。本站不对此提供任何担保,请用户自行甄别。
  • 任何资源严禁网盘中解压缩,一经发现删除会员资格封禁IP,感谢配合。
  • 压缩格式:支持 Zip、7z、Rar 等常见格式。请注意,下载后部分资源可能需要更改扩展名才能成功解压。
声明:
  • 本站用户禁止分享任何违反国家法律规定的相关影像资料。
  • 内容来源于网络,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,联系微信:a-000000