有了人工智能，5 分鐘就能建好個(gè)人網(wǎng)站？ #014

時(shí)間：2023-07-09 17:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-09 17:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

有了人工智能，5 分鐘就能建好個(gè)人網(wǎng)站？ #014：

俊鐵導(dǎo)讀：

在超級(jí)碗上花了至少幾百萬(wàn)美金投放自己廣告的 http://Wix.com，擁有這樣的資本，必有其過(guò)人之處。今天這篇文章，告訴你 Wix 如何將人工智能應(yīng)用到網(wǎng)站 DIY 中，讓你快速擁有自己的獨(dú)特網(wǎng)站。

現(xiàn)在，設(shè)計(jì)網(wǎng)站并不麻煩，不少公司推出了網(wǎng)站設(shè)計(jì)服務(wù)。其中，比較出名的有 Wix，Squarespace， Adobe Portfolio，還有 Google 的 Material Design Lite。

但服務(wù)覆蓋全球約 180 個(gè)國(guó)家共計(jì)約 1 億用戶的 Wix，立志超越行業(yè)競(jìng)爭(zhēng)者，「更上一層樓」。其已成功研發(fā)出一款人工智能（AI）設(shè)計(jì)系統(tǒng)，該系統(tǒng)核心是背后不斷改進(jìn)的機(jī)器學(xué)習(xí)模型。

Wix 高級(jí)設(shè)計(jì)智能（ADI）負(fù)責(zé)人尼燦·阿赫薩夫（Nitzan Achsaf）：

你會(huì)怎樣做復(fù)雜棘手的事呢，就比如搭建網(wǎng)站？
通過(guò)用戶調(diào)查，我們發(fā)現(xiàn)用戶面臨 2 大主要問(wèn)題：一是如何撰寫(xiě)引人入勝的網(wǎng)頁(yè)文本；二是如何設(shè)計(jì)出有視覺(jué)吸引力的網(wǎng)站。

ADI 技術(shù)的工作原理類似視覺(jué)平面設(shè)計(jì)師。相比于千篇一律的模版，ADI 通過(guò)向用戶提出一系列問(wèn)題，打造出「私人訂制」的設(shè)計(jì)。而且，其也可以從網(wǎng)頁(yè)中捕捉信息。

由于在設(shè)計(jì)過(guò)程中用戶會(huì)不斷地提供反饋，最后的設(shè)計(jì)成品也因此相當(dāng)獨(dú)特。

目前，整個(gè)過(guò)程還不是全自動(dòng)化的，但離全自動(dòng)化已經(jīng)不遠(yuǎn)了。

經(jīng)我個(gè)人嘗試，只用了 5 分鐘左右，就搭建出 1 個(gè)心目中的律師事務(wù)所網(wǎng)站（當(dāng)然，這只是一個(gè)雛型而已）。
雛型網(wǎng)站中，有我們勾選的各項(xiàng)功能，每個(gè)功能模塊都有系統(tǒng)自動(dòng)生成的文本和圖片。整個(gè)過(guò)程，除了勾選或輸入信息，其它環(huán)節(jié)基本都是自動(dòng)化的。

讓機(jī)器學(xué)習(xí)設(shè)計(jì)

為打造 ADI，Wix 召集專門(mén)研究 AI 的工程師和開(kāi)發(fā)者組成新團(tuán)隊(duì)，針對(duì)網(wǎng)頁(yè)不同層次內(nèi)容（比如色彩、布局等等），開(kāi)發(fā)出不同的機(jī)器學(xué)習(xí)模型。

阿赫薩夫淡定地說(shuō)：「它試圖將設(shè)計(jì)師的大腦取走，再植入進(jìn)機(jī)器，我認(rèn)為它是在自動(dòng)魔力般地搭建網(wǎng)站?！?br>
整個(gè)過(guò)程的第 1 步，是訓(xùn)練 ADI 系統(tǒng)并讓它知道怎樣才能搭建一個(gè)好看的網(wǎng)站，什么樣的內(nèi)容（比如文本和圖片）和架構(gòu)對(duì)任何職業(yè)人士都是合理的。

阿赫薩夫說(shuō)：

比如律師，水管工以及藝術(shù)總監(jiān)，他們每個(gè)人都有不同需求，也希望設(shè)計(jì)出不同的頁(yè)面外觀，以及不同的感官體驗(yàn)。

為達(dá)這一效果，Wix 收集了大量視覺(jué)驚艷的網(wǎng)站，訓(xùn)練模型判斷認(rèn)識(shí)「好」網(wǎng)站的「高分顏值」。此外，模型會(huì)進(jìn)一步挖掘網(wǎng)頁(yè)，通過(guò)表現(xiàn)最佳的網(wǎng)站分析網(wǎng)站流量以及轉(zhuǎn)化率。

