雙11期間有1.7 億個(gè)banner，都來(lái)自阿里的“鹿班”AI設(shè)計(jì)系統(tǒng)

隨著人工智能時(shí)代的到來(lái)，設(shè)計(jì)與人工智能的糾葛，藝術(shù)與科技的博弈，越來(lái)越頻繁地現(xiàn)身熱門(mén)話題榜。而在設(shè)計(jì)人工智能領(lǐng)域，阿里巴巴已經(jīng)開(kāi)始加速探索。

就像那句廣為流傳的“Talk is cheap, show me the code”，他們也真的在去年“雙11”期間，show 出了 1.7 億由阿里的設(shè)計(jì)人工智能產(chǎn)品“鹿班”設(shè)計(jì)的 banner（廣告橫幅）。所以，懷著對(duì)科技既畏又愛(ài)的心，我們找 “鹿班”的產(chǎn)品設(shè)計(jì)負(fù)責(zé)人樂(lè)（yue）乘聊了聊。

△ ?阿里巴巴AI設(shè)計(jì)項(xiàng)目負(fù)責(zé)人樂(lè)乘（吳春松）

Q= 特贊 Tezign

A= 樂(lè)乘

Q：請(qǐng)您先自我介紹一下吧？

A: 我在阿里花名樂(lè)乘，是淘寶 UED 的產(chǎn)品設(shè)計(jì)師，也是阿里人工智能設(shè)計(jì)產(chǎn)品“鹿班”的負(fù)責(zé)人，我們做的事情是人工智能技術(shù)與商業(yè)設(shè)計(jì)結(jié)合，并且落地成商業(yè)產(chǎn)品。

Q：您之前的專(zhuān)業(yè)就是設(shè)計(jì)嗎？在阿里多久了？

A: 不是的，我大學(xué)是學(xué)建筑環(huán)境，07 年畢業(yè)后“不務(wù)正業(yè)”進(jìn)入體驗(yàn)設(shè)計(jì)行業(yè)。我們這一批做交互的人很多不是科班出身，有很多心理學(xué)、工業(yè)設(shè)計(jì)背景的。我大學(xué)時(shí)開(kāi)始接觸互聯(lián)網(wǎng)，自己設(shè)計(jì)網(wǎng)頁(yè)，也做過(guò)站長(zhǎng)。畢業(yè)后，我先在一個(gè)媒體網(wǎng)站做了兩年交互，09 年加入淘寶，也就是阿里開(kāi)始實(shí)施“大淘寶”戰(zhàn)略的時(shí)候。那會(huì)兒體驗(yàn)設(shè)計(jì)在國(guó)內(nèi)剛剛興起，騰訊和淘寶兩個(gè) UED 團(tuán)隊(duì)在圈內(nèi)影響力很大，專(zhuān)業(yè)度很高，機(jī)緣巧合，最后選擇了淘寶。

Q：加入阿里之后的經(jīng)歷是怎樣的？

A: 我已經(jīng)在阿里工作 8 年了，前幾年主要做搜索，后來(lái)開(kāi)始做手淘。2015 年“雙11”后，我們?cè)趦?nèi)部發(fā)起了一個(gè)人工智能設(shè)計(jì)的項(xiàng)目，主要開(kāi)發(fā)的產(chǎn)品就是“鹿班”。我們是大公司內(nèi)部創(chuàng)業(yè)加研究新技術(shù)的團(tuán)隊(duì)，隨著產(chǎn)品和團(tuán)隊(duì)逐漸壯大，現(xiàn)在團(tuán)隊(duì)演進(jìn)為“阿里智能設(shè)計(jì)實(shí)驗(yàn)室”。

△ ?阿里智能設(shè)計(jì)實(shí)驗(yàn)室 Logo

Q: 這個(gè)團(tuán)隊(duì)成立的契機(jī)是什么？

A: 團(tuán)隊(duì)其實(shí)是自下而上發(fā)起的，在 15 年的“雙11”我是會(huì)場(chǎng)項(xiàng)目負(fù)責(zé)人，跟工程和算法兩個(gè)團(tuán)隊(duì)有很密切的合作，也在“雙11”期間建立了深厚的“戰(zhàn)斗感情”。

