最近在采訪一些跨領(lǐng)域的設(shè)計(jì)師，這是第一期的采訪嘉賓 Shadow，一名有十年工作經(jīng)驗(yàn)、全棧開發(fā)、從景觀設(shè)計(jì)跨界到 AI 產(chǎn)品經(jīng)理的設(shè)計(jì)師。

志榮：Hi Shadow，要不你先簡要介紹一下自己吧。

Shadow：我是池志煒，也是 Shadow，典型斜杠青年。08年畢業(yè)于上海交通設(shè)計(jì)學(xué)院景觀設(shè)計(jì)專業(yè)，同濟(jì)大學(xué)碩士。現(xiàn)在的身份是跨界設(shè)計(jì)師，從事過景觀設(shè)計(jì)、旅游規(guī)劃、房地產(chǎn)設(shè)計(jì)管理、參數(shù)化設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、數(shù)據(jù)可視化設(shè)計(jì)等等。同時(shí)我也是一名全棧開發(fā)者，這幾年我自學(xué)了深度學(xué)習(xí)相關(guān)的 keras、后端 node.js 和 python。現(xiàn)在在設(shè)計(jì)圈比較有名的 ARKIE 主擔(dān)任產(chǎn)品經(jīng)理/機(jī)器學(xué)習(xí)研究員，同時(shí)兼職上海交通大學(xué)景觀設(shè)計(jì)課程的老師以及一些朋友的創(chuàng)業(yè)團(tuán)隊(duì)技術(shù)顧問。這幾年也在做自媒體，公眾號(hào)叫 Mixlab，知乎專欄《人工智能設(shè)計(jì)修煉指南》，目前已經(jīng)形成500人+的設(shè)計(jì)師&程序員跨界社群。

志榮：你是什么時(shí)候開始自學(xué)開發(fā)的？為什么想學(xué)開發(fā)？在我的理解里，自學(xué)開發(fā)對(duì)設(shè)計(jì)師來說不是一件容易的事情。

Shadow：08年我一畢業(yè)就在自學(xué) Python 和可視化編程，在很多景觀項(xiàng)目中我會(huì)通過編程的方式來調(diào)整 CAD、Sketchup 里的三維設(shè)計(jì)。在13年的時(shí)候我開始學(xué)習(xí)前端開發(fā)，后來跳槽到中興擔(dān)任高級(jí)軟件開發(fā)工程師，主要通過 Node.js 來進(jìn)行 Hybrid APP 的開發(fā)，2016年順手學(xué)習(xí)了 React Native。到了17年我換了一份工作，在招商銀行做用戶體驗(yàn)設(shè)計(jì)，從景觀設(shè)計(jì)到編程開發(fā)再到用戶體驗(yàn)設(shè)計(jì)跨度還是蠻大的。在招行做設(shè)計(jì)的同時(shí)我也在做研發(fā)的工作，我想幫招行實(shí)現(xiàn)一個(gè)阿里的魯班系統(tǒng)，它能自動(dòng)生成各種 Banner、海報(bào)，所以我又自學(xué)了深度學(xué)習(xí)相關(guān)的知識(shí)。反正有新東西我就會(huì)嘗試去接觸和學(xué)習(xí)。

志榮：慚愧慚愧，我一名計(jì)算機(jī)背景出身的設(shè)計(jì)師掌握的編程技能都沒有你多。 你為什么想做一個(gè)魯班系統(tǒng)出來？

Shadow：我希望能通過智能的方式去實(shí)現(xiàn)設(shè)計(jì)。我在08年做景觀設(shè)計(jì)的時(shí)候已經(jīng)在做參數(shù)化設(shè)計(jì)了。在2017年，我花了很多時(shí)間和精力來研究智能化設(shè)計(jì)這個(gè)方向。在我今年離開招商銀行的時(shí)候，我開發(fā)的系統(tǒng)已經(jīng)有一個(gè)可用的版本，可以直接看到具體的效果，而且生成一張 Banner 是沒有問題的。

志榮：17年上半年我當(dāng)時(shí)看過 ARKIE 的產(chǎn)品，我覺得改善空間還是蠻大的，你覺得你在招商銀行做的自動(dòng)化生成設(shè)計(jì)系統(tǒng)比他們做的好嗎？

