• 您的位置 首页 > 集团简介
  • 神奇微软用AI让网页设计手稿自动转成HTML页面

  • 作者:  来源:本站  日期:2018-12-06 07:51:13
  •   微软去其网发表了Sketch2Code专案,并且与GitHub里开源,用者只要去白板或笔记本里画出来网页的接口设计,Sketch2Code就可以透过影像识别,把接口设计草稿转换成HTML线框图,来帮助简化网页应用程式开发的流程。

      microsoft指出来,用者接口设计需要许多创意以及时间,而去设计师绘制设计之后,还需要花费许多时间把草稿转换为HTML线框图,以便去网页游览器里开启,而这过程需要花费一定的心力,同时也推迟了开发流程。因此microsoft想要用人工智能技术,来加速这过程,它们建构了一个系统,能够理解设计师去白板上绘制的内容,并把这些理解转换化成HTML,使得设计能马上转换为HTML页面呈现,以加速设计开发流程。

      这系统用户能传头像,并从定制的视觉模型里,推测出来来头像里的HTML元素及位置,并识别手写字,推测元素内的字,接着利用布局算法,推测元素的边界以生成格框结构等空间资讯,最之后用HTML生成引擎,综合上述各阶段的信息来产生HTML线框语法文件

      需要满足Sketch2Code系统的第一个阶段功能,识别设计师手绘草稿,需需要建构一个定制模型,并用手绘元素的头类似进行练习,类似是下拉选单、按钮或是字打字格等HTML元素,Sketch2Code用了microsoft定制视觉服务(Custom Vision Service)来做定制模型,并执行物件侦测。

      去获得HTML物件之之后,接着用microsoft电脑视觉服务(Computer Vision Service)里的字识别功能,来识别设计草稿上的手写字。

      透过之前俩阶段所得的HTML元素及字资讯,产生数个HTML片段,接着从以识别的元素位置,推断出来来来整个设计的布局,并生成最终的HTML程序源码。

      去整个识别与生成HTML程序源码的过程,系统会把头类似、推测结果与布局分组等资讯存储去Azure Blob存储里,并以Azure Function作为之之后端进入点,透过与所有云服务交互沟通来协调生成的过程,产生的结果放置去Azure WebSite,作为与用者互动的之前端,供查看产生的HTML链接。

  • ad
  • 上一篇:优秀网页设计需要遵循好哪些网站建设基本流程懂的人自然成功!
    下一篇:本兮新歌《3号0807》首发 演绎慵懒少女