专栏名称: AlibabaDesign

这是一个充满魅力的组织，是一群疯狂热爱用户体验的家伙；这里有国际音乐家、有舞者、游戏玩家、摄影师以及各个领域的爱好者；我们坚信，创新、设计、技术和客户第一的价值观粘合在一起，一定会创造出我们为之疯狂的用户体验！

B-Design：云时代的企业设计-下篇

AlibabaDesign · 公众号 · · 2020-11-18 16:57

正文

上一篇我们讲到了阿里云B-Design如何应对多变的SaaS和行业交付场景，提供：

1.灵活包容的设计框架，同时建设阿里云的

2.风格化与品牌强化元素，帮助合作伙伴和企业透传自己的品牌。

小伙伴们可以复习这一篇：

接下来，我们继续聊一聊如何打磨细节，建设高品质的设计案例

当企业内部系统变为商品，摆在市场上被比较，被选择的时候，设计品质会是最先触达到用户的，在行业SaaS的时代，设计品质感将成为产品的差异化竞争力。观察海外优秀的云化SaaS类产品，无论Salesforce，还是Jira，Dynatrace，无不在体验的细腻和界面的品质上下足功夫。

B-Design希望扭转企业级设计长久以来简单，枯燥，只强调效率的设计现状，赋予阿里云企业生态更强烈的风格和品质感，打造一个年轻，生动，专业的设计形象。

专业化组件升级

原子级的组件（component），是一切设计系统的基石，B-Design的组件基于阿里云控制台Xconsole设计体系打磨多年的设计经验，除了常规通用组件外，也提供如多维筛选，代码编辑器等专业组件。

原有云计算组件的基础上，B-Design将呼吸色，圆角，企业级配色体系等融入其中，给出更加灵活的多变，更细腻的设计方案。

B-Design基础组件合集

圆角与阴影

有别于阿里云控制台强调一致统一的设计标准，B-Design使用了圆角与阴影的设计风格，提供多种尺度和层次的设计供用户选择。

圆角的设计使控制台看起来更为亲和、友好。圆角的设计会贯穿在B-Design组件、卡片和页面布局中，配合多个层级的阴影效果，更清晰地展示信息层级。

数据可视化

在企业级产品后台中，数据可视化部分是最不可或缺的，也往往是高光的部分。

B-Design通过对阿里云及行业交付领域大量案例的分析和比对，结合云运维、云安全、城市数字化、线上线下数据共享等领域场景，整理出一套完整的，用于数据可视化的配色与布局方案。

数据可视化演示案例

三维与微动效

曾经一度，我们也认为只有C类设计才需要使用动画效果来吸引用户的眼球。但事实上，面向企业的设计中，自然，流畅，符合预期的动效不但可以提升产品的品质感，也可以很好地帮助用户理解信息。

在B-Design中，动效的出现旨在「连接“元素、用户、品牌”」，在专业的场景中，使用动效不仅仅为了吸引用户注意，更在于连接相关的信息，用户心智，和品牌元素。我们也沉淀出具有云计算和B-Design特点的一些典型动效供用户选择。

部分动效演示案例