Shadow：好不好更多是主觀意識(shí)，主要看你用了哪一種方法。ARKIE 希望做到一句話生成一張海報(bào)，他們當(dāng)時(shí)用的方法需要很有經(jīng)驗(yàn)的設(shè)計(jì)師來給出不同的模板和規(guī)則，例如配色、排版、字體等等。當(dāng)時(shí)我把2017年 ARKIE 的主要做法給研究出來了，也是差不多的原理，通過把模板動(dòng)態(tài)化和參數(shù)化，就可以做到一個(gè)模板生成100種設(shè)計(jì)。只要提供的模板質(zhì)量夠高，每張 Banner 的效果都是能保證的。但魯班的做法不一樣，它是基于阿里所有的 Banner 數(shù)據(jù)來進(jìn)行機(jī)器學(xué)習(xí)，抽象出相應(yīng)的規(guī)則。

志榮：聽說你在業(yè)余時(shí)間獨(dú)立開發(fā)了挺多 APP，能大概跟我們分享一下么？

Shadow：沒問題。幾年前我做了一個(gè)基于 LBS 的明信片應(yīng)用，名叫 Spyfari，這是我第一次用 React Native 來開發(fā)的，整個(gè)開發(fā)花了很長時(shí)間，大概三個(gè)月左右。只要你拍了一張照片，它可以根據(jù)你地理位置自動(dòng)生成一句話，合成一張明信片。這句話是怎么自動(dòng)生成呢？通過 GPS 定位我就能確定用戶的地理位置在哪，然后將預(yù)置的語料顯示出來，包括各種詩詞歌賦，它們都是通過爬蟲的方式找來的。我還嘗試做過一個(gè)在本地運(yùn)行的抓圖應(yīng)用，把整個(gè)網(wǎng)站的圖片都合成一張長圖，最后自動(dòng)加些字成為一張海報(bào)。對(duì)了，我還做聊天機(jī)器人 ACE Land，它是一個(gè)根據(jù)用戶時(shí)間推薦內(nèi)容的人工智能助手 App。這 APP 主要調(diào)用了圖靈機(jī)器人的接口，但最后發(fā)現(xiàn)這不是我想做的主要方向。在其他業(yè)余時(shí)間里我也做過一些小程序的開發(fā)。我很喜歡做一些「圖+文字」 的結(jié)合，還有我比較注重通過自動(dòng)化的方式減少用戶的輸入，用戶主需要輸入一張圖片或者打幾個(gè)字就行了，這樣用戶的操作成本能降到最低。

△ Spyfari相關(guān)截圖

志榮：其實(shí)一個(gè)人開發(fā)一個(gè)應(yīng)用花了三個(gè)月不是很久，我之前開發(fā)一個(gè)應(yīng)用也差不多這個(gè)節(jié)奏。（當(dāng)時(shí)聽到「三個(gè)月開發(fā)時(shí)間是很長的」 ，心有點(diǎn)痛。）做了這么久設(shè)計(jì)，你覺得設(shè)計(jì)是什么？

Shadow：先插個(gè)題外話，我覺得設(shè)計(jì)有兩種狀態(tài)，一種甲方是自己，這時(shí)候你會(huì)很享受設(shè)計(jì)和思考的過程，你可以從不同的角度去看待問題，不用考慮太多商業(yè)化問題，這樣的設(shè)計(jì)比較純粹。另外一種甲方是其他人，這時(shí)候我就要思考甲方是怎么想的，設(shè)計(jì)起來比較受限?；氐秸}，設(shè)計(jì)是什么？我覺得是應(yīng)用一些你掌握的設(shè)計(jì)「原材料」 去巧妙地解決問題。這個(gè)設(shè)計(jì)「原材料」 包括你掌握的技能、景觀設(shè)計(jì)時(shí)采用的材料、用戶體驗(yàn)設(shè)計(jì)用的心理學(xué)、交互的流程甚至是開發(fā)的代碼。就像在菜市場買不同的食物，通過各種烹飪方式做出一道道菜來。這十年我做了各種不同的設(shè)計(jì)，我覺得原材料可以不一樣，但方法和本質(zhì)是一樣的，設(shè)計(jì)思維是一致的。

