欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

 Sketch2Code是一个基于Web的解决方案,使用AI将手绘的用户界面草图转换为可用的HTML代码。

处理流程:

•用户将图片上传到网站上。

•自定义视觉模型预测在图像中出现的 HTML 元素,并将它们的位置标出来。

•手写文本识别服务读取预测元素中的文本。

•布局算法根据预测元素的边框空间信息生成网格结构。

•HTML 生成引擎使用上述信息来生成 HTML代码。

这是一个很酷的功能,将减少前端工程师的工作量,甚至能部分代替前端工程师。

我想它的用途可能有如下:

--产品经理或UI设计师的想法能及时变成原型,便于体验,及时改进。

--对于经常变化的客户需求,尤其国内客户,能很快实现客户的想法,缩短需求确认的周期。

--设计师可以天马行空的设计很多UI模板原型,供客户选择或出售,不在依赖与前端工程师来实现。

可见的UI草图即代码

 

可见的UI草图即代码

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h50829.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。