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

2018年02月12日 由 xiaoshan.xiang 发表 55108 0
解开uKit AI项目的幕后秘密:自动化网站重新设计




第1部分:基础知识


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


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


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






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


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


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


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


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


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


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






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


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


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


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






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



第2部分:系统


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


状态:原型。


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


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


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


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


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


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

欢迎关注ATYUN官方公众号
商务合作及内容投稿请联系邮箱:bd@atyun.com
评论 登录
写评论取消
回复取消