志榮：我非常認(rèn)同你的觀點(diǎn)，我覺得設(shè)計(jì)師應(yīng)該擁有一技多能，「一技」 是指設(shè)計(jì)思維，「多能」 跟你說的原材料差不多，廣泛的技能和知識(shí)，這樣你做設(shè)計(jì)時(shí)思考才會(huì)更全面，并且通過設(shè)計(jì)思維從不同方面把這個(gè)問題解決掉。下一個(gè)問題，你在 AI&Design 領(lǐng)域深耕這么久，你覺得現(xiàn)在的 AI 是什么？

Shadow：這個(gè)問題其實(shí)挺寬泛的。怎么說呢，現(xiàn)在的人工智能要看你智能到哪個(gè)程度。它可以很弱智但也屬于人工智能的一種。所謂的「很弱智」 是指通過很簡單的規(guī)則和方式去解決這個(gè)問題，但其中的一些數(shù)據(jù)處理我可能用了深度學(xué)習(xí)，這樣也屬于人工智能，但聽起來沒那么高端?，F(xiàn)在行業(yè)里很多人喜歡說自己解決問題時(shí)用了對(duì)抗生成網(wǎng)絡(luò)或者深度學(xué)習(xí)，無論你用了什么方法，你解決的問題都是同一個(gè)問題，只是最后評(píng)估效果時(shí)看哪個(gè)方法更好一點(diǎn)。所以我覺得 AI 是什么，我覺得它只是一種技術(shù)手段，它跟設(shè)計(jì)是平行的。

志榮：嗯，有道理。我之前覺得 AI 就是一種設(shè)計(jì)方法。設(shè)計(jì)是用來解決問題的，深度學(xué)習(xí)也是解決問題的其中一種方法、一種技術(shù)。下一個(gè)話題，要不我們深入聊一下 AI 和設(shè)計(jì)結(jié)合的案例？

Shadow：好的。有沒有聽說過一個(gè)叫小庫科技的公司？它通過人工智能來做建筑設(shè)計(jì)，但它背后的原理、實(shí)現(xiàn)的方式就跟 ARKIE 用人工智能生成海報(bào)的原理很不一樣。建筑方向的人工智能更多是把精力放在知識(shí)圖譜的構(gòu)建還有 CNN 的分類上。

志榮：為什么建筑設(shè)計(jì)要做知識(shí)圖譜？

Shadow：因?yàn)榻ㄖ镉泻芏嘁?guī)范。例如一個(gè)小區(qū)，它的層高應(yīng)該是多少，容積率是多少，每一個(gè)套房的戶型和面積是多少，每一戶擁有幾房間，每一個(gè)房間的面積也是根據(jù)總體面積來定義的。這一些的背后都有很強(qiáng)的規(guī)范和要求。

志榮：所以 ARKIE 是沒有做這些規(guī)范和知識(shí)圖譜的，因?yàn)樵O(shè)計(jì)涵括了主觀因素，比較抽象，很難用規(guī)范來構(gòu)建美學(xué)的知識(shí)圖譜。

Shadow：對(duì)，我之前在招行的時(shí)候就想過做一個(gè)美學(xué)的知識(shí)圖譜出來，但很難做知識(shí)的分類。例如「對(duì)稱」 這個(gè)詞，它到底是算在布局還是視覺的平衡力？我很難定義每個(gè)知識(shí)的節(jié)點(diǎn)和它們的關(guān)系。但建筑領(lǐng)域不是純設(shè)計(jì)方向的，它在很多方面都有自己的規(guī)范和要求，它們都是強(qiáng)制型的，所以是有可能做成知識(shí)圖譜的。

志榮：之前看過一篇關(guān)于通過機(jī)器學(xué)習(xí)改造汽車底盤的案例，這家名叫 Hack rod 先3D打印了一個(gè)汽車底盤，然后在賽車時(shí)通過各種傳感器獲取不同的真實(shí)數(shù)據(jù)，然后讓機(jī)器在虛擬環(huán)境中不斷學(xué)習(xí)、不斷自動(dòng)地改變底盤的結(jié)構(gòu)。我想了解一下，建筑設(shè)計(jì)能用類似的方法以及結(jié)合知識(shí)圖譜來實(shí)現(xiàn)設(shè)計(jì)么？

