莫b

10万年前,语言第一次出现的时候,茹毛饮血的智人一定没有想到,地球的文明,原来从这样简单的咿咿呀呀悄然开始;

5100多年前,文字就在尼罗河畔的纸草上开始若隐若现,彼时的他们也一定没有猜到,有一种东西竟然可以超越时空,将不同的咿咿呀呀记录下来,为后续持续传承的文明推开大门;

也许就在几年前,我们也未曾妄想,原来“语言”还有更多元的承载方式,它可以融入任何一种形态,在产品间进行沟通与表达,完成「真实世界」和「虚拟世界」的对话。

今天要聊的,就是这个虚拟世界中的语言 -「阿里云设计语言」,摘要如下;

1.为什么需要「设计语言」

2.如何来设计「设计语言」

3.语言之筋骨 「设计观点」

4.语言之血脉 「设计规范」

5.我们还在路上…

 

1. 为什么需要「设计语言」

时光回到2009年9月10日,阿里云在一片鄙夷与嘲笑中开始野蛮生长,自此开疆扩土、攻城拔寨;在之后的10年里,随着技术的发展,云计算在不断重塑这个世界;人工智能,大数据,云计算,虚拟现实,物联网,边缘计算,越来越多的存在在虚拟世界中的概念在重新定义我们所理解的现实生活。

技术腾云驾雾扶摇直上越来越“匿迹隐形”,离受众的距离越来越远;站在“技术”与“人文”十字路口的“设计”似乎是被时代选中的宠儿来弥补这一距离。它从阿努比斯的岩洞中走出来,漫行过希腊的立柱与罗马的穹顶,在文艺复兴和装饰艺术中转身,走入密斯的平面和柯布的立面,走入简洁的现代和变幻的未来,走入人和数字互相格式化,也互相温暖的云时代。这个日益丰富的云上的世界,拥有愈发多元的产品形态,更加多元的生态系统;我们认为是时候推出统一的设计语言,让“数”与“数”对话,“物”与“物”交流,联结「真实世界」与「虚拟世界」。

这种语言,不为碳基生物打造,而是云端虚拟硅基世界专属;它帮助这个系统中所有的角色营造了同一个语境。对接收讯息的客户用户而言,无论他在任何场景、任何终端,当接触阿里云的产品或服务时,会基于同样的设计语言形成一致的认知、可延续的行为习惯、统一的品牌心智。对隐匿在云端背后的我们,统一的设计语言也能够帮助大家在进行设计输出时,保持一致性,从“思维”的一致到“产出”的一致,全方位保障输出物达到“阿里云设计”的设计质量。

 

2. 如何来设计「设计语言」

Evolving Design 相信新范式总是不断出现,科学进步的规则便是打破规则。ACD设计进化系统是不断变化、不断混合、不断自进化的。未来随着智能和科技的发展,思考、意识、创意会更加扩大化,知识与实践也会更加混合。

 

如果没有猜错,此刻你应该可以如数家珍的列出业内诸多成熟、成体系的设计语言;不知道你会否也曾思考,这些「语言」和「语言」有什么不同,在设计它们的时候,有着怎样不同的设计思路。据说世界上现存7000多种语言,每个月大概会消失2种;令人扼腕的同时,还有一个问题值得深思,什么样的语言是经得起时间考验的?

能够生存下来的物种,并不是那些最强壮的,也不是那些最聪明的,而是那些对变化作出快速反应的。

– Charles Robert Darwin

 

现实世界如此,虚拟世界亦如是。「进化设计语言」,是我们认为最好的解;它是有生命力且可以自生长的,它会根据环境和外界的变化而变化,像我们体内的某些基因,千百万年来,它就这样的延续下来存在在了我们的血液里;阿里云设计语言也希望被打造成一个有生命力的,能绵延许久、所到之处皆有痕迹的语言。

因此,「进化设计语言」是一个有很强自我驱动能力的、自进化的、可持续发展的语言,它作为阿里云最基础的设计准则指导阿里云设计的风格构建并输出最原子的设计元素,同时为大家提供创造云平台、数据平台、云生态等所需的搭建指引、规范、组件、协同、评估、度量等多维度的资源。帮助阿里云设计更“阿里云”,我们希望有一天自己能成为一个形容词,代表某一种风格、水准、质量。

对,这很“阿里云设计”。

 

3. 语言之筋骨-「设计观点」

大部分外化的行为都是内心思绪的写照,在构建看得见的部分之前,“看不见”的部分往往更加关键,你的观点往往决定了你的不同;以下是阿里云设计语言的主要观点:

 

3.1 虚实 – 望其虚握其实

进化设计(Evolving Design)的灵感来源于虚拟世界,我们望其虚握其实、抽象与具象交织、数位化的虚拟世界与现实结合。

 

3.2 秩序 – 秩序是生命之匙

秩序是生命之匙,逻辑是秩序之芯。秩序是我们组织信息,建立联系的重要方式;阿里云设计是严谨偏执的、内在逻辑自恰的。

 

3.3 几何 – 充满想象的几何

我们用几何表达实际含义,巧妙的运用平面几何和立体几何去搭建阿里云充满想象力的世界。

 

3.4 运动 – 运动体现智能

我们的语言是流动的、运动的、不断进化的。在色彩中,它表现为呼吸感;在图形中,它体现了智能感。

 

4. 语言之血脉 -「设计规范」

看过一段对“原子”描述最动人的话:

你身体里的每一个原子都来自一颗爆炸了的恒星, 你左手的原子与右手的原子也许来自不同的恒星。这实在是我所知道的物理学中最富诗意的东西:你的一切都是星尘…… 因此,忘掉耶稣吧, 星星都死去了, 你今天才能在这里。

