# 有了人工智能，5 分钟就能建好个人网站？\| 灵感早读

- 作者：井岛俊铁
- 发布时间：2017-04-05 07:58
- 原文：https://www.ifanr.com/app/810820

![](https://s3.ifanr.com/wp-content/uploads/2017/03/cover-8-1024x578.jpg)

> A 君导读：AppSo（微信号 appsolution）之前为大家介绍过在超级碗上花了至少几百万美金投放自己广告的 Wix.com，拥有这样的资本，必有其过人之处。
> 
> 灵感早读这篇文章，告诉你 Wix 如何将人工智能应用到网站 DIY 中，让你快速拥有自己的独特网站。

现在，设计网站并不麻烦，不少公司推出了网站设计服务。其中，比较出名的有 [Wix](https://www.wix.com/)，[Squarespace](https://www.fastcodesign.com/1670307/the-all-in-1-website-builder-we-ve-been-waiting-for)， [Adobe Portfolio](https://www.fastcodesign.com/3055917/adobe-just-launched-a-squarespace-competitor-called-portfolio)，还有 Google 的 [Material Design Lite](https://www.fastcodesign.com/3048295/googles-free-website-builder-makes-it-dead-simple-to-implement-material-design)。

但服务覆盖全球约 180 个国家共计约 1 亿用户的 Wix，立志超越行业竞争者，「更上一层楼」。其已成功研发出一款人工智能（AI）设计系统，该系统核心是背后不断改进的**机器学习模型**。

Wix 高级设计智能（ADI）负责人尼灿·阿赫萨夫（Nitzan Achsaf）：

> 你会怎样做复杂棘手的事呢，就比如搭建网站？
> 
> 通过用户调查，我们发现用户面临 **2 大主要问题**：一是如何撰写引人入胜的网页文本；二是如何设计出有视觉吸引力的网站。

ADI 技术的工作原理类似视觉平面设计师。相比于千篇一律的模版，ADI 通过向用户**提出一系列问题**，打造出「私人订制」的设计。而且，其也可以从网页中**捕捉信息**。

由于在设计过程中用户会不断地提供反馈，最后的设计成品也因此**相当独特**。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/qa-1024x578.jpg)

目前，整个过程还不是全自动化的，但**离全自动化已经不远了**。

> AppSo（微信号 appsolution）尝试，只用了 5 分钟左右，就搭建出 1 个心目中的律师事务所网站（当然，这只是一个雏型而已）。
> 
> 雏型网站中，有我们勾选的各项功能，每个功能模块都有系统自动生成的文本和图片。整个过程，除了勾选或输入信息，其它环节基本都是自动化的。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/wix-jt.gif)

### 让机器学习设计

为打造 ADI，Wix 召集专门研究 AI 的工程师和开发者组成新团队，针对网页**不同层次内容**（比如色彩、布局等等），开发出不同的机器学习模型。

阿赫萨夫淡定地说：「它试图将设计师的大脑取走，再植入进机器，我认为它是在自动魔力般地搭建网站。」

整个过程的**第 1 步**，是训练 ADI 系统并让它知道怎样才能搭建一个好看的网站，什么样的**内容（比如文本和图片）和架构**对任何职业人士都是合理的。

阿赫萨夫说：

> 比如律师，水管工以及艺术总监，他们每个人都有不同需求，也希望设计出不同的**页面外观**，以及不同的**感官体验**。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/catalogue-1024x551.jpg)

为达这一效果，Wix 收集了**大量视觉惊艳的网站**，训练模型**判断认识**「好」网站的「高分颜值」。此外，模型会进一步**挖掘网页**，通过表现最佳的网站分析网站流量以及转化率。

> AppSo（微信号 appsolution）注：网站转化率是指，用户进行了相应目标行动的访问次数与总访问次数的比率。相应的行动可以是用户登录、用户注册、用户订阅、用户下载、用户购买等一系列用户行为。
> 
> 以用户登录为例，如果每 100 次访问中，就有 10 个登录网站，那么此网站的登录转化率就为 10%，而最后有 2 个用户订阅，则订阅转化率为 2%。

模型会通过这些发现，总结出**最佳实践**，并通过 AI 系统搭建网站。从**视觉**着手，再进一步**分析数据**，保证了流量大的「丑」网站不会把模型给「坑」了。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/diyiduan-1024x578.jpg)

### 根据网页最佳设计改进的模型

**模型是怎样工作的呢？**首先，你可以从下拉菜单中选择你的职业。这里面有超过 5000 种职业，摄影师、律师、养蜂人等职业种类都在列表里。然后，你需要输入公司/个人名，选择公司/个人地址。ADI 会根据这些信息来为你初步搭建网站。

虽然阿赫萨夫拒绝透露系统是从何处采集信息的，但他提到了**本地数据库以及社交网络**。此外，他还提到系统会对信息的**质量和可信度**评分。

我曾看过一个现场演示，它以健身房为素材。系统通过 Google 搜索列表了解相关评论和基本联系信息，然后将这些信息植入网站搭建系统。用户随后还可以进一步加入其它信息。当然，如果没有匹配信息的话，也可以「白手起家」，从 0 到 1 填入所有内容。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/lawfirm-1024x578.jpg) 以律师事务所为素材的信息搜索。图片来源：Wix

