你一边听着同事们七嘴八舌的，一边就把原型图在白板上画了出来：“我们按这个来讨论一下吧，时间不等人，后面还要UI设计、前端开发……”
小丁的电脑上，正按照你说的样子，运行着一个页面，每一处banner、按钮、跳转都可以点击，所有文字、图片都放在了它应该出现的地方，一旁的HTML代码简洁清晰，就像产品已经做出来了一样。
整个过程中，电脑借助摄像头拍摄到产品经理正在白板上绘制的原型草稿，一边就即时“画”出了UI，生成了代码，展示着成品网页。
每一步都是机器自动识别产品经理画出来的东西，直接变成相应的网页样式，还附带了HTML代码。进行任何增删，都可以实时跟进、更新。
此前，确定一个网页长什么样子，要产品经理、UI、前端、市场运营们聚在一起，沟通、讨论、扯皮，出N个方案，开N场会议，花费数天乃至数周才能完成。
不仅如此，有些人想象力捉急，看不到最终的成品，就发现不了问题，还要让产品、UI、前端重新来一次，一再返工。
现在，有了这个工具，大家只要在白板上勾勾画画，就可以立马看到成品长什么样，敲定方案，一次成型，还可以直接拿去改进UI和代码，给设计师和前端开发省了不少功夫，能把一两个星期的工作，压缩到一两天，效率提升N倍。
这个草稿生成网页的视频在LinkedIn和Twitter上疯传，视频中的那个神奇的工具到底是什么呢？
这个工具出自一个名为teleportHQ的项目，由Evo Forge和Corebuild两家欧洲公司合作创立，欧洲区域发展基金（European Fund for Regional Development）出资赞助，他们希望这个项目能让非技术人员也能方便的创建可视化的应用程序和web页面。
虽然正式的产品还没有面世，不过一众Twitter网友都惊呆了，他们看到这个视频的反应是这样：
毫无疑问，视频很棒，但是视频里最厉害实时转换的恰恰是最没用的，我们为什么需要每一步都实时成代码？
不过，目前这个teleportHQ还没开发完。从2017年8月16日开始，这个项目有24个月的时间来完成作业。也就是说，如果那两家欧洲公司给力的话，大概明年夏天就可以用了。
今年夏天，微软就开源了一个名为Sketch2Code的项目，可以把用户上传的界面手绘图为HTML页面。
整个过程运用了微软自定义视觉模型、微软计算机视觉服务以及Azure的一系列服务，将他们在了一起。
丹麦的Uizard Technologies公司曾经发过一篇论文，介绍了他们训练的pix2code模型，能够识别UI部件，并生成效果图。
pix2code已经产品化，产品名字和他们公司名字一样，叫做Uizard。目前看来效果也相当不错了，根据视频的演示，不仅可以通过手机扫描直接生成UI效果图，还可以直接导入UI设计软件中进行修改。
他们认为，像汉字这种几千个复杂的手写符号都可以通过机器识别，那么一百多种网页UI常用部件拿来识别会是更容易的。
马谡街亭败给谁
网友评论 ()条 查看