提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!
2017年6月7日,正值高考40年之際,由學(xué)霸君研發(fā)的Aidam智能教育機(jī)器人作為國內(nèi)首個(gè)正式參加高考的人工智能,完成了2017高考文科數(shù)學(xué)卷的挑戰(zhàn),并獲得134分。這是AI在教育領(lǐng)域取得的突破性進(jìn)展,并得到了社會各界和媒體的持續(xù)關(guān)注。
我們有幸采訪到了學(xué)霸君的設(shè)計(jì)總監(jiān)董翔鶴,為大家分享了學(xué)霸君設(shè)計(jì)中心為高考機(jī)器人做設(shè)計(jì)的心得。
UI中國:請您介紹一下團(tuán)隊(duì)情況吧
我們的團(tuán)隊(duì)叫做學(xué)霸君設(shè)計(jì)中心。由學(xué)霸君UED和問吧科技品牌設(shè)計(jì)組兩部分夠成。一方面為學(xué)霸君App提供用戶體驗(yàn)設(shè)計(jì);另一方面以品牌設(shè)計(jì)組為依托,為公司各橫向部門提供設(shè)計(jì)支持,維護(hù)統(tǒng)一的品牌形象和設(shè)計(jì)語言,并向各業(yè)務(wù)線設(shè)計(jì)團(tuán)隊(duì)輸出設(shè)計(jì)規(guī)范和指導(dǎo)意見。秉承“設(shè)計(jì)為人民服務(wù)”的理念,以用戶為中心,努力探索設(shè)計(jì)、技術(shù)、商業(yè)的融合。
UI中國:學(xué)霸君研發(fā)智能教育機(jī)器人的初衷是什么呢?
高考機(jī)器人是人工智能在教育領(lǐng)域的一個(gè)樞紐點(diǎn),它模仿人腦的感知、記憶、認(rèn)知、分析、建立經(jīng)驗(yàn)知識庫、聯(lián)想、判斷、決策,還結(jié)合了跨學(xué)科、跨領(lǐng)域的知識研究,一旦做好之后,用機(jī)器人進(jìn)行判題、個(gè)性化指導(dǎo)、學(xué)生管理、家校溝通、教案改進(jìn)都變成可能。通過AI解決個(gè)性化學(xué)習(xí)是我們的最終目的。個(gè)性化學(xué)習(xí)是解決學(xué)習(xí)負(fù)擔(dān)過重,教育資源不均衡的突破口。
UI中國:為什么會把這款機(jī)器人命名為Aidam呢?
Aidam的前身有兩個(gè)版本的內(nèi)部代號。由于高考發(fā)布會的召開,我們首先需要賦予它一個(gè)響亮的名字,以提高它的傳播性并降低認(rèn)知成本。命名過程中,我們查閱了大量的典故和資料,并不斷和項(xiàng)目團(tuán)隊(duì)進(jìn)行討論,最終命名為 ——“Aidam”。
Aidam名字由“Adam-亞當(dāng)”演變而來,亞當(dāng)是《圣經(jīng)》中的第一個(gè)人。我們在A與D之間加了一個(gè)“i”,前兩個(gè)字母構(gòu)成了AI的含義。整體寓意Aidam是教育領(lǐng)域第一個(gè)真正意義上的人工智能,同時(shí)也是K12領(lǐng)域智能化教育之路上的第一“人”。
UI中國:Aidam演算產(chǎn)品主要由什么構(gòu)成,又是遵循什么樣的原則設(shè)計(jì)的?
Aidam演算產(chǎn)品由“動態(tài)腦”和“解題UI”兩部分構(gòu)成。“動態(tài)腦”側(cè)重于具象化的呈現(xiàn)Aidam處理試卷中每道題目的結(jié)構(gòu)化過程,“解題UI”則側(cè)重于展示Aidam處理高考試卷的計(jì)算流程并輸出結(jié)果,兩者精準(zhǔn)聯(lián)動,同步展示。
在設(shè)計(jì)時(shí),我們首先定義了三條設(shè)計(jì)原則:
1.不過多去定義設(shè)計(jì)結(jié)果本身,而是由過程推動結(jié)果;
2.最大程度的利用和呈現(xiàn)AI本身的計(jì)算和思考過程;
3.設(shè)計(jì)流程建立在真實(shí)的信息層級和數(shù)據(jù)構(gòu)建中。
UI中國:能否詳細(xì)地為大家介紹一下“動態(tài)腦”和“解題UI”?
好的。首先說下動態(tài)腦。
最初設(shè)計(jì)動態(tài)形象的時(shí)候我們嘗試了一些不同的方向,如相對具象的擬人形態(tài)、數(shù)據(jù)可視化的UI動畫還有意義相對抽象的動態(tài)模擬,但最終回歸到Aidam運(yùn)算過程的本質(zhì)。“ 它在自我學(xué)習(xí)的過程表現(xiàn)出一種可以模仿人腦感知、推理、分析,并且可以去判斷、推理、決策復(fù)雜的數(shù)學(xué)題目的狀態(tài);運(yùn)算時(shí)通過羅列知識樹,大量檢索知識元并探索出一條最佳的解題路徑,達(dá)到對題目的解析 ”。抽絲剝繭后我們將“大腦”作為Aidam擬物化的主要視覺元素,一方面符合產(chǎn)品本身,另一方面有助于降低認(rèn)知成本。將解題過程中形成的“知識元鏈”解構(gòu)成為“大腦”中“神經(jīng)元”和“神經(jīng)元連接”,以每一個(gè)“神經(jīng)元”為基礎(chǔ)單位,通過Aidam本身的算法和邏輯來生成不同排列和結(jié)構(gòu)的“知識元神經(jīng)網(wǎng)絡(luò)”呈現(xiàn)最終的視覺結(jié)果。
由“神經(jīng)元”構(gòu)建知識樹結(jié)構(gòu)的視覺語言,我們參考了星圖“Pillars of Creation”的物理形態(tài),和草間彌生對大量點(diǎn)狀、圓形陣列的設(shè)計(jì)手法。于技術(shù)實(shí)現(xiàn)上運(yùn)用UNITY粒子對應(yīng)知識元的方法,來實(shí)現(xiàn)解題過程中知識元數(shù)據(jù)與動畫效果的實(shí)時(shí)交互。設(shè)計(jì)師與工程師不斷共創(chuàng)。對基礎(chǔ)設(shè)計(jì)單元設(shè)定位置、材質(zhì)、速度等大量的條件參數(shù),并且將不同層級上的設(shè)計(jì)單元建立有序的邏輯關(guān)系和視覺關(guān)系。
通常的設(shè)計(jì)在一定程度上皆以結(jié)果為導(dǎo)向,設(shè)計(jì)本身是在通過過程輸出結(jié)果,但在人工智能的視覺表達(dá)語境中,我們倡導(dǎo)的設(shè)計(jì)態(tài)度是“將機(jī)器計(jì)算的力量轉(zhuǎn)換為無限的創(chuàng)意能量”。因此,Aidam在解決不同數(shù)學(xué)問題時(shí)會科學(xué)客觀的呈現(xiàn)出當(dāng)前的視覺形態(tài),1603個(gè)神經(jīng)知識元在解決數(shù)大量的數(shù)學(xué)問題時(shí),將產(chǎn)生海量的視覺形態(tài)。
視頻1:https://v.qq.com/x/page/r0533yxrls2.html
第二個(gè),解題UI。
解題UI是Aidam智能教育機(jī)器人在自動解題領(lǐng)域的外化產(chǎn)品。在“挑戰(zhàn)高考”中扮演著核心功能的角色,“動態(tài)腦”形象的推導(dǎo)依賴于它,展示的操作流程源于它。在解單題的功能上,之前已經(jīng)有了不錯(cuò)的進(jìn)展和體驗(yàn),但在面臨整卷解答時(shí),我們不能簡單的理解為解決多題解答的問題,而是要綜合考慮整個(gè)高考數(shù)學(xué)體系,其中包括出題系統(tǒng)、答題系統(tǒng)、判卷系統(tǒng)等,這樣才能讓Aidam按照高考的規(guī)則完成整卷的解答任務(wù)。
設(shè)計(jì)調(diào)研階段,在教研部門的協(xié)助下我們分析了從2008-2016年所有的高考數(shù)學(xué)全國卷,研究的范圍從試卷的格式、題型對應(yīng)的題目數(shù)量,直至精確到試卷及答題卡每個(gè)細(xì)節(jié)的書寫格式,通過不停的改進(jìn)和補(bǔ)充產(chǎn)品功能上的邏輯來不斷訓(xùn)練Aidam學(xué)習(xí)高考的做題意識并讓系統(tǒng)達(dá)到真實(shí)高考的標(biāo)準(zhǔn)化級別。同時(shí)為了提高整卷解答的體驗(yàn)我們主要做了三方面的工作。
1_布局,從左到右將頁面分為“預(yù)覽器”、“計(jì)算器”、“答題卡”三個(gè)模塊,來模擬真實(shí)場景中讀題、思考、答題的過程順序;
2_動效,利用“時(shí)間差”來強(qiáng)化3個(gè)模塊間的信息層級和模塊間的信息流動。通過動效,用戶可以更好的感知信息正在發(fā)生的變化,并更好的維持整個(gè)系統(tǒng)的連續(xù)性體驗(yàn);
當(dāng)人們在感知物體運(yùn)動時(shí),物體的速度決定了物體在頁面空間中的關(guān)系及功能,當(dāng)每個(gè)模塊在發(fā)生運(yùn)動時(shí),我們運(yùn)用的easing——加速和減速的效果,使得運(yùn)動更貼近真實(shí),而不是機(jī)械化的運(yùn)動體驗(yàn)造成的消極性影響。
? easing 動畫調(diào)試 / 展開、填充、滾動動效
? 細(xì)節(jié)動效
3_功能,對試卷錄入、試卷組成、公式渲染的顯示、答案輸出格式、判卷規(guī)則、成績公布制定詳細(xì)的標(biāo)準(zhǔn)來解決功能和視覺輸出上的穩(wěn)定性。
整個(gè)演算產(chǎn)品最大的挑戰(zhàn)就是將“動態(tài)腦”、解題UI、和解題引擎進(jìn)行實(shí)時(shí)聯(lián)動。技術(shù)上通過搭建“控制臺”的方式來達(dá)到整體的協(xié)調(diào)。
視頻2:https://v.qq.com/x/page/z0533xeodpj.html
UI中國:Aidam品牌化傳播這塊,你們是如何考慮和進(jìn)行的呢?
隨著Aidam的產(chǎn)品設(shè)計(jì)和開發(fā)逐步深入,我們開始思考對其進(jìn)行品牌化傳播。在logo設(shè)計(jì)之初,我們的品牌團(tuán)隊(duì)進(jìn)行了細(xì)致的背景調(diào)查和理念匯總,最終希望以更前瞻性的視角和視覺語言來讓大家認(rèn)識Aidam,讓人們愿意相信科技即將推動教育的進(jìn)程,人工智能已經(jīng)走進(jìn)教育界和我們身邊。
通過訪談和總結(jié),首先定義了品牌的四個(gè)關(guān)鍵詞“教育、挑戰(zhàn)、智慧、未來”。這些關(guān)鍵詞就是我們著力塑造的品牌方向,將“智能推動未來教育”的品牌理念融入Aidam設(shè)計(jì)的整個(gè)過程。伴隨著凌亂的草圖和工作臺,在幾十個(gè)方案的設(shè)想和嘗試后,我們最終確定了Aidam的品牌標(biāo)識。
Aidam的核心圖形 ——“大腦”來源于“動態(tài)腦”的形象,是對大腦輪廓簡化后的提煉。搭配標(biāo)準(zhǔn)字用來在印刷品、物料等真實(shí)介質(zhì)上使用。擔(dān)當(dāng)主標(biāo)識的職責(zé)。輔助圖形提取于腦回路的線性結(jié)構(gòu),4條曲線搭配4種標(biāo)準(zhǔn)色,來分別代表教育、挑戰(zhàn)、智慧、未來。在屏幕等虛擬介質(zhì)上主要以動態(tài)方式存在。
字體部分的設(shè)計(jì),一方面需要使之更好的與圖形相適應(yīng),另一方面要賦予它品牌的個(gè)性。Aidam形象中最主要的抽象概念是點(diǎn)線間的動態(tài)連接,為了延續(xù)這種動態(tài)的感覺,我們采用極簡的無襯線字體作為基本字形,字重的選擇上更傾向于輕盈的light字重;字形的設(shè)計(jì)上做了一些微小的處理,字母a和d的負(fù)形部分采用幾近正圓形的處理手法,使文字更具有符號性和數(shù)字感;為平衡辨識度和整體設(shè)計(jì)感受,將字形的一部分做成圓角,另一部分維持了基本字形的平直。為了適應(yīng)不同的延展需求,標(biāo)志的組合形式也做了相應(yīng)的設(shè)計(jì)規(guī)范。
Aidam品牌形象落地主要面向于產(chǎn)品本身和6月7日的高考機(jī)器人發(fā)布會,視覺語言上統(tǒng)一取自輔助圖形中曲線的應(yīng)用。產(chǎn)品部分包括辦公用品的延展及線上解題頁面的應(yīng)用;發(fā)布會部分包括活動主視覺、工卡、邀請函、Keynote、H5、報(bào)紙、車身廣告等的應(yīng)用。
執(zhí)行落地需要一個(gè)復(fù)雜的周期,在首要考慮可行性的前提下,我們力求在細(xì)節(jié)上做出一些“驚喜”。在發(fā)布會邀請函的設(shè)計(jì)中我們采用了動態(tài)光柵板的材質(zhì),通過上下的擺動,不同的線和點(diǎn)逐漸閃爍起來,像是被賦予了生命。我們希望通過設(shè)計(jì),物料也可以和人產(chǎn)生交互。
Aidam項(xiàng)目是一次將“設(shè)計(jì)、技術(shù)、教育”有機(jī)結(jié)合的嘗試,在此過程中我們的設(shè)計(jì)團(tuán)隊(duì)不斷的克服壓力,進(jìn)行著一些不曾有過的突破和探索,與大家分享我們的一點(diǎn)經(jīng)驗(yàn)。伴隨著Aidam 134分的成績和發(fā)布會的圓滿結(jié)束,我們在個(gè)性化智能教育產(chǎn)品領(lǐng)域的設(shè)計(jì)之路也拉開了帷幕,對智慧教育的未來我們充滿期待。
UI中國:在主導(dǎo)Aidam項(xiàng)目的設(shè)計(jì)過程中,您有什么深刻的感受嗎?
設(shè)計(jì)不僅是 “Look and Feel”,更是 “How it works” ,表達(dá)產(chǎn)品運(yùn)轉(zhuǎn)的方式和邏輯。Aidam項(xiàng)目就是既要看到AI解題的過程和結(jié)果,又要讓人更好的理解它是如何運(yùn)轉(zhuǎn)的。公司的信任,讓整個(gè)項(xiàng)目的前端展示環(huán)節(jié)全部由設(shè)計(jì)團(tuán)隊(duì)來掌控,自動解題的產(chǎn)品設(shè)計(jì)、Aidam動態(tài)形態(tài)、品牌落地、發(fā)布會設(shè)計(jì)執(zhí)行,包含產(chǎn)品、交互、UI、動效、Unity3D、品牌設(shè)計(jì)等若干技能的交叉應(yīng)用。過程中團(tuán)隊(duì)成員都在不斷突破、探索,收獲成長。
UI中國:對于設(shè)計(jì)類似的人工智能產(chǎn)品,能否給大家分享一些小心得呢?
當(dāng)前涉及到人工智能的產(chǎn)品設(shè)計(jì)多是toB的,這塊的設(shè)計(jì)方法和思維方式與toC產(chǎn)品有一些明顯的區(qū)別。就像上面寫到的toC產(chǎn)品更傾向于傳遞感受,而toB的產(chǎn)品設(shè)計(jì)則更傾向于傳遞過程。比如Aidam的動態(tài)腦其實(shí)就是數(shù)據(jù)可視化的過程。行業(yè)整體上目前針對于AI的一些設(shè)計(jì)經(jīng)驗(yàn)還是比較少的,我們也希望看到
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