Shadow：建筑設(shè)計(jì)用這種方法不太現(xiàn)實(shí)，因?yàn)檫@么做必須要先把建筑建起來，成本非常高。你說的方法更多是數(shù)據(jù)驅(qū)動(dòng)的形式，現(xiàn)在景觀設(shè)計(jì)和建筑設(shè)計(jì)有類似的思維，例如參數(shù)化設(shè)計(jì)。但這時(shí)候已經(jīng)設(shè)計(jì)好模型，并不會(huì)去改進(jìn)。如果要實(shí)現(xiàn)改進(jìn)，就需要一個(gè)仿真器來實(shí)現(xiàn)，這是難點(diǎn)之一。按我的認(rèn)知，結(jié)構(gòu)設(shè)計(jì)是有仿真器的，因?yàn)榱W(xué)的仿真系統(tǒng)已經(jīng)非常成熟的，比如橋梁的設(shè)計(jì)，可以通過不斷地仿真、不斷地調(diào)節(jié)參數(shù)使橋梁設(shè)計(jì)達(dá)到最好的狀態(tài)。但是建筑設(shè)計(jì)考慮的因素很多，例如它能容納多少人，每個(gè)時(shí)間段的人流分布是怎樣的，還有各種主觀因素，包括設(shè)計(jì)感、商業(yè)化、甲方的個(gè)人喜好，建筑設(shè)計(jì)不是一個(gè)純理性的設(shè)計(jì)，所以很難把這些因素結(jié)合在一起進(jìn)行模擬。

Shadow：我再舉一個(gè)關(guān)于珠寶設(shè)計(jì)的例子?，F(xiàn)在用戶數(shù)據(jù)的獲取越來越簡單，加上3D打印、納米微雕等技術(shù)的成熟，結(jié)合人工智能的個(gè)性化定制珠寶有了更多的可能性。傳統(tǒng)的珠寶設(shè)計(jì)流程比較長，設(shè)計(jì)師需要客戶或自己的創(chuàng)意靈感手繪出設(shè)計(jì)草圖，并以這個(gè)為藍(lán)本不斷修改，然后根據(jù)珠寶設(shè)計(jì)圖制作珠寶模板，再用手工雕蠟起版或者用電腦 CAD 起版，然后倒模、執(zhí)模、鑲嵌、拋光和表面處理，最后品質(zhì)檢驗(yàn)和出具證書。人工智能珠寶設(shè)計(jì)師在給出最終的珠寶設(shè)計(jì)圖前可以做很多事情，例如讓機(jī)器獲取用戶的個(gè)人數(shù)據(jù)，包括聲音、身高、體重、心率還有個(gè)人喜好，以及用戶選擇的材質(zhì)、符號(hào)、重量等珠寶參數(shù)，然后將這些數(shù)據(jù)可視化，結(jié)合相關(guān)的算法生成不一樣的設(shè)計(jì)，最后讓用戶尋找最喜歡的3D珠寶模型。人工智能珠寶設(shè)計(jì)師甚至能讓用戶自行對(duì)珠寶進(jìn)行造型，用戶只需要畫出大概的造型，利用 RNN 把最匹配用戶的3D珠寶模型顯示出來。

志榮：明白了。要不我們換一個(gè)話題吧。有些時(shí)候我真心覺得不懂技術(shù)做起設(shè)計(jì)會(huì)很局限，就跟盲人摸象差不多。你很難看清楚你的產(chǎn)品本質(zhì)是什么，框架是什么。你覺得編程開發(fā)能力對(duì)你的設(shè)計(jì)來說有什么幫助？