在 15 年之前的“雙11”，商品推薦都是人來(lái)控制的，由運(yùn)營(yíng)決定給用戶推薦什么產(chǎn)品，而 15 年那次“雙11”，是阿里第一次基于算法和大數(shù)據(jù)，為用戶做大規(guī)模的、個(gè)性化的商品推薦，叫做“千人千面”，是阿里流量分發(fā)模式很大的升級(jí)和轉(zhuǎn)型。

“雙11”結(jié)束后，我們（設(shè)計(jì)、工程和算法團(tuán)隊(duì)）就聚在一起，商量下一年要做些什么。我們當(dāng)時(shí)想，我們已經(jīng)做到的個(gè)性化推薦，但都是基于白底圖商品推薦，能不能往前邁一步，讓強(qiáng)營(yíng)銷(xiāo)導(dǎo)向的廣告資源位的設(shè)計(jì)也“千人千面”呢？

從純商品個(gè)性化跨到廣告資源位個(gè)性化，中間幾個(gè)關(guān)鍵的技術(shù)點(diǎn)打通之后，我們就著手做了。

△ ?“鹿班”做出來(lái)的banner

Q：都是哪幾個(gè)關(guān)鍵技術(shù)點(diǎn)？

A: 一是圖像算法“摳圖”。因?yàn)楦哔|(zhì)量的廣告設(shè)計(jì)需要把商品圖片摳出來(lái)，放到精美的設(shè)計(jì)主題里。以前都是設(shè)計(jì)師給商品摳圖后再做設(shè)計(jì)，現(xiàn)在我們用機(jī)器做海量設(shè)計(jì)，就得讓機(jī)器來(lái)做這個(gè)事情。我們跟阿里搜索部門(mén)做圖像切割的算法團(tuán)隊(duì)合作，處理海量的商品自動(dòng)摳圖。

第二點(diǎn)是把設(shè)計(jì)變成“數(shù)據(jù)”。一張廣告設(shè)計(jì)圖片是像素組成的“信息”，不是“數(shù)據(jù)”。我們利用機(jī)器把商品、文字和設(shè)計(jì)主題進(jìn)行在線合成，這樣每張廣告圖片就帶上了商品信息，可以根據(jù)消費(fèi)者偏好進(jìn)行個(gè)性化投放。所以鹿班產(chǎn)品上線初期，我們請(qǐng)?jiān)O(shè)計(jì)師根據(jù)活動(dòng)主題做了大批量風(fēng)格確定的模板，證明了這種模式投放效果可以大幅提升點(diǎn)擊率。

第三點(diǎn)就是讓機(jī)器學(xué)習(xí)設(shè)計(jì)?？俊叭巳庠O(shè)計(jì)模板”度過(guò)了第一個(gè)階段，但長(zhǎng)遠(yuǎn)發(fā)展角度我們必須讓機(jī)器來(lái)做設(shè)計(jì)。大概是 16 年 8 月份開(kāi)始的，有一位之前負(fù)責(zé)淘寶“拍立淘”（在淘寶內(nèi)通過(guò)圖片搜索找同款，隨拍隨找）產(chǎn)品開(kāi)發(fā)的圖像算法專(zhuān)家加入進(jìn)來(lái)，主導(dǎo)整個(gè)智能設(shè)計(jì)的算法框架。

△ ?設(shè)計(jì)數(shù)據(jù)化

Q：中間有踩坑嗎？

A: 有的，因?yàn)槲覀冊(cè)谧鲆患苄碌氖虑椋袠I(yè)里沒(méi)有什么參考對(duì)象，只能不斷試錯(cuò)。剛開(kāi)始的時(shí)候，我們的數(shù)據(jù)不太夠，就制定了很強(qiáng)的設(shè)計(jì)規(guī)則去控制，結(jié)果就是機(jī)器要么跑不出設(shè)計(jì)結(jié)果，要么設(shè)計(jì)出來(lái)的結(jié)果很失控。設(shè)計(jì)是有無(wú)窮可能性的，靠弱數(shù)據(jù)強(qiáng)規(guī)則必然走不通。意識(shí)到這一點(diǎn)以后，我們就集中精力去解決數(shù)據(jù)問(wèn)題，把內(nèi)部設(shè)計(jì)師電腦里的設(shè)計(jì)圖和供應(yīng)商的設(shè)計(jì)圖都收集過(guò)來(lái)。