—— Lawrence M. Krauss

 

构成你我的基本粒子,来自浩瀚星辰、山川河岳、飞禽走兽,也终归于茫茫宇宙,我们本身就是宇宙和时间的一部分,是历史、是现在、也是未来。

真实世界粒子构成,它们在星辰、山川和生命体之间穿梭传承,虚拟世界亦如是,因此我们在着力构建云上最基本的粒子输出规范,希望它们也能够成为串联云上设计输出物的要义。

 

4.1 3D产品设计规范

3D Product  Design Guideline

产品形象是阿里云产品实体化、品牌化的设计表达,产品形象以简洁、立体和轻科技的方式表达产品的核心理念和特点。每个产品形象的设计表现上根据产品特性各不相同,但整体品牌上保持统一的特征和特点,所有产品都应遵循统一的设计规范进行设计。

 

材质、灯光、颜色应用:

 

产品概念传达:

 

产品形象使用:

 

4.2 图标设计规范

Iconography Design Guideline

图标作为可视符号,提供了一种 “视觉速记”形式,能够更好的利用熟悉的形状和隐喻以简单的图形形式传达信息。阿里云图标体系三部分构成,分别是:UI Icons / Pictograms / Product Icons。规范阿里云图标体系,一方面在体验方面保证图标基因元素的一致性,另一方面为设计提效保驾护航。

 

2D icon + 3D icon周期表:

 

系统icon设计:

 

图标设计使用:

 

4.3 插画设计规范

2D Illustration Design Guideline

2D插画是一种能将产品功能等抽象概念以直观且轻量的方式呈现的视觉表达形式,具有亲和力和易读性。在阿里云官网产品详情页、新手引导、大促营销、线下活动等场景都能看到插画的使用。规范阿里云插画体系,既能提高设计效率,也能保持全站插画语言的一致性,形成品牌辨识度。

作为计算设计语言的延伸,阿里云插画风格具有简洁轻巧、扁平块面、几何结构等特征。融入“有秩序的想象力”,将抽象的计算信息和科技概念用充满克制力和逻辑美学的插画进行表达。

角度规范:

栅格规范:

 

4.4 实景图像规范

Photography Design Guideline

阿里云一直致力于以在线公共服务的方式,提供安全、可靠的计算和数据处理能力,让计算和人工智能成为普惠科技。摄影素材无论在网站上还是线下材料中,都能够给予用户对于品牌的第一感受。因此,阿里云所使用的摄影素材应当能够传递出“严谨”、“可靠”、“规则”、“稳定”的气质,充分且一致地体现出阿里云的品牌形象、产品能力、以及设计风格。

 

4.5 进化色彩规范

Computational Color Guideline

设计语言将色彩体系解读为2个层面:品牌色彩和进化色彩,品牌色彩包含了阿里云品牌色的橙色系列,进化色彩定义了阿里云线上独有的颜色系列,它运用在云产品、数字产品、智能产品、ET形象等场景中。

进化色彩来源于阿里云特色的技术环境,它是虚与实的结合、是智能的体现、是灵动的状态,它包含了基础色彩、灰度、呼吸色彩、产品色彩。

 

呼吸的色彩:

 

4.6 栅格设计规范

Grid Design Guideline

栅格是一个能够执导产品中一切视觉元素的基础框架,是产品设计中的视觉基石。使用栅格系统,赋予视觉元素以规律的秩序感,从而更高效有序的完成视觉元素搭建,指导更合理的设计页面布局,挖掘更丰富且具有一致性的视觉创意。

以上仅展示阶段性成果,设计原则、设计价值观、元素库、工具库等,我们还在持续“进化”,期待在下一个分享里,还能与你交流。

 

5. 我们还在路上…

未来的样子或许值得期待、值得幻想,但一定更值得去创造;

如果你也对未来慷慨,不如把一切交给现在。

我们当下的言之凿凿,在未来人的眼里或许是另一种荒诞不经;只有在进化的设计语言下,用一切的临机应变和未雨绸缪对抗外界的日新月异,协力打造最“阿里云设计”的设计。

我们在路上,期待你也一起来

昨天的发布的年鉴看了么,这里还有一个小视频

http://mpvideo.qpic.cn/0bf2beaaeaaaxiamvgfo6npfacodaieqaaqa.f10002.mp4?dis_k=d36b62b93dbaa60c8cb427614dec6039&dis_t=1590405725

 

原文地址: 阿里云设计中心(公众号)

作者:一帮cool guy

转载请注明:学UI网 » 从「物种起源」到「设计进化论」- 阿里云设计语言哲思

登录收藏
 
你可能喜欢的:
真正优秀的图标,少不了这7个底层设计原则真正优秀的图标,少不了这7个底层设计原则
花了半年时间,我们做了一套通用型移动设计规范给大家花了半年时间,我们做了一套通用型移动设计规范给大家
大厂方法论|弹窗设计的5条原则大厂方法论|弹窗设计的5条原则
为什么我做的页面总是很“土”?为什么我做的页面总是很“土”?
创造有价值的“我的” | 让设计有效且有趣创造有价值的“我的” | 让设计有效且有趣
来自世界各地的平面设计:法国设计来自世界各地的平面设计:法国设计
从「数的物化」到「物的数化」 – 阿里云数字设计先驱从「数的物化」到「物的数化」 – 阿里云数字设计先驱
网易有道词典交互策略思考网易有道词典交互策略思考
UI、UE都应该掌握的6条专业知识点UI、UE都应该掌握的6条专业知识点
黄金圈思维模型黄金圈思维模型