Shadow：哈哈，簡單點(diǎn)就是懂開發(fā)能讓你的設(shè)計(jì)更有技術(shù)含量。我舉一個(gè)聊天機(jī)器人的例子，如果你不懂得開發(fā)，你是不會(huì)知道聊天機(jī)器人的效果如何評(píng)估，你也不知道用什么手段來提高這個(gè)效果。如果你是一名普通的設(shè)計(jì)師，你可能認(rèn)為全部的聊天機(jī)器人都跟網(wǎng)上宣傳的那么高端、那么好用，然后把你家的產(chǎn)品設(shè)計(jì)得一樣智能，但其實(shí)一點(diǎn)意義都沒有，因?yàn)樽霾坏?。但普通的設(shè)計(jì)師會(huì)覺得，這肯定能做到，因?yàn)檫@樣的閑聊人類是能理解的，而且別人家競品也是這樣做的。當(dāng)你的產(chǎn)品理念脫離了實(shí)際可實(shí)現(xiàn)的方案，那么會(huì)永遠(yuǎn)達(dá)不到你的產(chǎn)品目的。 再舉一個(gè)濾鏡的例子。如果是設(shè)計(jì)師的話，他可能覺得用 Photoshop 對(duì)這張圖片加個(gè)很酷炫的濾鏡就行了，然后交給程序員讓他們實(shí)現(xiàn)出來。

志榮：濾鏡這個(gè)案例講得太對(duì)了。我之前在公司在做過相機(jī)相關(guān)的產(chǎn)品，基本上大家的濾鏡都是用開源代碼實(shí)現(xiàn)的，自己重新寫一個(gè)濾鏡不太現(xiàn)實(shí)，因?yàn)楹苌俟こ處煻脠D像處理技術(shù)。雖然說濾鏡的表現(xiàn)跟設(shè)計(jì)師非常相關(guān)，但其實(shí)跟設(shè)計(jì)師也沒有太多關(guān)系，因?yàn)槟憧紤]的東西工程師很可能做不出來。

Shadow：我們沿著濾鏡這個(gè)話題繼續(xù)往下聊，我最近在看濾鏡的實(shí)現(xiàn)，比較好的濾鏡效果都是通過 GPU 著色器去寫的。如果是常規(guī)的圖片處理，用像素的處理方式來做濾鏡效率會(huì)太低，而且款式少。但是用 GPU 著色器去寫濾鏡的話，這對(duì)很多工程師來說真的很難，并不是所有的工程師都懂得著色器開發(fā)。而且著色器功能很強(qiáng)大，它能做到怎樣的酷炫程度連設(shè)計(jì)師都不知道。

志榮：嗯，是的。我之前寫過前端相關(guān)的代碼，我相信很多工程師能寫頁面的代碼，但很棒的動(dòng)效的代碼并不是所有的前端工程師都能寫出來，因?yàn)樗麄儧]有去學(xué)這種知識(shí)。而且一個(gè)特別棒的動(dòng)效更多是設(shè)計(jì)和開發(fā)的結(jié)合，這是跨領(lǐng)域的。還有很多工程師是沒有學(xué)過 SVG 的，SVG 我也只是看過一些，它雖然只是一個(gè)文件格式，其實(shí)能做到很多東西，包括各種復(fù)雜的動(dòng)畫。我兩年前寫自己官網(wǎng)的時(shí)候也用了 SVG 動(dòng)畫來做，真的很復(fù)雜，我只能看著別人的源代碼慢慢去改成我想要的效果，但要讓我自己從0到1開始學(xué)習(xí)和開發(fā) SVG，對(duì)我來說很不現(xiàn)實(shí)，因?yàn)檎娴臎]時(shí)間。

Shadow：對(duì)的，這個(gè)涉及到你要專注某個(gè)領(lǐng)域還是所有領(lǐng)域你都要去了解。

志榮：上一年魯班的出現(xiàn)導(dǎo)致網(wǎng)上很多設(shè)計(jì)師都在擔(dān)心自己會(huì)被淘汰，你怎么看待 AI 和設(shè)計(jì)師的關(guān)系？

Shadow：我覺得 AI 和設(shè)計(jì)師的關(guān)系主要有幾種。一種是純勞動(dòng)力的設(shè)計(jì)師，就只懂得復(fù)制粘貼和改改圖，這種設(shè)計(jì)師是很有可能被取代掉的。還有一類是深耕自己專業(yè)領(lǐng)域的設(shè)計(jì)師，這樣的設(shè)計(jì)師 AI 可能跟他關(guān)系不是很大。

