首页 > 娱乐前沿 > 科技
神奇! 微软用AI让网页设计手稿自动转成HTML页面
洛洛 2018-08-28 15:33:36

微软在其AI.lab网站发表了Sketch2Code专案,并且于GitHub中开源,使用者只要在白板或笔记本中画出网页的介面设计,Sketch2Code就能通过影像分辨,将介面设计草稿转成HTML线框图,来帮助简化网页应用程序开发的流程。7qc我酷网

微软指出,使用者介面设计需要许多创意以及时间,而在设计师绘制设计后,还要花费许多时间把草稿转为HTML线框图,以便在网页浏览器中开启,而这个过程需要花费一定的心力,同时也延迟了开发流程。因此微软想要用人工智能技术,来加速这个过程,他们建构了一个系统,能够理解设计师在白板上绘制的内容,并将这些理解转化成HTML,使得设计可以马上转为HTML页面呈现,以加速设计开发流程。7qc我酷网

这个系统让用户可以上传图像,并从订制化的视觉模型中,推测出图像中的HTML元素及其位置,并分辨手写文字,推测元素内的文字,接着利用布局演算法,推测元素的边界以生成格框结构等空间资讯,最后使用HTML生成引擎,综合上述各阶段的讯息来产生HTML线框语法档案。7qc我酷网

要满足Sketch2Code系统的第一个阶段功能,分辨设计师手绘草稿,需要建构一个订制化模型,并使用手绘元素的图像进行训练,像是下拉选单、按钮或是文字输入格等HTML元素,Sketch2Code使用了微软订制视觉服务(Custom△Vision△Service)来制作订制化模型,并执行物件侦测。7qc我酷网

在获得HTML物件后,接着使用微软电脑视觉服务(Computer△Vision△Service)中的文字识别功能,来分辨设计草稿上的手写文字。通过前两个阶段所获得的HTML元素及文字资讯,产生数个HTML片段,接着从已识别的元素位置,推断出整个设计的布局,并生成最终的HTML程式码。7qc我酷网

在整个分辨与生成HTML程式码的过程,系统会把图像、推测结果和布局分组等资讯储存在Azure△Blob储存中,并以Azure△Function作为后端进入点,通过与所有云端服务交互沟通来协调生成的过程,产生的结果放置在Azure△WebSite,作为与使用者互动的前端,供查看产生的HTML页面。7qc我酷网

上一篇  下一篇

I 相关 / Other

HMD 向微软取得 PureView 商标 Nokia 经典有望重现 | 香港 UNWIRE.HK 玩生活.乐科技

在 Microsoft 拥有 Nokia 流动装置部门时,曾经推出过一系列具有 PureView 功能的 Nokia 手机,这批手机比竞争对手的相机像素更高,拍摄效果更加优胜。随着 Microsoft 不再生产手机,又将 Nokia 品牌转让,很多人以为

微软赞助、可分辨新闻网站可信度的免费浏览器扩充程式NewsGuard问世了

图片来源: Chrome△Web△Store NewsGuard△Technologies在上周释出了一个由微软赞助,同时支援Microsoft△Edge与Google△Chrome的同名扩充程式,它以9项标准帮数千个新闻或资讯网站建立可信度评分,若使用者造访的是

Google可能买下前微软员工组成的新创PerceptiveIO

示意图,与新闻事件无关。 图片来源: Google 一家由微软负责研发视讯及电脑视觉的员工合组的新创公司PerceptiveIO今年传出可能已经被Google买下。PerceptiveIO是2016年由微软Surface△Hub部门主管Jeff△Han创立,并

英特尔处理器漏洞连环爆,微软为最新版Windows释出修补程式码

示意图,与新闻事件无关。 图片来源: 微软 英特尔(Intel)CPU接二连三爆出Spectre、Foreshadow等重大安全漏洞,令企业修补不及,微软周四对Windows△10 1803、Windows△Server△1803版本释出包含修补多项漏洞的In

微软将为Windows 10、Windows Server每月更新瘦身

示意图,与新闻事件无关。 图片来源: 微软 微软七月间表示将终止Windows△10每月的Delta更新,未来将简化更新方式。周四微软进一步宣布正在发展改良版的新Windows△累积更新机制,预计今年内从下一代重大版本的Win

I 热点 / Hot