前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解开uKit AI项目的幕后秘密:自动化网站重新设计

解开uKit AI项目的幕后秘密:自动化网站重新设计

作者头像
AiTechYun
发布2018-03-02 14:39:09
8860
发布2018-03-02 14:39:09
举报
文章被收录于专栏:ATYUN订阅号ATYUN订阅号

第1部分:基础知识

没有什么是一成不变的,有时你需要修改网站上的一些东西以保持网站的新鲜度。也许是外观和新的配色方案。也许存在技术问题,比如取消Flash块和完全使用HTML5。通常,这是由不同原因造成的。

由于设计和技术趋势每隔几年就会发生变化,所以利用助手来取代常规并加快网站升级的进程是很好的。

即使你是一个设计和IT人员,可以自己重新设计网站,机器人也可以帮你节省时间,让你专注于网站建设中更重要和更有创意的部分。无论是个人登陆页面还是小公司网站,像现在的大多数网站所有者一样,智能自动化将会更好地节省时间和处理常见的技术知识问题。

现代科技水平使得制造这种机器人成为可能。

生成算法能够在几分钟内创造出多种设计变化,并且已经在各个领域实现,从航天工程师的CAD程序到小型企业的免费标志生成器。计算机视觉的发展允许复杂的目标识别。与此同时,在过去5年里,机器学习和神经网络训练在许多领域都被证明是有效的,包括网页设计。

那么,网站如何自动化重新设计过程呢?这是我们的看法。

1、首先,现代web页面需要快速的HTML/CSS加载和响应式布局。为此,我们可以检测旧页面版本的核心结构和惟一内容,并将这些细节导出到现代代码环境中。

2、生成设计。内容是国王。但是你仍然需要找到最佳的方法来组合和格式化页面。算法可以更快地创建这样的组合——只是给它一些基本的规则,一些好的示例和创造性的自由可以让它尝试不同的文本、媒体和其他内容类型的组合。

3、选择并向你展示网站的新版本应该是什么样的。为了做到这一点,我们可以模仿“典型的互联网用户”的观点——因为我们谈论的是小型企业,访问者可能会被描述为普通用户。

其中一个要点就是环境问题。一个具有现代堆栈的网站构建工具可能满足这个需求。

传统上,网站建设者被认为是“从零开始创建令人震惊的网站”的工具。为它提供内容的来源并不重要——而且现有的网页也可能是来源。这种方法已经被用于“把你的社交媒体页面变成网页”,例如Pagevamp或者uKit Alt转换器。

这就是它如何使用Facebook页面作为来源,uKit网站构建器作为网站环境。Facebook上的内容类型总是相同的,所以你甚至可以使用完全确定的算法通过API来固定页面创建过程。

第2部分:系统

因为你从特定网站获得的初始数据类型和数量经常会有所不同,所以需要花费一些额外的时间来训练和重新训练算法来处理这些模糊的类。但核心理念是一样的:获取内容,将其结合起来,在一个现代环境中显示结果。

我们有3个步骤,所以我们需要3个系统一个接一个地开始行动。现在我们的团队已经有了这些系统的独立原型,很快就会合并到一个名为uKit AI 1.0的产品中。

内容检测的计算机视觉+导入到现代代码环境。

就像web、技术和我们的页面构建工具一样,设计和编码相同页面元素的方法也发生了变化。所以,你会在不同的年份创建的网站理浏览,观察它们通过多种方式实现相似的单元。

机器需要被教导去分类:某种程度上,它应该模拟一个能够理解页面和对象的外观以及代码含义的前端技术人员。

uKit AI网页内容和结构检测系统。通过尝试不同的方法,我们发现大多数情况下可以覆盖十几种基本类型的识别模式。

状态:由web专业人员进行的封闭测试。我们的系统模拟了在网站建设初期由技术专家手动完成的工作,并且速度更快。现在,我们的机器人通过把内容导入到现代的uKit网站营造商环境中,帮助那些希望利用旧网站创建新网站的自由职业者节省时间。这些测试可以帮助我们从经验丰富的人那里得到实时反馈,从而提高机器的技能。

生成算法:基于规则和用户内容创建不同的布局版本。

这是整个uKit AI项目的核心部分——不仅提供现代前端代码,还为网站提供现代外观。

许多小型企业网站的所有者失去客户仅仅因为他们的页面看起来过时了:他们的内容可能很丰富,但如果其导航可能是2000年代的风格,背景和长文本格式较差,很难让人在几秒钟内找到有趣的信息。

将访客转换成客户是大多数在线小型企业的主要目标。所以,重新设计是改进它的第一步。通过使用算法,加快网站重新设计的速度。

所以,当内容放到现代代码和网格时,这台机器可以洗牌,重塑它基本的web设计规则和现代趋势。

uKit AI生成设计系统尝试不同的并读取更多友好的内容组合,基于旧版本的核心颜色提供一个更加平衡的色彩方案。

状态:原型。

评分系统:测量设计质量。

在最后的步骤中,我们应该创建一个能够检查设计结果并在相同的24×7模式下向其他系统提供反馈的机器人。

要记住网站所有者的主要目标——让访问者喜欢他们的网站,我们可能会展示一种类似于人群模拟(crowd emulation )的设计,以确保生成算法做到最好。

因此,我们创建了一个机器学习模型,它对不同的设计进行评估。该模型在10k个网站上进行训练,很快就可以成为独立的服务。

你不仅可以尝试评分系统,还可以成为它的老师之一。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-02-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 ATYUN订阅号 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 第1部分:基础知识
  • 第2部分:系统
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档