志榮：這個(gè)我不太同意你的看法。就好像臨摹一幅畫，有些人花了很長時(shí)間來臨摹，我覺得這個(gè)更多像深耕而不是純勞動(dòng)力，但 AI 可能用風(fēng)格遷移的手段一下子把臨摹處理得很好。

Shadow：嗯，但這個(gè)更多是藝術(shù)，藝術(shù)不是一件工業(yè)品，工業(yè)品才會(huì)講求效率，你要的藝術(shù)是想讓機(jī)器生產(chǎn)還是人去創(chuàng)作，這是值得深思的。我最近還有其他的想法，在某個(gè)領(lǐng)域深耕的設(shè)計(jì)師能很快速地在這個(gè)領(lǐng)域樹立自己的品牌，他占據(jù)了先天優(yōu)勢，就算 AI 再強(qiáng)，都很難跟他競爭。

志榮：說的對(duì)。我覺得對(duì)設(shè)計(jì)師來說，技法可能到達(dá)了天花板，但你的想法和影響力這才是最重要的。這里我是挺有感觸的，我12年開始自學(xué)交互的時(shí)候，把14年前市面上的交互書籍都看完了，但15年后我發(fā)現(xiàn)很難再找到新的交互書籍，因?yàn)楫?dāng)時(shí)交互設(shè)計(jì)大家都探索得差不多了，所以寫書的都變少了。當(dāng)每個(gè)人的交互設(shè)計(jì)技法水平都差不多的時(shí)候，更重要的是思考如何提高自己的其他能力，例如對(duì)業(yè)務(wù)的理解、如何擴(kuò)充自己其他領(lǐng)域的想法和技法。

Shadow：是的，所以說 AI 跟設(shè)計(jì)師的關(guān)系蠻難定義的，最終要看這個(gè)設(shè)計(jì)師是怎么定位的，他是跨界的還是只懂一點(diǎn)點(diǎn)。AI 對(duì)跨界設(shè)計(jì)師來說只是一個(gè)工具。但這種跨界人才已經(jīng)很難用設(shè)計(jì)師這個(gè)職業(yè)來定義了，我覺得他比設(shè)計(jì)師要更高一個(gè)層面。

志榮：是的，我們聊一聊最后一個(gè)問題吧。你覺得設(shè)計(jì)師要怎么拓寬自己的視野？

Shadow：最重要是心態(tài)，心態(tài)一定要開放。不管是哪個(gè)領(lǐng)域或者內(nèi)容，你都要以開放的心態(tài)接觸它們，接觸完你再給反饋。你不能一上來就特別反感別人提出的觀點(diǎn)或者其他領(lǐng)域積累的經(jīng)驗(yàn)。你不要覺得自己的就是一定對(duì)的。你要這么想，對(duì)方講的可能是對(duì)的，我要先聽進(jìn)去，然后再綜合考慮。平等地考慮每一個(gè)觀點(diǎn)，我覺得這樣就能很容易拓展自己的視野和能力，但其實(shí)很難做到。還有就是多跟其他行業(yè)的人一起交流，并且跟不同經(jīng)驗(yàn)的人群交流，例如是很年輕的大學(xué)生或者五六十歲的長輩，聊天的時(shí)候就是在拓展自己的視野。我創(chuàng)建的 Mixlab 社區(qū)也是為了這個(gè)目的，讓不同行業(yè)的人相互勾搭，相互學(xué)習(xí)，共同進(jìn)步。

志榮：非常感謝 Shadow 今天的分享，希望有機(jī)會(huì)來上海參與你們 Mixlab 的聚會(huì)。

歡迎關(guān)注作者的微信公眾號(hào)：「薛志榮」

圖片素材作者：Janis Andzans

「了解大牛都是如何開展設(shè)計(jì)的」

• 《設(shè)計(jì)直播！火爆微博的人氣插畫師Gal Shir帶你了解這些作品的誕生過程》
• 《設(shè)計(jì)直播！頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…》
• 《設(shè)計(jì)直播專題！Dribbble 上爆火的漸變網(wǎng)頁設(shè)計(jì)是如何誕生的？》