文档章节

有了人工智能,5 分钟就能建好个人网站?

 速度君com
发布于 2017/04/05 16:26
字数 2258
阅读 22
收藏 0

现在,设计网站并不麻烦,不少公司推出了网站设计服务。其中,比较出名的有 Wix,Squarespace, Adobe Portfolio,还有 Google 的 Material Design Lite。

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

Wix 高级设计智能(ADI)负责人尼灿·阿赫萨夫(Nitzan Achsaf):

你会怎样做复杂棘手的事呢,就比如搭建网站?

通过用户调查,我们发现用户面临 2 大主要问题:一是如何撰写引人入胜的网页文本;二是如何设计出有视觉吸引力的网站。

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

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

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

AppSo(微信号 appsolution)尝试,只用了 5 分钟左右,就搭建出 1 个心目中的律师事务所网站(当然,这只是一个雏型而已)。

雏型网站中,有我们勾选的各项功能,每个功能模块都有系统自动生成的文本和图片。整个过程,除了勾选或输入信息,其它环节基本都是自动化的。

让机器学习设计

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

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

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

阿赫萨夫说:

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

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

AppSo(微信号 appsolution)注:网站转化率是指,用户进行了相应目标行动的访问次数与总访问次数的比率。相应的行动可以是用户登录、用户注册、用户订阅、用户下载、用户购买等一系列用户行为。

以用户登录为例,如果每 100 次访问中,就有 10 个登录网站,那么此网站的登录转化率就为 10%,而最后有 2 个用户订阅,则订阅转化率为 2%。

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

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

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

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

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

以律师事务所为素材的信息搜索。图片来源:Wix

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

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

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

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

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

阿赫萨夫说:

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

检查清单。图片来源:Wix

选择系统自动推荐的其中一个「订阅」模版。图片来源:Wix

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

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

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

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

AppSo(微信号 appsolution)注:视差滚动是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。

响应式网站设计的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。

那么问题来了:这还能叫设计吗?

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

更好,即意味着有更多的人能完成其网页设计,有更多的人会喜欢其网页上呈现的东西,并以此为豪,这也就意味着他们会成功。

一个网站看起来是否专业、是否符合审美,和其销量有很大的关系。如果网站看起来不怎么样,你自己都不会信它。如果不信它的话,要买相关产品或服务也就不太可能了。

同时,由于在网页设计过程中,可能出现上十亿种选项(译者注:原文真的是数十亿啊

本文转载自:http://www.sudujun.com/html/201704/587.html

粉丝 0
博文 17
码字总数 0
作品 0
玉林
私信 提问
一键免费自动AI抠图,效果连PS大哥也点赞!

作者 | Jane 技术支持 | 老纪、猫猫 出品 | AI科技大本营(公众号ID:rgznai100) 现在,抠图已经不再是专业设计师才会的技能,其应用的技术图像分割也不是一个新课题了,很早之前就有很多研...

AI科技大本营
02/19
0
0
日本疯沟通型机器人,市场料增至 10 倍!aibo 三度预购都抢光

Sony 于 11 月 1 日发布的犬型机器人(智能机器狗)“aibo”预计于 2018 年 1 月 11 日开卖,不含税售价为 19.8 万日元。而 aibo 在日本的需求强强滚,之前两次开放预购都在 30 分钟内抢光光...

moneydj
2017/12/21
0
0
AI一分钟 | 黎曼猜想已被证明?对错有待同行评议;讯飞与发帖质疑同传译员达成谅解...

▌科大讯飞:与发帖质疑科大讯飞AI翻译技术者达成谅解 科大讯飞称,此前发帖质疑科大讯飞 AI 翻译技术的一名同声传译负责人电话后,对方为言辞激烈与不妥致歉,并表示,科大讯飞没有造假。而...

AI科技大本营
2018/09/25
0
0
再显AI威力!百度地图20分钟定制个人语音包

  9月19日,百度地图在“‘音’为有你,更有‘AI’”发布会上正式发布“语音定制功能”,内部代号“百雀灵”。它是一款地图语音定制产品,用户在百度地图App上录制20句话,20分钟左右即可生...

深度学习
09/25
0
0
DOTA 5v5 AI 的亮点不是如何「学」的,而是如何「教」的

雷锋网 AI 科技评论按:我们都已经知道了,OpenAI 的 5v5 DOTA AI 「OpenAI Five」再次完胜人类。 美国时间 8 月 5 日星期天下午,OpenAI 组织的线下比赛(OpenAI 称其为「OpenAI Five Bench...

杨晓凡
2018/08/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
11分钟前
1
0
Spring Boot 如何部署到 Linux 中的服务

打包完成后的 Spring Boot 程序如何部署到 Linux 上的服务? 你可以参考官方的有关部署 Spring Boot 为 Linux 服务的文档。 文档链接如下: https://docs.ossez.com/spring-boot-docs/docs/r...

honeymoose
14分钟前
1
0
Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
今天
6
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
今天
4
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部