Q：這么多圖片散落在這么多電腦里，怎么收集和整理??？

A：我們有自己開(kāi)發(fā)的設(shè)計(jì)協(xié)同工具“設(shè)計(jì)板”，有點(diǎn)類(lèi)似Slack（一款協(xié)作辦公應(yīng)用），但是是專(zhuān)門(mén)用于設(shè)計(jì)協(xié)同的。這樣才能方便我們大批量、規(guī)?；恼业竭@些數(shù)據(jù)。

Q：收集起來(lái)也還是很亂啊

A：是的，所以就遇到了第二個(gè)挑戰(zhàn)，就是數(shù)據(jù)清洗和輸入機(jī)器，因?yàn)槭占^(guò)來(lái)的數(shù)據(jù)是很雜亂的。比如“雙11”期間“魔性”的設(shè)計(jì)風(fēng)格跟無(wú)印良品這種“性冷淡”風(fēng)格差異很大，這是完全不一樣的品牌調(diào)性和設(shè)計(jì)需求。我們花了很大的力氣去整理和建立了一套數(shù)據(jù)體系去管理設(shè)計(jì)數(shù)據(jù)，讓機(jī)器生產(chǎn)出更匹配的結(jié)果。

△ ?設(shè)計(jì)智能化

Q：有人說(shuō)“鹿班”沒(méi)有達(dá)到設(shè)計(jì)人工智能的階段，只是“大數(shù)據(jù)生產(chǎn)”，您如何看待這個(gè)說(shuō)法？

A: 現(xiàn)在講 AI ，外界很難感受到機(jī)器的智能含量多高、體現(xiàn)在什么地方，但我也不太同意“大數(shù)據(jù)生產(chǎn)”這一說(shuō)，我覺(jué)得這個(gè)疑問(wèn)涉及兩個(gè)核心的，也是最基本的問(wèn)題：一是什么叫設(shè)計(jì)智能，二是怎么評(píng)價(jià)機(jī)器是否具備了設(shè)計(jì)智能。

AI 目前有幾個(gè)主要方向，一個(gè)是“識(shí)別”，像語(yǔ)音識(shí)別、圖像識(shí)別；另一個(gè)是“生成”，也就是我們?cè)谧龅?，從無(wú)到有創(chuàng)造東西，讓機(jī)器能根據(jù)請(qǐng)求生成符合特定要求的結(jié)果。我們把我們的智能設(shè)計(jì)定位為：可控的圖像生成技術(shù)。我們可以結(jié)合技術(shù)框架和原理來(lái)理解，我會(huì)在 UCAN 大會(huì)上詳細(xì)講。

Q：那在這里先給我們簡(jiǎn)單講講？

A: 也可以。在整個(gè)生成過(guò)程中，有4個(gè)核心步驟。

第一步，讓機(jī)器理解設(shè)計(jì)是什么構(gòu)成的：我們通過(guò)人工數(shù)據(jù)標(biāo)注，對(duì)設(shè)計(jì)的原始文件中的圖層做分類(lèi)，對(duì)元素做標(biāo)注。設(shè)計(jì)專(zhuān)家團(tuán)隊(duì)也會(huì)提煉設(shè)計(jì)手法和風(fēng)格。通過(guò)數(shù)據(jù)的方式告訴機(jī)器這些元素為什么可以放在一起，我們把專(zhuān)家的經(jīng)驗(yàn)和知識(shí)通過(guò)數(shù)據(jù)輸入。這部分核心是深度序列學(xué)習(xí)的算法模型。

第二步，建立元素中心：當(dāng)機(jī)器學(xué)習(xí)到設(shè)計(jì)框架后，需要大量的生產(chǎn)資料。我們會(huì)建立元素庫(kù)，通過(guò)機(jī)器做圖像特征提取，然后分類(lèi)，再通過(guò)人工控制圖像質(zhì)量以及版權(quán)問(wèn)題，我們買(mǎi)了有版權(quán)的圖庫(kù)，也是希望從一開(kāi)始就避免版權(quán)方面的糾紛。

