王氏教育旗下高端CG数字艺术设计品牌
全国咨询热线：176-8843-7870
绘学霸 首页 教程 社区 资源 精选资讯 王座杯

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

2021-04-08
9833
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 款原子形成了统一的语言，从底层渗透进阿里云设计的方方面面。
以上就是本期分享的内容了，希望对各位小伙伴能有所收获~
转载声明：本文来源于网络，不作任何商业用途
免责声明：本文内部分内容来自网络，所涉绘画作品及文字版权与著作权归原作者，若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录
登录 / 注册

暂无留言，赶紧抢占沙发

热门资讯

【UI设计】UI设计师快速上手B端设计指南
12861人 阅读
2021-03-12
转行学ui后悔了真的吗？
11629人 阅读
2021-04-09
从用户的反馈找到设计灵感的方向
10923人 阅读
2021-04-08
深圳网页设计培训班学费是多少？
10569人 阅读
2021-04-23
UI设计师和ued设计师的区别是什么？
10511人 阅读
2021-03-31
深圳十大ui培训学校哪家推荐？
10415人 阅读
2021-04-23
成长贴丨当迷茫时，我选择学习
10242人 阅读
2017-12-04
设计中关于左右滑动的思考
10073人 阅读
2021-04-12
UI设计师的未来发展趋势如何？
9572人 阅读
2021-04-01
ui设计和前端开发两者有什么区别？
9556人 阅读
2021-04-13

相关推荐

当前学ui设计好找工作吗？ 如何做一个成功的UI设计师？ ui美工设计师培训学校哪家好？ UI界面设计基础知识 ui有培训4个月出来的吗？ 如何巧用气泡让设计变得更高级？ 零基础菜鸟怎样去学UI设计？ UI设计丨Google Design文本框设计原则 驻马店ui设计培训班如何呢？ 动效不够Q弹应该怎么办？

热门标签词

原画师真实收入 画动漫人物的头发 马克笔 3d建模学习班 影视培训班 AI视频运营 ui设计软件培训 漫画效果线 动漫人物肩膀比例 动漫表情 ui交互设计师 3D建模 王座杯 ui设计培训 3d游戏建模
线下就业班

17688437870

课程咨询
申请试听
VIP特权
返回顶部
绘学霸是国内专业的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