剧集
Sketch2Code
“需要- 用户界面设计”过程涉及很多创意，这些创意始于设计者共享创意的白板上。 绘制设计后，通常会在照片中捕获它，并手动转换为一些工作 HTML 线框，以在 Web 浏览器中玩。 这需要努力并延迟设计过程。
解决方案 - 我们在 Microsoft 认知服务中托管计算机视觉服务。 此服务背后的模型已使用数百万张图像进行训练，并为各种类型的对象启用对象检测。 在这种情况下，我们需要生成自定义模型，并使用手绘设计元素（如文本框、按钮或组合框）的图像对其进行训练。 自定义视觉服务提供训练自定义模型并为其执行对象检测的功能。 一旦我们可以识别 HTML 对象，我们将使用计算机视觉服务中存在的文本识别功能提取设计中存在的手写文本。 通过组合这两条信息，我们可以在设计中生成不同元素的 HTML 代码片段。 然后，我们可以根据标识元素的位置推断设计布局，并相应地生成最终 HTML 代码。
产品和服务 - 计算机视觉（手写 OCR 模型），自定义视觉、Azure Functions、Blob 存储、WebApp
“需要- 用户界面设计”过程涉及很多创意，这些创意始于设计者共享创意的白板上。 绘制设计后，通常会在照片中捕获它，并手动转换为一些工作 HTML 线框，以在 Web 浏览器中玩。 这需要努力并延迟设计过程。
解决方案 - 我们在 Microsoft 认知服务中托管计算机视觉服务。 此服务背后的模型已使用数百万张图像进行训练，并为各种类型的对象启用对象检测。 在这种情况下，我们需要生成自定义模型，并使用手绘设计元素（如文本框、按钮或组合框）的图像对其进行训练。 自定义视觉服务提供训练自定义模型并为其执行对象检测的功能。 一旦我们可以识别 HTML 对象，我们将使用计算机视觉服务中存在的文本识别功能提取设计中存在的手写文本。 通过组合这两条信息，我们可以在设计中生成不同元素的 HTML 代码片段。 然后，我们可以根据标识元素的位置推断设计布局，并相应地生成最终 HTML 代码。
产品和服务 - 计算机视觉（手写 OCR 模型），自定义视觉、Azure Functions、Blob 存储、WebApp
想提供反馈？ 在此处提交问题。