专栏名称: AlibabaDesign
这是一个充满魅力的组织,是一群疯狂热爱用户体验的家伙;这里有国际音乐家、有舞者、游戏玩家、摄影师以及各个领域的爱好者;我们坚信,创新、设计、技术和客户第一的价值观粘合在一起,一定会创造出我们为之疯狂的用户体验!
目录
相关文章推荐
疯狂区块链  ·  川普在干什么? ·  昨天  
安徽省发展改革委  ·  安徽省新能源汽车产业集群建设企业巡展——【2 ... ·  昨天  
安徽省发展改革委  ·  安徽省新能源汽车产业集群建设企业巡展——【2 ... ·  昨天  
疯狂区块链  ·  一家公司不需要那么多人 ·  2 天前  
白话区块链  ·  熊市阴云笼罩,加密牛市泡沫真的破灭了吗? ·  2 天前  
疯狂区块链  ·  给普通人的资产配置建议 ·  3 天前  
51好读  ›  专栏  ›  AlibabaDesign

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

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

正文


上一篇我们讲到了阿里云B-Design如何应对多变的SaaS和行业交付场景,提供:
1.灵活包容的设计框架,同时建设阿里云的
2.风格化与品牌强化元素,帮助合作伙伴和企业透传自己的品牌。

小伙伴们可以复习这一篇:
B-Design:云时代的企业设计-上篇


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

3.打造设计品质

当企业内部系统变为商品,摆在市场上被比较,被选择的时候,设计品质会是最先触达到用户的,在行业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特点的一些典型动效供用户选择。

部分动效演示案例






请到「今天看啥」查看全文