内容简介：Sketch2Code是微软的AI实验室开源的有趣Web工具，遵守MIT开源协议。工具借助AI将手绘的用户界面草图转换为可用的 HTML 代码，使用简单，只要上传手绘的原型图片，自定义视觉模型会预测在图像中出现的 HTML 元素，并将它们的位置标出来。 同时识别读取预测元素中的文本。根据预测元素的边框空间信息生成网格结构后，生成 HTML 代码。Sketch2Code使用组件包括：
Sketch2Code是微软的AI实验室开源的有趣Web工具，遵守MIT开源协议。工具借助AI将手绘的用户界面草图转换为可用的 HTML 代码，使用简单，只要上传手绘的原型图片，自定义视觉模型会预测在图像中出现的 HTML 元素，并将它们的位置标出来。 同时识别读取预测元素中的文本。根据预测元素的边框空间信息生成网格结构后，生成 HTML 代码。
Sketch2Code使用组件包括：
- 微软自定义视觉模型（Custom Vision）：模型基于不同的手绘稿的图象训练，标记了与常见 HTML 元素（如文本框、按钮、图像等）相关的信息。
- 微软计算机视觉服务：用于识别设计元素中的文本。
- Azure Blob Storage：保存与 HTML 生成过程的每个步骤相关的信息，包括原始图像、预测结果、布局和分组信息等。
- Azure Function：作为后端入口点，通过与其他服务发生交互来协调生成过程。
- Azure Website：用户界面前端，用户可以在这里上载设计图，并查看生成的 HTML。
以上所述就是小编给大家介绍的《手绘用户界面草图转换为HTML 代码-Sketch2Code》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- Gmail 即将迎来重大更新，UI 草图曝光
- sketch-code让草图秒变HTML
- 黑白草图就能生成2K视频？NVIDIA超狂AI模型了解一下
- GNN手绘草图识别新架构：Multi-Graph Transformer 网络
- 图形用户界面1：初识Walk
- [译] 如何理智地构建复杂用户界面
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Designing for Emotion
Aarron Walter / Happy Cog / 2011-10-18 / USD 18.00
Make your users fall in love with your site via the precepts packed into this brief, charming book by MailChimp user experience design lead Aarron Walter. From classic psychology to case studies, high......一起来看看 《Designing for Emotion》 这本书的介绍吧!
