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

2021-04-08

12757

0

虚拟产品如何实体化、品牌化？如何定义云产品独特的3D识别系统？阿里云产品形象首次塑造了云计算世界的200 款产品，为其打造统一的品牌认知。本文会从云产品定义、诞生、设计、形象、应用，四个方面详细介绍。

一、什么是云产品

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

阿里云目前有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 款原子形成了统一的语言，从底层渗透进阿里云设计的方方面面。

以上就是本期分享的内容了，希望对各位小伙伴能有所收获~

转载声明：本文来源于网络，不作任何商业用途

0

免责声明：本文内部分内容来自网络，所涉绘画作品及文字版权与著作权归原作者，若有侵权或异议请联系我们处理。

收藏

全部评论

您还没登录

登录 / 注册

暂无留言，赶紧抢占沙发

热门资讯

【AI教程】五步教你用AI制作公司印章效果 ...

视觉设计和交互设计两者区别是什么？

【海报设计】10种字体排板技巧，让你的海报设计更高级！...

成长帖丨不逼自己一把，怎么知道自己优秀呢？...

转行学ui后悔了真的吗？

深圳有没有便宜的UI培训班？

UI设计师面试一分钟自我介绍怎么说最精彩？...

初中毕业学设计哪个机构好？

学电商设计要用哪种电脑配置好？

ui设计和前端开发两者有什么区别？

相关推荐

设计与用户体验的关系？一个优秀的UI设计师和小白的差距在哪里？驻马店ui设计培训班如何呢？设计师应该如何提升自己？怎样制作3D立体UI界面动画淘宝摄影的培训费用要多少？ UI设计怎么提高复盘和表达能力？国安编办无线电金融办线上0 线下0 咨询0 如何做出好看又好用的产品设计？零基础菜鸟怎样去学UI设计？

热门标签词

动漫女生侧脸漫画效果线原画师真实收入鞋子的画法动漫俯视脸漫画眼睛画法针管笔 3d游戏建模软件 3d游戏建模 AI绘画动漫人物肩膀比例制作影视后期学习漫画人物女生 ui设计师培训裙子画法

相关标签词

动漫培训 maya贴图不显示 maya烘焙贴图 maya透明贴图 maya凹凸贴图 maya导入贴图 maya贴图步骤 maya材质贴图教程 maya材质贴图 maya展uv贴图步骤 maya贴图素材 maya法线贴图 maya贴图 maya贴图教程 maya人物贴图

绘学霸是国内专业的CG数字艺术设计线上线下学习平台，在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程，也有学习资源下载，还有行业社区交流。学习、交流，来绘学霸就对了。

绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明

本网站所有产品设计、功能及展示形式，均已受版权或产权保护，任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。

热线电话

17688437870

咨询时间：9:00～21:00

在线客服

联系网站客服

客服微信：17688437870

公司地址

中国·广州

广州市海珠区晓港中马路130号之19

Copyright © 2008 -2020 CGWANG广州市王氏教育科技有限公司版权所有电信与信息服务业务经营许可证：粤B2-20201042 广播电视节目制作经营许可证编号：（粤）字第04146号粤ICP备09115880号

绘学霸客户端（权限暂无，用于CG资源与教程交流分享）

开发者：广州王氏软件科技有限公司 | 应用版本：Android：6.0，IOS：5.1 | App隐私政策> | 应用权限 | 更新时间：2020.1.6