接下来，ADI 会向用户提出一些问题，指引用户设计网页外观和感官体验。用户首先需要从备选设计主题数据库中选出具有**设计敏感度**的词，这些词都是与各种业务/职业相关的词。

在前述个人健身网站演示中，备选词有「勇敢的」、「敏捷的」等等。而另一个建筑师的网站演示中，备选词则是「简洁的」、「经典的」以及「极简抽象艺术的」等词。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/taste-words-1024x578.jpg)

要完善这些主题数据库，ADI 需要了解和认识不同职业相关的网站，并分析最佳网站采用的色彩和字体等信息。（人工）设计师团队接下来会挖掘有用信息并进一步更新。

**本质上来说，系统在搭建最佳设计的平均标准值，并把它作为基准。**如果有些内容涉及到某人的知识产权，Wix 则会将其产权买下来。

用户选择最具吸引力的主题词后，**ADI 会提供一个检查清单给用户，它会帮助用户了解最有用的网站功能是哪些**。比如，选择「订阅（Subscribe）」功能，系统会自动推荐不同的订阅模版。一旦确认勾选某模版，页面上就会出现该模版。

阿赫萨夫说：

> 系统会自动为你推荐所有优质内容，它还可以向用户提供其写自我介绍时会想到的信息。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/checklislt-1024x551.jpg) 检查清单。图片来源：Wix

![](https://s3.ifanr.com/wp-content/uploads/2017/03/sub2-1024x578.jpg) 选择系统自动推荐的其中一个「订阅」模版。图片来源：Wix

在「关于我们（About Us）」功能中，系统根据所挖掘的信息，在不同备选模版中添加了不同的自我介绍内容。你肯定不知道，Wix 团队花了大量时间，为网站上 5000 余种公司类型撰写了各种各样的功能文本。

根据你所选取的信息类型，ADI 会对设计做出轻微调整。比如，若页面某两个区域文本内容比例失调，系统会**重构布局**，让界面看起来协调。系统还会跟你确认，以保证你喜欢重构后的布局。

如果不喜欢的话，系统会不断地重构布局，直到你喜欢为止。至于**网页文本、图像、和空白**三者比例的视觉标准，它是根据模型获取的**平均标准值**而定的。

「系统知道如何编辑各项选择，如何设计出更漂亮的界面，如何不停地重构布局，以及如何为你提供针对相同内容的不同布局方案。」阿赫萨夫如是说。ADI 推荐的模版都是基于**比较流行的网页设计规则**（比如视差滚动和响应式设计），从而保证设计出的页面无论在桌面端还是移动端都有较好的视觉效果。

> AppSo（微信号 appsolution）注：视差滚动是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。
> 
> 响应式网站设计的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/edit-1024x578.jpg)

### 那么问题来了：这还能叫设计吗？

对阿赫萨夫而言，Wix 通过 ADI 将网页设计过程变得更简单，也使更多的人拥有更好的网站。

> 更好，即意味着有更多的人能完成其网页设计，有更多的人会喜欢其网页上呈现的东西，并以此为豪，这也就意味着他们会成功。
> 
> 一个网站看起来是否专业、是否符合审美，和其**销量**有很大的关系。如果网站看起来不怎么样，你自己都不会信它。如果不信它的话，要买相关产品或服务也就不太可能了。

**同时，由于在网页设计过程中，可能出现上十亿种选项（译者注：原文真的是数十亿啊 😳 ），所以两个网站要真做到一模一样，那跟中 500 万差不了多少。**

自动化设计，它有好有坏。它可以为人们带来**更独特的网站**，不仅仅限于色彩，布局以及文本内容方面。但是，因为其以数学平均值为基准，模型**无法「原创」**，毕竟它是通过现有信息学习的。因此，大多数专业设计师也可能会认同，机器肯定比不上人脑。

另外值得一提的是，**今天还比较流行的说不定明天就会「失宠」**。所以，对于无财力聘请专业平面设计师的小公司来说，Wix 的 ADI 还是很有吸引力的。虽然创建网站不收费，但如果要体验其他小服务，需要将网站连接至某自定义域名时，用户则需支付月度固定费用。

![](https://s3.ifanr.com/wp-content/uploads/2017/03/fee-1024x578.jpg)

「费用不高，一个月也就 2 到 5 杯星巴克的价格。」阿赫萨夫补充说。也就是说，一个月差不多 15 美元。当然，具体费用要根据具体服务而定。

作者 \| Diana Budds，作家，关注设计。  
译者 \| Jorri  
原文编译自 [Can You Teach AI To Design? Wix Thinks So](https://www.fastcodesign.com/3060934/can-you-teach-ai-to-design-wix-is-trying)

**本文由让手机更好用的 AppSo 精选推荐，关注微信号 appsolution，回复「奥斯卡」告诉你，[奥斯卡颁错奖，为什么是排版惹的祸](http://www.ifanr.com/app/802137)。**

![AppSo qrcode signature](https://s3.ifanr.com/wp-content/uploads/2016/09/AppSo-qrcode-signature.jpg)