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