俊鐵注：網(wǎng)站轉(zhuǎn)化率是指，用戶進(jìn)行了相應(yīng)目標(biāo)行動(dòng)的訪問(wèn)次數(shù)與總訪問(wèn)次數(shù)的比率。相應(yīng)的行動(dòng)可以是用戶登錄、用戶注冊(cè)、用戶訂閱、用戶下載、用戶購(gòu)買等一系列用戶行為。
以用戶登錄為例，如果每 100 次訪問(wèn)中，就有 10 個(gè)登錄網(wǎng)站，那么此網(wǎng)站的登錄轉(zhuǎn)化率就為 10%，而最后有 2 個(gè)用戶訂閱，則訂閱轉(zhuǎn)化率為 2%。

模型會(huì)通過(guò)這些發(fā)現(xiàn)，總結(jié)出最佳實(shí)踐，并通過(guò) AI 系統(tǒng)搭建網(wǎng)站。從視覺(jué)著手，再進(jìn)一步分析數(shù)據(jù)，保證了流量大的「丑」網(wǎng)站不會(huì)把模型給「坑」了。

根據(jù)網(wǎng)頁(yè)最佳設(shè)計(jì)改進(jìn)的模型

模型是怎樣工作的呢？首先，你可以從下拉菜單中選擇你的職業(yè)。這里面有超過(guò) 5000 種職業(yè)，攝影師、律師、養(yǎng)蜂人等職業(yè)種類都在列表里。然后，你需要輸入公司/個(gè)人名，選擇公司/個(gè)人地址。ADI 會(huì)根據(jù)這些信息來(lái)為你初步搭建網(wǎng)站。

雖然阿赫薩夫拒絕透露系統(tǒng)是從何處采集信息的，但他提到了本地?cái)?shù)據(jù)庫(kù)以及社交網(wǎng)絡(luò)。此外，他還提到系統(tǒng)會(huì)對(duì)信息的質(zhì)量和可信度評(píng)分。

我曾看過(guò)一個(gè)現(xiàn)場(chǎng)演示，它以健身房為素材。系統(tǒng)通過(guò) Google 搜索列表了解相關(guān)評(píng)論和基本聯(lián)系信息，然后將這些信息植入網(wǎng)站搭建系統(tǒng)。用戶隨后還可以進(jìn)一步加入其它信息。當(dāng)然，如果沒(méi)有匹配信息的話，也可以「白手起家」，從 0 到 1 填入所有內(nèi)容。

接下來(lái)，ADI 會(huì)向用戶提出一些問(wèn)題，指引用戶設(shè)計(jì)網(wǎng)頁(yè)外觀和感官體驗(yàn)。用戶首先需要從備選設(shè)計(jì)主題數(shù)據(jù)庫(kù)中選出具有設(shè)計(jì)敏感度的詞，這些詞都是與各種業(yè)務(wù)/職業(yè)相關(guān)的詞。

在前述個(gè)人健身網(wǎng)站演示中，備選詞有「勇敢的」、「敏捷的」等等。而另一個(gè)建筑師的網(wǎng)站演示中，備選詞則是「簡(jiǎn)潔的」、「經(jīng)典的」以及「極簡(jiǎn)抽象藝術(shù)的」等詞。

要完善這些主題數(shù)據(jù)庫(kù)，ADI 需要了解和認(rèn)識(shí)不同職業(yè)相關(guān)的網(wǎng)站，并分析最佳網(wǎng)站采用的色彩和字體等信息。（人工）設(shè)計(jì)師團(tuán)隊(duì)接下來(lái)會(huì)挖掘有用信息并進(jìn)一步更新。

本質(zhì)上來(lái)說(shuō)，系統(tǒng)在搭建最佳設(shè)計(jì)的平均標(biāo)準(zhǔn)值，并把它作為基準(zhǔn)。如果有些內(nèi)容涉及到某人的知識(shí)產(chǎn)權(quán)，Wix 則會(huì)將其產(chǎn)權(quán)買下來(lái)。

用戶選擇最具吸引力的主題詞后，ADI 會(huì)提供一個(gè)檢查清單給用戶，它會(huì)幫助用戶了解最有用的網(wǎng)站功能是哪些。比如，選擇「訂閱（Subscribe）」功能，系統(tǒng)會(huì)自動(dòng)推薦不同的訂閱模版。一旦確認(rèn)勾選某模版，頁(yè)面上就會(huì)出現(xiàn)該模版。

阿赫薩夫說(shuō)：

系統(tǒng)會(huì)自動(dòng)為你推薦所有優(yōu)質(zhì)內(nèi)容，它還可以向用戶提供其寫(xiě)自我介紹時(shí)會(huì)想到的信息。

在「關(guān)于我們（About Us）」功能中，系統(tǒng)根據(jù)所挖掘的信息，在不同備選模版中添加了不同的自我介紹內(nèi)容。你肯定不知道，Wix 團(tuán)隊(duì)花了大量時(shí)間，為網(wǎng)站上 5000 余種公司類型撰寫(xiě)了各種各樣的功能文本。