第三步，生成的系統(tǒng)：原理有點(diǎn)像 Alpha Go 下圍棋。我們?cè)谠O(shè)計(jì)框架上構(gòu)建起虛擬畫(huà)布，類(lèi)似棋盤(pán)，生成的系統(tǒng)把元素中心的元素往棋盤(pán)放，在這里我們采用了“強(qiáng)化學(xué)習(xí)”，就好像你在家里放一臺(tái)掃地機(jī)器人，讓它自己跑，跑個(gè)幾圈，它自己會(huì)知道哪里有障礙要避開(kāi)。在強(qiáng)化學(xué)習(xí)的過(guò)程中，機(jī)器參考原始樣本，通過(guò)不斷嘗試，得到一些反饋，然后從中學(xué)習(xí)到什么樣的設(shè)計(jì)是對(duì)的、好的。

第四步，評(píng)估的系統(tǒng)：我們會(huì)抓取大量設(shè)計(jì)的成品，從“美學(xué)”和“商業(yè)”兩個(gè)方面進(jìn)行評(píng)估。美學(xué)上的評(píng)估由人來(lái)進(jìn)行，這方面有專(zhuān)業(yè)眾包公司；商業(yè)上的評(píng)估就是看投放出去的點(diǎn)擊率瀏覽量等等。

△ ?4個(gè)核心步驟

Q: 明白了，所以您覺(jué)得“鹿班”的最大優(yōu)勢(shì)是什么？

A: 我覺(jué)得“鹿班”是商業(yè)和技術(shù)兩方面的比較好的結(jié)合產(chǎn)物。首先在技術(shù)深度方面，它有門(mén)檻很高的一套系統(tǒng)，另外在商業(yè)方面，它的確能通過(guò)“智能化”和“個(gè)性化”，實(shí)現(xiàn)商業(yè)價(jià)值最大化，顛覆傳統(tǒng)方式。

Q: 聽(tīng)說(shuō)去年“雙11”，“鹿班”設(shè)計(jì)了 1.7 億個(gè) banner，你怎么看這個(gè)“歷史事件”？

A: 其實(shí)這 1.7 億個(gè) banner 是有設(shè)計(jì)強(qiáng)干預(yù)的，因?yàn)椤半p11”的風(fēng)格是比較確定而且需要嚴(yán)格執(zhí)行，所以設(shè)計(jì)師制作了很多“雙11”特定風(fēng)格的固定模板。機(jī)器在這個(gè)基礎(chǔ)上，把調(diào)整尺寸這些行為進(jìn)行優(yōu)化，節(jié)省了尺寸拓版的人力。用機(jī)器生成億級(jí)設(shè)計(jì)從而帶來(lái)商業(yè)效果提升，總體來(lái)說(shuō)也是一次非常成功的應(yīng)用實(shí)踐。我想未來(lái)的“雙11”仍然會(huì)是設(shè)計(jì)師帶著機(jī)器做設(shè)計(jì)的模式，重大活動(dòng)中設(shè)計(jì)機(jī)器是提升效率的助理角色。

Q: 取得了這么大的成功，阿里內(nèi)部如何評(píng)價(jià)“鹿班”呢？另外，“鹿班”把 banner 都“擼”完了，原來(lái)做 banner 的人怎么辦？

A: 引用阿里 CEO 的話——“鹿班是數(shù)據(jù)業(yè)務(wù)化的代表”，之前我們有很多數(shù)據(jù)，但都是閑置的或者利用效率不高的，比如海量的商品圖，而“鹿班”把數(shù)據(jù)變成了業(yè)務(wù)，通過(guò)大規(guī)模設(shè)計(jì)加精準(zhǔn)投放，提高每個(gè)廣告位的資源效率，帶動(dòng)了流量的效率和業(yè)務(wù)價(jià)值，點(diǎn)擊率是翻倍的，收益也接近翻倍。人員倒沒(méi)有出現(xiàn)縮減，只是做的事情有調(diào)整了，要學(xué)習(xí)這套系統(tǒng)，學(xué)習(xí)如何訓(xùn)練機(jī)器，同時(shí)在美學(xué)方面做把控。

△ ?從“設(shè)計(jì)思維”到“數(shù)據(jù)思維”

