绘学霸 首页 教程 资源 精选资讯 王座杯

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

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

全部评论

您还没登录
登录 / 注册

暂无留言，赶紧抢占沙发

热门资讯

什么是重复构成？
13891人 阅读
2021-03-31
【PS教程】PS镜像操作图文教程方法及技巧
9277人 阅读
2021-03-30
【AI排版技巧】在AI软件中如何调整字距效果
8711人 阅读
2021-04-16
提高Banner图点击率的几个小技巧
7688人 阅读
2021-04-07
【UI设计】APP页面层级导航设计
7648人 阅读
2021-04-19
深圳设计培训机构排名前十哪个家好？
7563人 阅读
2021-04-23
深圳网页设计培训班学费是多少？
7149人 阅读
2021-04-23
学UI设计必须掌握的知识体系和职业规划
6468人 阅读
2019-06-21
北京UI设计培训学校排名前十名有哪些呢？
6457人 阅读
2021-04-01
UI设计师面试有哪些问题是必问的？
6450人 阅读
2021-03-31

相关推荐

女生转行做UI设计师会很难吗？ UI设计怎么提高复盘和表达能力？ 许昌ui设计培训大概多少钱？ UI培训机构哪个好就业？ ui美工设计师培训学校哪家好？ UI培训班出来好就业？ UI设计丨如何提升作品的档次？ 22岁转行学设计来得及吗？ 关于设计的三条曲线 如何快速学习ps设计？

热门标签词

动漫女生画法 3D建模 漫画少女的眼睛画法 做影视后期前景 原画师真实收入 画手的步骤 一步一步教我画婚纱裙 影视后期剪辑培训机构 ui界面设计培训 做影视后期软件 动漫人物肩宽 漫画效果线 ui设计师 培训 ui设计软件 画动漫人物的头发
线下就业班

18026259035

爆肝课程咨询
申请试听
VIP爆肝自学
返回顶部
王氏教育是国内专业的CG数字艺术设计线上线下学习平台，在王氏教育，有原画、插画、漫画、影视、3D模型等培训课程，也有学习资源下载、行业社区交流。CG数字艺术学习，来王氏教育。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式，均已受版权或产权保护，任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。
热线电话
18026259035
咨询时间：9:00～21:00
在线客服
联系网站客服
客服微信：18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
Copyright © 2008 -2020 CGWANG广州市王氏软件科技有限公司版权所有 电信与信息服务业务经营许可证：粤B2-20201042 广播电视节目制作经营许可证编号：（粤）字第04146号粤ICP备18074135号
绘学霸客户端（权限暂无，用于CG资源与教程交流分享）
王氏教育 王氏教育