阿里巴巴設計讓商業(yè)變得美而簡單
10萬年前,語言第一次出現(xiàn)的時候,茹毛飲血的智人一定沒有想到,地球的文明,原來從這樣簡單的咿咿呀呀悄然開始;
5100多年前,文字就在尼羅河畔的紙草上開始若隱若現(xiàn),彼時的他們也一定沒有猜到,有一種東西竟然可以超越時空,將不同的咿咿呀呀記錄下來,為后續(xù)持續(xù)傳承的文明推開大門
也許就在幾年前,我們也未曾妄想,原來"語言"還有更多元的承載方式,它可以整合任何一種形態(tài),在產(chǎn)品間進行溝通與表達,完成"真實世界"和"虛擬世界" "的對話。
今天要聊的,就是這個虛擬世界中的語言-"阿里云設計語言",摘要如下;
1.為什么需要「設計語言」
2.如何來設計「設計語言」
3.語言之筋骨「設計觀點」
4.語言之血脈「設計規(guī)范」
5.我們還在路上...
1.為什么需要「設計語言」
時光回到2009年9月10日,阿里云在一片鄙夷與嘲笑中開始野蠻生長,自此開疆擴土,攻城拔寨;在之后的10年里,經(jīng)歷技術(shù)的發(fā)展,云計算在不斷重塑這個世界;人工智能,大數(shù)據(jù),云計算,虛擬現(xiàn)實,物聯(lián)網(wǎng),邊緣計算,越來越多的存在在虛擬世界中的概念在重新定義我們所理解的現(xiàn)實生活。
技術(shù)騰云駕霧扶搖直上越來越"匿跡隱形",離觀眾的距離越來越遠;站在"技術(shù)"與"人文"十字路口的"設計"似乎被時代的寵兒來減少這一距離。它從阿努比斯的巖洞中走出來,漫行過希臘的立柱與羅馬的穹頂,在文藝復興和裝飾藝術(shù)中轉(zhuǎn)身,走入密斯的平面和柯布的立面,走入簡潔的現(xiàn)代和變幻的未來,這個日益豐富的云上的世界,擁有更多發(fā)散發(fā)的產(chǎn)品形態(tài),更加多元的生態(tài)系統(tǒng);我們認為是時候推出統(tǒng)一的設計語言,讓"數(shù)"與"數(shù)"對話,"物"與"物"交流,聯(lián)結(jié)"真實世界"與"虛擬世界"。
這種語言,不為碳基生物打造,甚至云端虛擬硅基世界專有;它幫助這個系統(tǒng)中所有的角色創(chuàng)造了一個同一個語境。對接收消息的客戶而言,無論他在任何場景,任何終端,當接觸阿里云的產(chǎn)品或服務時,會基于同樣的設計語言形成一致的認知,可延續(xù)的行為習慣,統(tǒng)一的品牌心智。對隱瞞在云端背后的我們,統(tǒng)一的設計語言也能夠幫助大家在進行設計輸出時,保持一致性,從"思維"的一致到"合并"的一致,全面保障輸出物達到"阿里云設計"的設計質(zhì)量。
2.如何來設計"設計語言"
ACD設計進化系統(tǒng)是不斷變化,不斷混合,不斷自進化的。未來轉(zhuǎn)變智能和科技的發(fā)展,思考,意識,創(chuàng)意不斷發(fā)展的設計相信新范式總是不斷出現(xiàn),科學進步的規(guī)則便是打破規(guī)則。會進一步擴大化,知識與實踐也會更加混合。
如果沒有猜錯,此刻你應該可以如數(shù)家珍的列出的一些成熟,成體系的設計語言;不知道你會否也曾思考,這些"語言"和"語言"有什么不同,在設計它們的時候,所謂世界上現(xiàn)存7000多種語言,每個月大概會消失2種;令人震驚的腕的同時,還有一個問題值得深思,某種的語言是經(jīng)得起時間考驗的?
能夠生存下來的物種,并不是那些最強壯的,也不是那些最聰明的,而不是那些對變化帶來快速反應的。
-查爾斯·羅伯特·達爾文
"進化設計語言",是我們認為最好的解;它是有生命力且可以自生長的,它會根據(jù)環(huán)境和外部的變化而變化,像我們體內(nèi)的某些基因,千百萬年來,它就這樣的延續(xù)下來存在在了我們的血液里;阿里云設計語言也希望被打造成一個有生命力的,能綿延許久,所到之處都有痕跡的語言。
因此,「進化設計語言」是一個有很強自我驅(qū)動能力的,自進化的,可持續(xù)發(fā)展的語言,它是阿里云最基礎的設計指南指導阿里云設計的風格并發(fā)輸出最原子的設計元素,同時為大家提供創(chuàng)造云平臺,數(shù)據(jù)平臺,云生態(tài)等所需的構(gòu)造指南,規(guī)范,組件,協(xié)同,評估,度量等多維維度的資源。幫助阿里云設計更"阿里云",我們希望有一天自己能成為一個形容詞,代表某一種風格,水準,質(zhì)量。
對,這很"阿里云設計"。
3.語言之筋骨-「設計觀點」
大部分外化的行為都是內(nèi)心思緒的寫照,在重建看得見的部分之前,"看不見"的部分往往更加關鍵,你的觀點往往決定了你的不同;以下是阿里云設計語言的主要觀點:
3.1虛實-望其虛握其實
進化設計(Evolving Design)的靈感虛擬世界,我們望其虛握其實,抽象與具象交織,數(shù)位化的虛擬世界與現(xiàn)實結(jié)合。
3.2等級-等級是生命之匙
是我們組織信息,建立聯(lián)系的重要方式;阿里云設計是嚴謹偏執(zhí)的,內(nèi)在邏輯自恰的。
3.3幾何-充滿想象的幾何
我們用幾何表達實際含義,優(yōu)化的運用平面幾何和立體幾何去建造阿里云充滿想象力的世界。
3.4運動-運動體現(xiàn)智能
我們的語言是流動的,運動的,不斷進化的。在色彩中,它表現(xiàn)為呼吸感;在圖形中,它體現(xiàn)了智能感。
4.語言之血脈-「設計規(guī)范」
看過一段對"原子"描述最動人的話:
你身體里的每一個原子都來自一顆寶石爆炸了的恒星,你左手的原子與右手的原子也許來自不同的恒星。這實在是我所知道的物理學中最富詩意的東西:你的一切都是星塵……因此,忘掉耶穌吧,星星都死去了,你今天才能在這里。
-勞倫斯·克勞斯
構(gòu)成你我的基本粒子,來自浩瀚星辰,山川河岳,飛禽走獸,也終歸于茫茫宇宙,我們本身就是宇宙和時間的一部分,是歷史,是現(xiàn)在,也是未來。
真實世界粒子構(gòu)成,它們在星辰,山川和生命體之間穿梭傳承,虛擬世界亦如是,因此我們在著力形成云上最基本的粒子輸出規(guī)范,希望它們也能夠成為云上設計輸出物的要義。
4.1 3D產(chǎn)品設計規(guī)范
3D產(chǎn)品設計指南
產(chǎn)品形象是阿里云產(chǎn)品實體化,品牌化的設計表達,產(chǎn)品形象以簡潔,立體和輕科技的方式表達產(chǎn)品的核心理念和特點。每個產(chǎn)品形象的設計表現(xiàn)上根據(jù)產(chǎn)品特性各不相同,但整體品牌上保持統(tǒng)一的特征和特點,所有產(chǎn)品都應遵循統(tǒng)一的設計規(guī)范進行設計。
材質(zhì),燈光,顏色應用:
產(chǎn)品概念傳達:
產(chǎn)品形象使用:
4.2圖標設計規(guī)范
圖像設計指南
UI作為圖標,象形圖,提供了一種"視覺速記"形式,能夠更好地利用其熟悉的形狀和隱喻以簡單的圖形形式傳遞信息。產(chǎn)品圖標。規(guī)范阿里云圖標體系,可以在體驗方面保證圖標基因元素的一致性,從而為設計提效保駕護航。
2D圖標+ 3D圖標周期表:
系統(tǒng)圖標設計:
圖標設計使用:
4.3插畫設計規(guī)范
2D插圖設計指南
2D插畫是一種能將產(chǎn)品功能等抽象概念以直觀且輕量的方式呈現(xiàn)的視覺表達形式,具有親和力和易讀性。在阿里云官網(wǎng)產(chǎn)品詳情頁,新手引導,大促營銷,線下活動規(guī)范阿里云插圖體系,既能提高設計效率,也能保持全站插圖語言的一致性,形成品牌識別度。
作為計算設計語言的延伸,阿里云插畫風格具有簡潔輕巧,分割塊面,幾何結(jié)構(gòu)等特征。結(jié)合"有層次的想象力",將抽象的計算信息和科技概念用充滿克制力和邏輯美學的插圖進行表達。
角度規(guī)范:
初步規(guī)范:
4.4實景圖像規(guī)范
攝影設計指南
阿里云一直致力于以在線公共服務的方式,提供安全,可靠的計算和數(shù)據(jù)處理能力,讓計算和人工智能成為普惠科技。攝影素材在網(wǎng)站上還是線下材料中,都能夠給予用戶關于品牌的第一感受。因此,阿里云所使用的攝影素材能夠傳遞出"嚴謹","可靠","規(guī)則","穩(wěn)定"的氣質(zhì),充分且一致地體現(xiàn)出阿里云的品牌形象,產(chǎn)品能力,以及設計風格。
4.5進化色彩規(guī)范
計算色彩指標
設計語言將色彩體系解讀為2個維度:品牌色彩和進化色彩,品牌色彩包含了阿里云品牌色的橙色系列,進化色彩定義了阿里云線上獨有的顏色系列,其運用在云產(chǎn)品,數(shù)字產(chǎn)品,智能產(chǎn)品,ET形象等場景中。
進化色彩濃度阿里云特色的技術(shù)環(huán)境,它是虛與實的結(jié)合,是智能的體現(xiàn),是靈動的狀態(tài),它包含了基礎色彩,灰度,呼吸色彩,產(chǎn)品色彩。
呼吸的色彩:
4.6初步設計規(guī)范
網(wǎng)格設計規(guī)范
布局是一個能夠執(zhí)導產(chǎn)品的所有視覺元素的基礎框架,是產(chǎn)品設計中的視覺基石。使用布局系統(tǒng),將視覺元素以規(guī)律性的空間感,從而更高效地有序的完成視覺元素構(gòu)建,指導更合理的設計頁面布局,挖掘更豐富且具有一致性的視覺創(chuàng)意。
以上僅展示階段性成果,設計原則,設計指標,元素庫,工具庫等,我們還在持續(xù)"進化"。在進化的設計語言下,用一切的臨機應變和未雨綢繆對抗對抗的日新月異。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)