从简单的概念表述,到将虚拟云产品用现实中更易理解的方式去表达;从单一的设计规范,到具有设计思考和设计哲学的完整体系;我们逐步构造出了阿里云的进化设计语言。

    而后,伴随着数字技术的发展,我们又将代码变成了设计的工具,实现了真正的 “计算设计”。

    我们从来没有限制过自己的想象力,而是在克制与理性中不断挖掘,找到属于阿里云自己的创意之路。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图1

    本文 2347 个字,阅读需要 6 分钟。

    文末还有彩蛋🥚,你也可以先👀彩蛋~

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图2

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图3

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图4

    在阿里云成立的 10 余年里,云计算在不断的重塑这个世界,越来越多的存在于虚拟世界中的概念正在重新定义我们所理解的现实生活。我们的画布从传统网页到三维互动、从「真实世界」到「虚拟世界」。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图5

    如果说阿里云设计的背后是逻辑与理性所主宰的计算世界,那么,如何将计算世界之美展现出来?这是阿里云进化设计语言一直在钻研的课题。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图6

    设计语言中的 4 大设计观点:秩序是生命之匙、让虚拟更真实、充满想象力的几何、运动体现智能,为我们描绘出阿里云独特的计算世界。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图7

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图8

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图9

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图10

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图11

    设计语言的 4 大观点,不仅指导了后续多类目设计语言元素的产出,也给了云计算设计师一个风格的方向,帮助大家在营销设计 / 大会设计 / 产品设计中更好的定义品牌。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图12

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图13

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图14
    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图15

    计算世界不仅仅是我们设计观点 / 设计风格的来源,它也在不断的激发我们的灵感。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图16

    以进化语言为基础,代码元素贯穿始终

    阿里云双十一的目标用户主要是各类开发者,我们选择代码字符作为设计主体,并延续阿里云独有的设计语言体系,用开发者都懂的方式来做云计算 B 端营销氛围的表达。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图17

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图18

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图19

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图20

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图21

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图22

    • 营销玩法表达

    ⟵ 向左滑动

    设计语言中的云产品形象结合本次双 11 的创意概念代码符号,20 + 个分会场也在统一创意概念和规范指导下诞生。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图23

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图24

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图25

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图26

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图27

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图28

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图29

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图30

    • 云产品体系

    ⟵ 向左滑动

    循序渐进式的内容体验

    同时,我们以提升屏效为目的,进行内容结构创新;以符合用户习惯为目的,进行阶段性内容展示;以多端结构一致为目的,进行布局体验优化。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图31

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图32

    • 首屏的结构创新

    ⟵ 向左滑动

    基于目标用户的共情表达

    在双十一传播创意上,我们延续了往年双十一传播的主线创意,围绕开发者极客、好奇、创造、想象力等特点进行创意聚焦。我们设计了一个极客解密的互动——在活动主会场的网页里埋入了隐藏代码,用户根据线索找到隐藏代码并进行解密之后可以获得大奖。将代码创意贯穿双十一活动始终,以各种载体透传这是开发者的狂欢节日。

    • 双十一创意解密互动

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图33

    如果说双十一是计算世界的代码字符给了我们启发,那国际站营销设计的灵感,更加来源于计算世界的本身。关于阿里云逻辑与算法构造的抽象世界,我们认为它是一个极具结构感、秩序感、稳定感的计算空间。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图34

    产品营销

    在国际站产品营销设计的表达中,云产品作为唯一的主体,「组合」「解构」「重构」,构建出了所有需要具象化表达的上云场景。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图35

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图36

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图37

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图38

    国际站的行业营销与区域营销,在统一的阿里云营销设计语言下,有自身特殊的营销设计定义。区别于国内的营销方式,面向国际站用户,我们需要保证营销玩法的简单,视觉呈现的轻量与表现手段的直白。为营造国际站有好感度,认知度的营销设计语义,我们做了很多去营销化的设计。

    行业营销

    在行业营销设计中,我们持续输出场景化的行业解决方案设计。用克制、稳定的氛围,去表达具有企业感和专业性的多元生态体系。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图39

    区域营销

    在区域营销中,根据新兴、潜力、成熟等市场定位的区分,我们制定了一地一策的精准营销设计划分。用呼吸的动效与秩序的图形组合,在计算空间中构建城市、地标、区域特色、营销特征等。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图40

    在计算的世界里,基于进化设计语言,在技术与需求的演化中,不断更迭设计的表达。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图41

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图42

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图43

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图44

    每一个时代,都有能代表当前先进生产力的盛大展览,由此反映社会背景下产品和技术的极致体验。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图45

    我们通过全新重磅升级的「云栖数字谷」品牌体验,与大家共同迈入一个数字新时代。

    数生万物,秩序生长

    以万物凝结智慧而成的「数智结晶体」,作为云栖数字谷的核心能量元素,在数智源力中爆发,智序生长。一个生生不息的数智螺旋作为主视觉图形,应用于大会主题「前沿 · 探索 · 想象力」及品牌透传。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图46

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图47

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图48

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图49

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图50

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图51

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图52

    • 数生万物 智序生长|主视觉演绎视频

    「云栖数字谷」线下品牌延伸

    脱胎换骨的「数字云栖」首次携 4 万平米智能新品展重回线下,我们围绕「基础元素」、「能量体系」、「生物体系」对云栖数字谷进行了世界观的设定,通过形态、颜色、版图与区域地貌的的区分串联,对线下体验进行了融合渗透。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图53

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图54

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图55

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图56

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图57

    • 主视觉线下延展

    ⟵ 向左滑动

    计算与数字成是这次「云栖数字谷」品牌的关键词,希望为每一位科技爱好者,献上 360 度可感知的沉浸式体验,在云栖数字谷之旅中,共同看见未来。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图58

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图59

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图60

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图61

    2016 年我们在国内首次提出 “计算设计” 的概念。它融合多个学科,用计算的思维做设计,打破传统设计的边界,创造了新的产品和艺术形态。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图62

    光子系统(PHOTON)是阿里云神经符号实验室(Neuro-Symbolic Lab)开发的一套基于交互的视觉推理系统,寓意光子系统照亮人工智能的黑盒。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图63

    阿里云设计中心联合神经符号实验室强大的视觉智能问答( VQA),图像描述(Image Captioning)以及图像生成(Image Generation)等 AI 能力,共同打造了一个互动沉浸式的数字体验。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图64

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图65

    HOUDINI**xBLENDERxWEBGL>**

    PHOTON DIGITAL BRAIN**-**

    阿里云设计中心的数字设计能力将技术与设计更有机地整合,我们通过 Houdini、Blender、WebGL 等创意技术进一步挑战设计的边界,为用户带来影视级的视觉互动体验。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图66

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图67

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图68

    GPGPU**XFBO>**

    3D DIGITAL FIBER -

    用户可以在线生成代表 PHOTON 意识的 3D 数字纤维,感受光子系统。数字纤维的形态和色彩取决于用户上传的图片,并通过参数化生成。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图69

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图70

    INTERFACE ANIMATION**-**

    我们通过 WebGL、Shader、Canvas、CSS3 等诸多 Web 端前沿技术,实现了诸如页面转场、文字编码特效、拖拽、页面滚动联动、像素点物理缓冲等界面动画,让用户在沉浸体验的过程中,能够产生实时反馈的动画设计语言。

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图71

    当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图72

    神经符号实验室创意体验 PHOTON Experience 目前已经面向全球用户上线,并被世界著名互动设计平台 FWA 和 Awwwards 收录。

    NEURO-SYMBOLIC-LAB.COM/EXPERIENCE

    **当设计遇见计算,设计创新的探索者——2022阿里云设计中心年鉴 - 图73**

    从设计工具的丰富和扩展,到设计理论的更新和迭代,最后计算作为设计师新的工具,也将反过来影响设计思维的形成、拓展设计师的能力边界。

    我们在不断发展和自我进化的设计趋势中,形成自己的理解和答案,在设计创新的路上不断探索。
    https://mp.weixin.qq.com/s/kwxfZelk5PRtdlRkfx9bZQ