根據(jù)你所選取的信息類型，ADI 會(huì)對(duì)設(shè)計(jì)做出輕微調(diào)整。比如，若頁(yè)面某兩個(gè)區(qū)域文本內(nèi)容比例失調(diào)，系統(tǒng)會(huì)重構(gòu)布局，讓界面看起來(lái)協(xié)調(diào)。系統(tǒng)還會(huì)跟你確認(rèn)，以保證你喜歡重構(gòu)后的布局。

如果不喜歡的話，系統(tǒng)會(huì)不斷地重構(gòu)布局，直到你喜歡為止。至于網(wǎng)頁(yè)文本、圖像、和空白三者比例的視覺(jué)標(biāo)準(zhǔn)，它是根據(jù)模型獲取的平均標(biāo)準(zhǔn)值而定的。

「系統(tǒng)知道如何編輯各項(xiàng)選擇，如何設(shè)計(jì)出更漂亮的界面，如何不停地重構(gòu)布局，以及如何為你提供針對(duì)相同內(nèi)容的不同布局方案。」阿赫薩夫如是說(shuō)。ADI 推薦的模版都是基于比較流行的網(wǎng)頁(yè)設(shè)計(jì)規(guī)則（比如視差滾動(dòng)和響應(yīng)式設(shè)計(jì)），從而保證設(shè)計(jì)出的頁(yè)面無(wú)論在桌面端還是移動(dòng)端都有較好的視覺(jué)效果。

俊鐵注：視差滾動(dòng)是指讓多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，帶來(lái)非常出色的視覺(jué)體驗(yàn)。
響應(yīng)式網(wǎng)站設(shè)計(jì)的理念是：集中創(chuàng)建頁(yè)面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等）進(jìn)行相對(duì)應(yīng)的布局。

那么問(wèn)題來(lái)了：這還能叫設(shè)計(jì)嗎？

對(duì)阿赫薩夫而言，Wix 通過(guò) ADI 將網(wǎng)頁(yè)設(shè)計(jì)過(guò)程變得更簡(jiǎn)單，也使更多的人擁有更好的網(wǎng)站。

更好，即意味著有更多的人能完成其網(wǎng)頁(yè)設(shè)計(jì)，有更多的人會(huì)喜歡其網(wǎng)頁(yè)上呈現(xiàn)的東西，并以此為豪，這也就意味著他們會(huì)成功。
一個(gè)網(wǎng)站看起來(lái)是否專業(yè)、是否符合審美，和其銷量有很大的關(guān)系。如果網(wǎng)站看起來(lái)不怎么樣，你自己都不會(huì)信它。如果不信它的話，要買相關(guān)產(chǎn)品或服務(wù)也就不太可能了。

同時(shí)，由于在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，可能出現(xiàn)上十億種選項(xiàng)（俊鐵注：原文真的是數(shù)十億啊 ? ），所以兩個(gè)網(wǎng)站要真做到一模一樣，那跟中 500 萬(wàn)差不了多少。

自動(dòng)化設(shè)計(jì)，它有好有壞。它可以為人們帶來(lái)更獨(dú)特的網(wǎng)站，不僅僅限于色彩，布局以及文本內(nèi)容方面。但是，因?yàn)槠湟詳?shù)學(xué)平均值為基準(zhǔn)，模型無(wú)法「原創(chuàng)」，畢竟它是通過(guò)現(xiàn)有信息學(xué)習(xí)的。因此，大多數(shù)專業(yè)設(shè)計(jì)師也可能會(huì)認(rèn)同，機(jī)器肯定比不上人腦。

另外值得一提的是，今天還比較流行的說(shuō)不定明天就會(huì)「失寵」。所以，對(duì)于無(wú)財(cái)力聘請(qǐng)專業(yè)平面設(shè)計(jì)師的小公司來(lái)說(shuō)，Wix 的 ADI 還是很有吸引力的。雖然創(chuàng)建網(wǎng)站不收費(fèi)，但如果要體驗(yàn)其他小服務(wù)，需要將網(wǎng)站連接至某自定義域名時(shí)，用戶則需支付月度固定費(fèi)用。

「費(fèi)用不高，一個(gè)月也就 2 到 5 杯星巴克的價(jià)格?！拱⒑账_夫補(bǔ)充說(shuō)。也就是說(shuō)，一個(gè)月差不多 15 美元。當(dāng)然，具體費(fèi)用要根據(jù)具體服務(wù)而定。




作者 | Diana Budds，作家，關(guān)注設(shè)計(jì)。

譯者 | 俊鐵

題圖 | Pexels

原文編譯自 Can You Teach AI To Design? Wix Thinks So

本文首發(fā)于愛(ài)范兒。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。