【譯者注】過(guò)去的一年，B2B UED團(tuán)隊(duì)花費(fèi)了巨大的資源和精力投入阿里巴巴集團(tuán)中臺(tái)DPL（Design Pattern Library）項(xiàng)目，旨在通過(guò)設(shè)計(jì)模式的提煉及抽象，由規(guī)則和算法支撐更自動(dòng)化的設(shè)計(jì)工具，智能生成常規(guī)產(chǎn)品設(shè)計(jì)頁(yè)面，從而將設(shè)計(jì)師從繁重的常規(guī)設(shè)計(jì)任務(wù)中解放出來(lái)，投入到更需創(chuàng)造力更有價(jià)值的設(shè)計(jì)項(xiàng)目之中。其間，譯者深刻感悟到當(dāng)今時(shí)代對(duì)設(shè)計(jì)師價(jià)值的全新認(rèn)識(shí)。這是一場(chǎng)設(shè)計(jì)師職能升級(jí)的革命，如暴風(fēng)般引入，如未能看清并找準(zhǔn)自身定位，或許短短幾年后你的專業(yè)核心技能將不再具備競(jìng)爭(zhēng)力。本文作者描述的算法驅(qū)動(dòng)設(shè)計(jì)理念，正好與國(guó)內(nèi)諸多公司逐漸興起的設(shè)計(jì)自動(dòng)化趨勢(shì)有不少一致見(jiàn)解，相信認(rèn)真閱讀后，你還能在這變幻莫測(cè)日新月異的科技更迭之中，緊握設(shè)計(jì)價(jià)值的立足之本。
推崇算法驅(qū)動(dòng)設(shè)計(jì)的理念數(shù)年后，我逐漸積累了一些實(shí)踐案例。這套工具方法能幫助我們構(gòu)建用戶界面、編制資產(chǎn)（assets）內(nèi)容并個(gè)性化用戶體驗(yàn)，遺憾的是，這類稀缺資訊一直沒(méi)能系統(tǒng)化。
然而，在2017年，隨著這套工具的技術(shù)基礎(chǔ)不斷進(jìn)化，設(shè)計(jì)界也逐步對(duì)算法、神經(jīng)網(wǎng)絡(luò)和人工智能產(chǎn)生興趣。如今已是重新思考設(shè)計(jì)師角色的最佳時(shí)機(jī)。
圖1. 通過(guò)Prisma和Glitche生成的唱片封面
設(shè)計(jì)師會(huì)被機(jī)器人取代嗎？
算法驅(qū)動(dòng)設(shè)計(jì)最讓人印象深刻的宣言，由臭名昭著的內(nèi)容建站系統(tǒng)The Grid提出，它對(duì)相應(yīng)模板及內(nèi)容呈現(xiàn)樣式進(jìn)行選擇，然后自動(dòng)修飾并整理圖片。此外，該系統(tǒng)通過(guò)A/B測(cè)試結(jié)果來(lái)挑選最佳模式。不過(guò)，The Grid還在內(nèi)測(cè)階段，我們只能通過(guò)已公布內(nèi)容及廣告來(lái)評(píng)估整個(gè)想法是否靠譜。
Designer News社區(qū)發(fā)現(xiàn)了利用The Grid創(chuàng)建網(wǎng)站的真實(shí)案例，由于不少用戶詬病設(shè)計(jì)及代碼質(zhì)量，他們的反應(yīng)五味雜陳。許多質(zhì)疑者當(dāng)天甚至擊掌相慶來(lái)堅(jiān)持設(shè)計(jì)師無(wú)法被取代的理由。
圖2. The Grid內(nèi)容建站系統(tǒng)
用算法來(lái)替代設(shè)計(jì)師聽起來(lái)很超前，但整個(gè)想法是錯(cuò)誤的。產(chǎn)品設(shè)計(jì)師通過(guò)將原始產(chǎn)品理念轉(zhuǎn)化為經(jīng)過(guò)深思熟慮具備堅(jiān)實(shí)交互原則的用戶界面、良好的信息架構(gòu)和視覺(jué)風(fēng)格，來(lái)幫助公司實(shí)現(xiàn)業(yè)務(wù)目標(biāo)并強(qiáng)化其品牌。
設(shè)計(jì)師進(jìn)行諸多大小不一的決策 ，其中許多過(guò)程幾乎難以言述。此外，設(shè)計(jì)師接到的需求并非100％清晰一致，為了讓產(chǎn)品更加完善，設(shè)計(jì)師還會(huì)幫助產(chǎn)品經(jīng)理解決這些沖突 。這不僅僅是通過(guò)選擇一個(gè)合適模板和填充其內(nèi)容就能搞定。
然而，如果我們談?wù)摰氖莿?chuàng)造性合作，當(dāng)設(shè)計(jì)師與算法一起工作以解決產(chǎn)品問(wèn)題時(shí)，我們看到了算法驅(qū)動(dòng)設(shè)計(jì)的很多優(yōu)秀案例和它的明顯潛力。算法可以改良網(wǎng)站和移動(dòng)應(yīng)用的日常設(shè)計(jì)工作，這讓人覺(jué)得很有意思。
與算法進(jìn)行創(chuàng)新合作
如今的設(shè)計(jì)師們?cè)缫褜W(xué)會(huì)把玩諸多工具和技能，以實(shí)現(xiàn)近乎完美的原型效果，這也直接導(dǎo)致了“產(chǎn)品設(shè)計(jì)師”的概念出現(xiàn)。產(chǎn)品設(shè)計(jì)師是產(chǎn)品團(tuán)隊(duì)的積極成員，他們熟知用戶研究，也擅長(zhǎng)交互設(shè)計(jì)和信息架構(gòu)，還可以創(chuàng)建視覺(jué)風(fēng)格，用動(dòng)效設(shè)計(jì)使其更出彩，并對(duì)代碼進(jìn)行簡(jiǎn)單的修改。這些人在任何產(chǎn)品團(tuán)隊(duì)中都是無(wú)價(jià)之寶。
然而，平衡如此多的技能非常困難-你不能在產(chǎn)品的每個(gè)環(huán)節(jié)都花費(fèi)這么多時(shí)間。當(dāng)然，最近瘋狂涌現(xiàn)的新設(shè)計(jì)工具縮短了我們創(chuàng)建可交付成果所需的時(shí)間，并擴(kuò)展了我們的能力。然而，它仍然不夠。仍有太多的設(shè)計(jì)日常工作及新職責(zé)，將我們好不容易省下的時(shí)間都消耗掉了。我們需要自動(dòng)化和簡(jiǎn)化工作流程。對(duì)此，我看到以下三個(gè)關(guān)鍵方向：
構(gòu)建UI
籌備素材及內(nèi)容
個(gè)性化用戶體驗(yàn)
我會(huì)舉一些例子，并提出未來(lái)工作過(guò)程的新趨勢(shì)。
構(gòu)建UI
諸如Medium，Readymag和Squarespace的發(fā)布工具已經(jīng)簡(jiǎn)化了作者的不少工作-無(wú)數(shù)的高質(zhì)量模板在不需要花錢請(qǐng)?jiān)O(shè)計(jì)師的情況下帶給作者漂亮的設(shè)計(jì)。我們現(xiàn)在可以讓這些模板更智能，使用門檻更低。
例如，當(dāng)The Grid仍然處于測(cè)試階段時(shí)，一個(gè)非常成功的網(wǎng)站創(chuàng)建站點(diǎn)Wix，已經(jīng)開始開發(fā)包括算法驅(qū)動(dòng)的相關(guān)特性。該公司提出了高級(jí)設(shè)計(jì)智能（Advanced Design Intelligence）的概念，它類似于The Grid以半自動(dòng)化方式讓非專業(yè)人士創(chuàng)建一個(gè)網(wǎng)站。Wix通過(guò)向其提供許多高質(zhì)量現(xiàn)代網(wǎng)站的示例來(lái)優(yōu)化算法。此外，它試圖提出與客戶行業(yè)相關(guān)的風(fēng)格建議。非專業(yè)人員選擇合適的模板并不容易，好在像Wix和The Grid這樣的產(chǎn)品能像設(shè)計(jì)專家一樣來(lái)服務(wù)客戶。
Wix的智能設(shè)計(jì)系統(tǒng)介紹視頻
當(dāng)然，像The Grid的情況，將設(shè)計(jì)師拒絕在創(chuàng)作過(guò)程之外，可能導(dǎo)致平庸和缺乏創(chuàng)意的結(jié)果（即使它提高整體質(zhì)量）。轉(zhuǎn)念一想，如果將這個(gè)過(guò)程比作與電腦的“結(jié)對(duì)設(shè)計(jì)”，那么我們可以減輕許多日常任務(wù)負(fù)擔(dān); 例如，設(shè)計(jì)師可以在Dribbble或Pinterest上創(chuàng)建一個(gè)情緒版，算法可以快速地將這些樣式應(yīng)用到模型并提出一個(gè)合適的模板。設(shè)計(jì)師將成為他們的新學(xué)徒“電腦”的藝術(shù)總監(jiān)。
當(dāng)然，我們無(wú)法以這種方式創(chuàng)造一個(gè)革命性的產(chǎn)品，但通過(guò)它幫助我們騰出的時(shí)間用來(lái)創(chuàng)造一個(gè)并非不可能。此外，許多日常需求是功能導(dǎo)向的，無(wú)需太多創(chuàng)新。如果一家公司足夠成熟并具有自己的設(shè)計(jì)系統(tǒng)，算法就可以使它更強(qiáng)大。
例如，設(shè)計(jì)師和開發(fā)者可以定義內(nèi)容、上下文和用戶數(shù)據(jù)的邏輯；那么，平臺(tái)將使用原理和模式來(lái)編譯設(shè)計(jì)。這將允許我們微調(diào)特定使用場(chǎng)景的最小細(xì)節(jié)，而無(wú)需手動(dòng)繪制和編碼幾十個(gè)頁(yè)面狀態(tài)。Florian Schulz告訴您如何使用插值的理念，以創(chuàng)建組件的諸多狀態(tài)。
圖3.Florian Schultz的插值概念
2012年左右我開始對(duì)算法驅(qū)動(dòng)設(shè)計(jì)有了興趣，當(dāng)時(shí)我的Mail.Ru Group設(shè)計(jì)團(tuán)隊(duì)需要一個(gè)自動(dòng)化的雜志布局。已有內(nèi)容具的語(yǔ)義結(jié)構(gòu)不佳，并且人工更新成本太高。我們?nèi)绾卧陔s志編輯不是專業(yè)設(shè)計(jì)師時(shí)產(chǎn)出質(zhì)量不錯(cuò)的設(shè)計(jì)呢？
好吧，算法中的一個(gè)特殊腳本能夠解析一篇文章。然后，根據(jù)文章的內(nèi)容（每個(gè)段落和單詞的數(shù)量，照片數(shù)量及其格式，插入引號(hào)和表格等），腳本將選擇最適合的模式來(lái)呈現(xiàn)此部分的文章。該腳本還試圖混合各類模式，使最終的設(shè)計(jì)具備多樣性。這將節(jié)省編輯在舊內(nèi)容中重新整理的時(shí)間，設(shè)計(jì)師只需添加新的演示模塊。幾年前，F(xiàn)lipboard就推出了類似的模式。
Vox Media使用類似的想法做了一個(gè)首頁(yè)生成器。該算法查找每個(gè)可能的有效布局，組合來(lái)自模板庫(kù)的不同示例。接下來(lái)，基于某些性狀檢查每一個(gè)布局并對(duì)其評(píng)分。最后，生成器選擇出“最佳”布局 ，即得分最高的布局。這比人工選擇最佳鏈接，再通過(guò)推薦引擎的方式（比如Relap.io）創(chuàng)建首頁(yè)更加高效。
圖4.Vox的首頁(yè)生成器
籌備素材及內(nèi)容
在許多變量中創(chuàng)建千篇一律的圖形素材是設(shè)計(jì)師工作中最無(wú)聊的部分之一。它需要花費(fèi)許多原本可以用來(lái)創(chuàng)造更大價(jià)值的時(shí)間，讓設(shè)計(jì)師失去動(dòng)力。
算法可以承擔(dān)如匹配顏色等簡(jiǎn)單任務(wù)。例如，Yandex.Launcher使用一種算法來(lái)根據(jù)應(yīng)用圖標(biāo)自動(dòng)設(shè)置App的顏色卡。其他變量可以自動(dòng)設(shè)置，如根據(jù)背景色改變文字顏色，在照片中凸顯眼睛用來(lái)強(qiáng)調(diào)情感，貫徹參數(shù)化字體（parametric typography）。
圖5.Yandex.Launcher
算法可以創(chuàng)建各種組合。Yandex.Market在俄羅斯使用了電商產(chǎn)品列表的營(yíng)銷圖像生成器。營(yíng)銷人員使用一個(gè)標(biāo)題和圖片填充一個(gè)簡(jiǎn)單的形式，然后生成器創(chuàng)造出無(wú)數(shù)符合設(shè)計(jì)指南的變量。Netflix走的更遠(yuǎn)，它的腳本將海報(bào)中的電影角色裁剪下來(lái)，然后應(yīng)用一個(gè)風(fēng)格化和本地化的電影標(biāo)題，再自動(dòng)生成不同類型的用戶子集。很神奇吧！癮科技已經(jīng)教會(huì)機(jī)器人學(xué)徒編寫簡(jiǎn)單的數(shù)碼產(chǎn)品新聞。哇！
圖6.Netflix電影廣告
真正的黑科技發(fā)生在神經(jīng)網(wǎng)絡(luò)。最新的案例是一個(gè)叫Prisma的手機(jī)應(yīng)用，它提供的風(fēng)格化照片看起來(lái)像著名藝術(shù)家的作品。Artisto可以按類似的方式處理視頻及流媒體。
圖7.Prisma
Aristo App視頻介紹
然而，一切還處于初級(jí)階段。沒(méi)錯(cuò)，你可以在手機(jī)上下載一個(gè)app，在數(shù)秒之內(nèi)馬上得到結(jié)果，而不是在GitHub上跟一些庫(kù)文件較勁（正如我們?nèi)ツ暌粯樱? 但在未訓(xùn)練神經(jīng)網(wǎng)絡(luò)之前，你仍然無(wú)法上傳自己的參考風(fēng)格，并得到理想結(jié)果。然而，當(dāng)這成為現(xiàn)實(shí)之后，它會(huì)使插畫家過(guò)時(shí)嗎？我認(rèn)為這對(duì)那些具有扎實(shí)基礎(chǔ)和獨(dú)特風(fēng)格的藝術(shù)家來(lái)說(shuō)完全不會(huì)。當(dāng)不需要專屬風(fēng)格時(shí)，它會(huì)降低為你的文章或網(wǎng)站配上優(yōu)雅插圖的門檻，而不是使用乏味的默認(rèn)圖片。
對(duì)于一個(gè)真正獨(dú)特的風(fēng)格，它可以讓你快速站在巨人肩膀上，“假使在一棟建筑上使用我們獨(dú)特的插畫風(fēng)格會(huì)如何？”例如，皮克斯的動(dòng)畫電影《料理鼠王》的創(chuàng)作者試圖將不同風(fēng)格應(yīng)用在電影場(chǎng)景和角色上，要是神經(jīng)網(wǎng)絡(luò)完成了這些草圖呢？我們也可以創(chuàng)建故事板把并且以漫畫形式描述場(chǎng)景（照片可以很容易地轉(zhuǎn)換為草圖）。類似的例子不枚勝舉。
最后，還得提一下現(xiàn)動(dòng)態(tài)識(shí)別。最近的品牌化中動(dòng)畫變得極其流行，但部分公司還在進(jìn)行深度研究。例如，Wolff Olins展示了巴西電信品牌Oi的logo根據(jù)聲音進(jìn)行動(dòng)態(tài)識(shí)別的案例。如果沒(méi)有一些創(chuàng)造性的協(xié)作與算法，你是無(wú)法創(chuàng)造這些讓人瘋狂的東西。
Oi Logo聲音識(shí)別動(dòng)態(tài)案例
個(gè)性化用戶體驗(yàn)
為細(xì)分的受眾群體甚至特定用戶個(gè)性化產(chǎn)品，是獲得清晰完善的產(chǎn)品策略的一種方法。我們每天都在Facebook新聞稿，Google搜索結(jié)果，Netflix和Spotify推薦以及許多其他產(chǎn)品中看到它。除了為用戶減輕過(guò)濾信息的負(fù)擔(dān)之外，產(chǎn)品更加關(guān)心用戶時(shí)，用戶與品牌的連接也變得更具情感化。
然而，關(guān)鍵問(wèn)題是設(shè)計(jì)師在這些解決方案中的角色。設(shè)計(jì)師很少有能力創(chuàng)建這種算法 – 它們來(lái)自于工程師和大數(shù)據(jù)分析師。來(lái)自CX Partners的Giles Colborne舉了一個(gè)Spotify“每周發(fā)現(xiàn)”功能的案例：此處進(jìn)行經(jīng)典用戶體驗(yàn)設(shè)計(jì)的唯一元素是音軌列表，而絕大部分獨(dú)創(chuàng)工作是由一個(gè)推薦系統(tǒng)完成的，這個(gè)系統(tǒng)為該設(shè)計(jì)模板填充有價(jià)值的音樂(lè)內(nèi)容。
圖8.Spotify每周發(fā)現(xiàn)功能（Giles Colborne演講PPT中的某頁(yè)）
在這個(gè)領(lǐng)域設(shè)計(jì)師如何提供價(jià)值，如何利用各種數(shù)據(jù)源建造并優(yōu)化算法，Colborne給出了建議。了解如何使用大數(shù)據(jù)并提煉到出可執(zhí)行的洞察力極其重要。例如，Airbnb對(duì)此已有探索，通過(guò)給出“未來(lái)某天列表上的（房間）預(yù)訂價(jià)格是多少？”，方便房東據(jù)此設(shè)置具有競(jìng)爭(zhēng)力的房?jī)r(jià)。Netflix推薦引擎的類似案例就不一一窮舉了。
圖9.“交互設(shè)計(jì)師VS算法”-Giles Colborne
一個(gè)相對(duì)較新的名詞，“預(yù)期設(shè)計(jì) （Anticipatory Design）”對(duì)用戶體驗(yàn)個(gè)性化和用戶訴求預(yù)期提供了更廣的視野。我們已經(jīng)在手機(jī)上見(jiàn)識(shí)到：Google Now和Siri會(huì)使用位置記錄數(shù)據(jù)自動(dòng)提供回家的路線。然而，此處的關(guān)鍵因素即信任。為了執(zhí)行預(yù)期的體驗(yàn)，用戶必須允許企業(yè)在后臺(tái)收集個(gè)人使用數(shù)據(jù)。
我提到過(guò)Netflix，Vox Media和The Grid使用設(shè)計(jì)變量做自動(dòng)化測(cè)試的案例。這是一種基于算法基礎(chǔ)對(duì)用戶體驗(yàn)進(jìn)行個(gè)性化的方法。Liam Spradlin描述了一種有趣的概念：變化的設(shè)計(jì)（mutative design） ，它是一個(gè)優(yōu)秀的自適應(yīng)接口模型，能夠考慮諸多變量以適合特定用戶。
設(shè)計(jì)師的機(jī)械化骨骼（Exoskeleton）
我已通過(guò)實(shí)踐中檢驗(yàn)了幾個(gè)算法驅(qū)動(dòng)設(shè)計(jì)的案例?，F(xiàn)代設(shè)計(jì)師需要什么工具呢？我們回顧上世紀(jì)中葉，計(jì)算機(jī)被設(shè)想為擴(kuò)展人類能力的一種工具。Roelof Pieters和Samim Winiger分析了計(jì)算機(jī)歷史以及計(jì)算機(jī)用作人類能力增強(qiáng)工具的細(xì)節(jié)。他們看到設(shè)計(jì)工具的三個(gè)成熟度級(jí)別：
1、第一代系統(tǒng)以數(shù)字化形式對(duì)工具進(jìn)行生動(dòng)模擬。
2、第二代是輔助創(chuàng)建系統(tǒng)，人和機(jī)器通過(guò)緊密的行動(dòng)反饋循環(huán)來(lái)協(xié)同進(jìn)行創(chuàng)造。
3、第三代是輔助創(chuàng)建系統(tǒng)3.0，它在細(xì)粒度對(duì)話中協(xié)同創(chuàng)造，增強(qiáng)創(chuàng)造力，并加速?gòu)男率值綄＜业募寄塬@取。
圖10.創(chuàng)意人工智能
算法驅(qū)動(dòng)的設(shè)計(jì)應(yīng)該像產(chǎn)品設(shè)計(jì)師的機(jī)械化骨骼-增加我們決策的數(shù)量并提升決策深度。那么，設(shè)計(jì)師和計(jì)算機(jī)該如何協(xié)作呢？
數(shù)字化產(chǎn)品設(shè)計(jì)人員的工作流程可能是：
1、探索問(wèn)題領(lǐng)域，為業(yè)務(wù)和用戶解決最有價(jià)值的問(wèn)題（分析）。
2、探索解決方案領(lǐng)域，并選擇解決問(wèn)題的最佳解決方案（分析）。
3、開發(fā)，發(fā)布和推廣解決問(wèn)題的產(chǎn)品（綜合）。
4、評(píng)估產(chǎn)品如何為真實(shí)用戶工作，并優(yōu)化它（分析和綜合）。
5、將解決方案與公司的其他產(chǎn)品和解決方案連接和統(tǒng)一（合成）。
這些任務(wù)分為兩種類型：1）對(duì)隱性表達(dá)信息和已奏效解決方案的分析；2）需求和解決方案的合成。我們需要哪些工具和工作方法？
分析
對(duì)適用定性研究的用戶隱性表達(dá)信息的分析很難自動(dòng)化。然而，探索現(xiàn)有產(chǎn)品的用戶使用模式是一個(gè)合適的任務(wù)。我們可以提取行為模式和細(xì)分受眾群，然后為他們優(yōu)化用戶體驗(yàn)。廣告精準(zhǔn)投放正是如此，算法可以使用隱性和顯性行為模式（在特定產(chǎn)品或廣告網(wǎng)絡(luò)內(nèi)）對(duì)用戶進(jìn)行聚類。
為細(xì)分用戶群進(jìn)行算法訓(xùn)練來(lái)優(yōu)化界面和內(nèi)容，設(shè)計(jì)師可以考慮機(jī)器學(xué)習(xí)。Jon Bruner舉了一個(gè)很好的例子：一個(gè)遺傳算法以預(yù)期結(jié)果的基礎(chǔ)算法描述開始，比方說(shuō)，為節(jié)省燃料和方便乘客，對(duì)航空公司的時(shí)間表進(jìn)行優(yōu)化。它增加了各種約束：航空公司擁有的飛機(jī)數(shù)量，運(yùn)營(yíng)的機(jī)場(chǎng)，以及每架飛機(jī)上的座位數(shù)量。它加載以下各類獨(dú)立變量：現(xiàn)有時(shí)間表上數(shù)千航班的細(xì)節(jié)，或者可能隨機(jī)生成的虛擬信息。通過(guò)數(shù)千，數(shù)百萬(wàn)或數(shù)十億次的迭代，時(shí)間表逐漸變得更有效率和更方便。此外，該算法還熟悉了時(shí)間表中的每個(gè)元素 （例如 37航班從O’Hare的起飛時(shí)間）如何影響燃料效率和乘客便利的因變量。
在這種情況下，人們?cè)O(shè)計(jì)了一個(gè)算法，可以添加或刪除限制和變量。結(jié)果則通過(guò)對(duì)真實(shí)用戶的實(shí)驗(yàn)來(lái)測(cè)試和改進(jìn)。利用恒定的反饋回路，該算法也改進(jìn)了用戶體驗(yàn)。雖然這項(xiàng)復(fù)雜工作主要由分析師處理，但設(shè)計(jì)師也應(yīng)該知道機(jī)器學(xué)習(xí)的基本原則。O’Reilly最近就發(fā)布了這個(gè)話題相關(guān)的迷你書。
合成
兩年前，一款工業(yè)設(shè)計(jì)師的工具Autodesk Dreamcatcher橫空出世，幫助用戶體驗(yàn)大師們發(fā)布了諸多創(chuàng)作。它基于生成設(shè)計(jì)（generative design）的構(gòu)思，已應(yīng)用于性能、工業(yè)設(shè)計(jì)、時(shí)尚和建筑多年了。為大家熟知的著名建筑師Zaha Hadid的團(tuán)隊(duì)就稱這種方法為“參數(shù)化設(shè)計(jì)”。
圖11.Autodesk Dreamcatcher
Logojoy是一個(gè)簡(jiǎn)單的標(biāo)志設(shè)計(jì)產(chǎn)品，某種程度上說(shuō)它可以取代自由職業(yè)設(shè)計(jì)師。只要選擇喜歡的風(fēng)格及顏色，Logojoy便能幫你產(chǎn)生無(wú)盡的想法。您可以細(xì)化一個(gè)特定標(biāo)志，看到一個(gè)基于它的企業(yè)風(fēng)格案例，并預(yù)設(shè)一個(gè)品牌包、名片和信封等。這是一個(gè)算法驅(qū)動(dòng)設(shè)計(jì)工具在現(xiàn)實(shí)世界的完美案例！其創(chuàng)始人Dawson Whitfield說(shuō)明了背后機(jī)器學(xué)習(xí)的原理。
圖12.Logojoy
然而，它尚未在數(shù)字產(chǎn)品設(shè)計(jì)領(lǐng)域奏效，因?yàn)樗鼰o(wú)法解決實(shí)際問(wèn)題。當(dāng)然，建筑師和工業(yè)設(shè)計(jì)師的工作自身足夠的限制和特殊性，但用戶界面絕非靜態(tài)的 – 它們的使用模式、內(nèi)容和特性隨時(shí)間而多次變化。如果我們考慮整個(gè)生成過(guò)程 -設(shè)計(jì)師定義規(guī)則，算法用來(lái)創(chuàng)建最終對(duì)象 – 最終會(huì)誕生超多靈感。那么數(shù)字產(chǎn)品設(shè)計(jì)師的工作流程可能是：
1、算法使用預(yù)定義的規(guī)則和模式生成設(shè)計(jì)的諸多變化方案。
2、基于設(shè)計(jì)質(zhì)量和任務(wù)要求過(guò)濾結(jié)果。
3、設(shè)計(jì)師和管理者選擇最有趣和充分的變化，并根據(jù)需要進(jìn)行優(yōu)化。
4、設(shè)計(jì)系統(tǒng)針對(duì)一個(gè)或多個(gè)變量運(yùn)行A / B測(cè)試，然后用戶選擇其中最有效的。
目前尚未清楚如何在數(shù)字產(chǎn)品設(shè)計(jì)中過(guò)濾大量使用場(chǎng)景極其復(fù)雜的概念。如果算法也能過(guò)濾生成對(duì)象，我們的工作將更有成效和創(chuàng)造性。然而，作為產(chǎn)品設(shè)計(jì)師，我們每天在頭腦風(fēng)暴會(huì)議中或者當(dāng)我們?cè)谄聊荒Ｐ秃驮蜕系鷷r(shí)，就得以生成設(shè)計(jì)的方式提出了幾十個(gè)想法，為什么我們不能將這些工作讓算法完成？
Jon Gold實(shí)驗(yàn)
來(lái)自The Grid的Jon Gold開發(fā)了一套實(shí)驗(yàn)工具Rene，就是這種算法驅(qū)動(dòng)設(shè)計(jì)工具的實(shí)踐。Gold訓(xùn)練計(jì)算機(jī)做出有意義的排版決策。他認(rèn)為這與設(shè)計(jì)師的學(xué)習(xí)過(guò)程類似，所以他將其分成幾個(gè)步驟：
1、分析字形以了解字體中的相似性。
2、制定組合字體的基本準(zhǔn)則。
3、確定類型組合的最佳示例以了解趨勢(shì)。
4、創(chuàng)建算法觀察偉大設(shè)計(jì)師的工作方式。
他的想法類似于Roelof和Samim的觀點(diǎn)：工具應(yīng)該是設(shè)計(jì)師創(chuàng)造性的合作伙伴，而不僅僅是呆萌的執(zhí)行者。
圖13.Jon Gold的生成設(shè)計(jì)：合理的組合
這套叫Rene的工具就是基于以上原則構(gòu)建的，他還談到了編程的命令式和聲明式方法，并指出現(xiàn)代設(shè)計(jì)工具應(yīng)該選擇后者 – 關(guān)注我們想要計(jì)算的，而不是如何計(jì)算。Jon使用生動(dòng)的公式來(lái)展示它如何適用于設(shè)計(jì)，并提供了幾個(gè)初級(jí)演示。你也可以自己試試這個(gè)工具，雖僅是早期概念，但足以讓你得到啟發(fā)。
Rene-產(chǎn)品設(shè)計(jì)工具視頻
Jon開玩笑稱之為“暴力設(shè)計(jì)（brute-force design）”或者“乘法設(shè)計(jì)（multiplicative design）”，他強(qiáng)調(diào)了從專業(yè)角度把控的重要性。值得注意的是，今年早些時(shí)候他已經(jīng)從The Grid團(tuán)隊(duì)離職。
算法驅(qū)動(dòng)設(shè)計(jì)的工具是否已存在？
很遺憾，當(dāng)前還沒(méi)有用于網(wǎng)站和移動(dòng)設(shè)備的產(chǎn)品設(shè)計(jì)工具，可以在分析和綜合方面提供與Autodesk Dreamcatcher相近水準(zhǔn)的幫助。然而，The Grid和Wix可被視作具備相近質(zhì)量水平和有效性的解決方案。Adobe正在不斷地添加類似的智能功能：軟件的最新版本具有內(nèi)容識(shí)別功能，可以智能填充當(dāng)你使用裁剪工具旋轉(zhuǎn)圖像或擴(kuò)展畫布超出了圖像的原始大小的空白區(qū)域。
介紹內(nèi)容識(shí)別切割功能
還有Adobe和多倫多大學(xué)的另一個(gè)實(shí)驗(yàn)：DesignScape能夠自動(dòng)提煉設(shè)計(jì)布局，從而形成全新的作品。
DesignScape：根據(jù)可交互的布局建議開展設(shè)計(jì)
Adobe公司在2016年MAX會(huì)議上發(fā)布了一款名為Sensei的智能平臺(tái)，同樣值得關(guān)注。Sensei使用了Adobe在人工智能和機(jī)器學(xué)習(xí)方面的深厚專業(yè)知識(shí)，它將是Adobe消費(fèi)者和企業(yè)產(chǎn)品中未來(lái)算法驅(qū)動(dòng)設(shè)計(jì)功能的基礎(chǔ)。Adobe發(fā)布了語(yǔ)義圖像分割（按類型標(biāo)簽展示圖像中的各區(qū)域-例如，建筑物或天空），字體識(shí)別（即從創(chuàng)意資產(chǎn)識(shí)別的字體，甚至手寫字體，推薦類似的字體）和智能細(xì)分受眾群等功能。
然而，作為創(chuàng)造術(shù)語(yǔ)“人工智能”的后期計(jì)算機(jī)科學(xué)家John McCarthy有一個(gè)著名觀點(diǎn)：“一旦普及，沒(méi)有人再稱它為人工智能。”曾經(jīng)最前沿的人工智能現(xiàn)在被認(rèn)為是電腦的標(biāo)準(zhǔn)行為。以下有一些實(shí)驗(yàn)思想和工具，或許可以成為數(shù)碼產(chǎn)品設(shè)計(jì)師日常工具包的一部分：
1、StyLit – 創(chuàng)建三維模型出草圖。
2、Autocomplete handdrawn animations-微軟的自動(dòng)填充插圖和動(dòng)畫的實(shí)驗(yàn)工具。
這些僅僅是幫助我們窺見(jiàn)未來(lái)的罕見(jiàn)片段。現(xiàn)在，更多的是個(gè)別公司基于自身需要構(gòu)建自定義解決方案。最好的方法之一是將這些算法集成到公司的設(shè)計(jì)系統(tǒng)中。它們的目標(biāo)類似：自動(dòng)化大量任務(wù)來(lái)支持產(chǎn)品線；實(shí)現(xiàn)和維持統(tǒng)一設(shè)計(jì)；簡(jiǎn)化發(fā)布；對(duì)當(dāng)前產(chǎn)品的支持更友好。
前端樣式規(guī)范開啟了現(xiàn)代設(shè)計(jì)系統(tǒng)，但是這僅是（將設(shè)計(jì)集成到開發(fā)代碼）的第一步。開發(fā)人員仍然通過(guò)手工創(chuàng)建頁(yè)面，下一步是使用預(yù)定義規(guī)則進(jìn)行半自動(dòng)頁(yè)面創(chuàng)建和測(cè)試。
圖14.Yury Vetrov的平臺(tái)思維
優(yōu)勢(shì)與劣勢(shì)
你的公司會(huì)追隨算法驅(qū)動(dòng)設(shè)計(jì)的趨勢(shì)嗎？
優(yōu)勢(shì)
根據(jù)近期觀察，這種趨勢(shì)的價(jià)值或多或少是清晰的：
-免去準(zhǔn)備資產(chǎn)和內(nèi)容的常規(guī)流程，畢竟該類工作比較機(jī)械。
-通過(guò)計(jì)算機(jī)組合變量來(lái)拓寬創(chuàng)意探索，設(shè)計(jì)師過(guò)濾結(jié)果以找出最佳變量。
-針對(duì)細(xì)分的受眾群體甚至特定用戶優(yōu)化用戶界面。
-快速適應(yīng)各種平臺(tái)和設(shè)備的設(shè)計(jì)，盡管是以原始的方式。
-對(duì)用戶界面的不同部分或特定模式進(jìn)行實(shí)驗(yàn)-理想情況下實(shí)現(xiàn)自動(dòng)化。
總而言之，這幫助設(shè)計(jì)師在缺少開發(fā)支持和缺乏創(chuàng)作過(guò)程例行程序投入時(shí)，仍然可以負(fù)責(zé)核心決策。我們?cè)噲D將工作的一部分實(shí)現(xiàn)自動(dòng)化，并基于這個(gè)目標(biāo)進(jìn)行深入分析，這將幫助我們更好地認(rèn)識(shí)工作。它使我們更有成效，并幫助我們更好地向非設(shè)計(jì)師解釋工作的本質(zhì)。因此，公司內(nèi)的整體設(shè)計(jì)文化將更加繁榮。
劣勢(shì)
然而，所有益處的實(shí)現(xiàn)并非樂(lè)觀，它們或許還有以下局限：
-我們只能在公司的任務(wù)背景下談?wù)摴镜亩ㄖ平鉀Q方案。這項(xiàng)工作需要不斷進(jìn)行研發(fā)投入，支持和優(yōu)化。
-正如The Grid的CMS顯示，一個(gè)工具本身不是奇跡。缺乏設(shè)計(jì)師掌舵的結(jié)果往往比較平庸。另一方面，大多數(shù)專業(yè)工具的現(xiàn)狀就是如此。
-打破過(guò)去現(xiàn)有的風(fēng)格和解決方案變得更加困難。算法驅(qū)動(dòng)的設(shè)計(jì)通常基于現(xiàn)有的模式和規(guī)則。
-如果生成設(shè)計(jì)工具可以挖掘Dribbble，則復(fù)制另一個(gè)設(shè)計(jì)師的工作變得更容易。
還有道德方面的問(wèn)題：由算法生成的設(shè)計(jì)是否具備價(jià)值？是否具備獨(dú)特性？誰(shuí)是設(shè)計(jì)的作者？生成結(jié)果的數(shù)量受限于局部最大值？Oliver Roeder說(shuō)“電腦藝術(shù)”并不比“漆藝”或“鋼琴藝術(shù)”更具挑釁性。算法終究由人編寫，使用人類想出的理論和人類建造的電腦，使用人類編寫的規(guī)范，使用人類收集的材料，在由人工作的公司中，使用由人類構(gòu)建的工具等。計(jì)算機(jī)藝術(shù)是人類藝術(shù)的子集，而不是差異。革命的硝煙已起，為什么我們不站在前面呢？
結(jié)論
這是一個(gè)美好的未來(lái)故事，但我們也該銘記算法的限制 – 即使規(guī)則現(xiàn)在通過(guò)機(jī)器學(xué)習(xí)來(lái)增加，它們?nèi)匀唤⒃谌祟惗x的規(guī)則上。設(shè)計(jì)師的能量在于他們可以制定和打破規(guī)則;所以，在一年后，我們可能將“美麗”定義為完全不同的東西。我們的行業(yè)有專業(yè)能力高或低的設(shè)計(jì)師，后者最終將被算法取代。然而，那些在必要時(shí)可以跟隨和打破規(guī)則的人將會(huì)找到神奇的新工具和可能性。
此外，數(shù)碼產(chǎn)品也越來(lái)越多，越來(lái)越復(fù)雜：我們需要支持更多的平臺(tái)，為更多用戶群體調(diào)整使用場(chǎng)景，并多做假設(shè)。正如青蛙設(shè)計(jì)的Harry West說(shuō)的，以人為中心的設(shè)計(jì)已經(jīng)從對(duì)象設(shè)計(jì)（工業(yè)設(shè)計(jì)）擴(kuò)展到體驗(yàn)設(shè)計(jì)（包括交互設(shè)計(jì)，視覺(jué)設(shè)計(jì)和空間設(shè)計(jì)），下一步將是系統(tǒng)行為的設(shè)計(jì)：確定自動(dòng)化或智能系統(tǒng)行為的算法設(shè)計(jì)。由電腦承擔(dān)大量常規(guī)設(shè)計(jì)工作，而不是雇用越來(lái)越多的設(shè)計(jì)師。