Q: 說(shuō)到這里，好像漏了一個(gè)很重要的問(wèn)題，為什么這個(gè)產(chǎn)品要叫“鹿班”？聽(tīng)說(shuō)是“擼一個(gè) banner ”的諧音？

A:（笑）當(dāng)時(shí)我們開(kāi)玩笑說(shuō)要 “讓天下沒(méi)有難擼的banner ”，諧音就是“鹿班”，后來(lái)發(fā)現(xiàn)簡(jiǎn)直太合適了，鹿班不僅本身是個(gè)偉大的工匠，也是很多工具的發(fā)明人，所以他的理念跟我們做的事情是不謀而合的，我們也希望發(fā)明工具，讓設(shè)計(jì)師更好地工作。

△ ?“鹿班”的 logo

Q：感覺(jué)你們也是一群大神，你們團(tuán)隊(duì)現(xiàn)在有多大？

A: 我們現(xiàn)在有十幾個(gè)人。

Q：只有十幾個(gè)？！

A: 對(duì)，有設(shè)計(jì)、算法和工程三個(gè)部分，成員大部分是 80 后，現(xiàn)在也有 90 后加入了，我們對(duì)計(jì)算機(jī)視覺(jué)領(lǐng)域的人一直是求賢若渴的（歡迎大家投簡(jiǎn)歷）。因?yàn)槭窃诎⒗飪?nèi)部獨(dú)立做研究，所以團(tuán)隊(duì)氛圍跟很多小型創(chuàng)業(yè)公司很像，大家都很有熱情、很果斷、行動(dòng)力很強(qiáng)。

Q：現(xiàn)在看來(lái)，你們的方向已經(jīng)很清晰，那下個(gè)階段要攻克的挑戰(zhàn)是什么？

A: 主要有兩個(gè)吧，一是要讓智能設(shè)計(jì)去影響阿里設(shè)計(jì)生態(tài)，讓“鹿班”能服務(wù)百萬(wàn)量級(jí)的商家和設(shè)計(jì)師。一開(kāi)始在內(nèi)部推進(jìn)“鹿班”的時(shí)候，我們也面臨過(guò)阻力。傳統(tǒng)的方式就是，設(shè)計(jì)一個(gè) banner，放很多商品，顯得很熱鬧，而“鹿班”做出來(lái)的 banner 上就是單件商品，但與消費(fèi)者是相關(guān)的，因?yàn)槭腔谒惴ň珳?zhǔn)推薦的，是你會(huì)感興趣的，只是這樣就要把商品放大、顯眼，可能在設(shè)計(jì)上就不夠美。但最后，我們讓數(shù)據(jù)說(shuō)話，確實(shí)后者給業(yè)務(wù)帶來(lái)了很好的增長(zhǎng)。這個(gè)教育過(guò)程是比較長(zhǎng)的，在內(nèi)部我們可以做，但面對(duì)百萬(wàn)商家和設(shè)計(jì)師如何去做？這是我們的挑戰(zhàn)。

第二個(gè)挑戰(zhàn)是數(shù)據(jù)算法本身的持續(xù)升級(jí)。AI 行業(yè)每年都會(huì)有很大的變化，新的技術(shù)不斷涌現(xiàn)出來(lái)，如何跟上最新的技術(shù)？這也是我們始終不能松懈的點(diǎn)。

鹿班設(shè)計(jì)系統(tǒng)更詳細(xì)的工作原理：《美工終結(jié)者「鹿班智能設(shè)計(jì)平臺(tái)」是如何工作的？》

除了阿里的鹿班系統(tǒng)，還有哪些厲害的人工智能設(shè)計(jì)神器：http://www.czdes.cn/ai-design-artifact

Adobe 出了一個(gè)超厲害的人工智能黑科技：http://www.czdes.cn/ai-design-adobe-sensei

歡迎關(guān)注特贊的微信公眾號(hào)：

「人工智能與設(shè)計(jì)師」

1. 《當(dāng)人工智能也會(huì)畫(huà)UI，設(shè)計(jì)師的核心價(jià)值在哪里？》
2. 《人工智能時(shí)代，不想失業(yè)的設(shè)計(jì)師應(yīng)該提前做哪些準(zhǔn)備？》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量200萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com