您当前的位置:网站首页>洋葱数学,白板顺手一画,嗖嗖变成代码,宝宝身高体重标准表

洋葱数学,白板顺手一画,嗖嗖变成代码,宝宝身高体重标准表

2019-04-09 21:54:14 投稿作者:admin 围观人数:217 评论人数:0次
郭一璞 发fear自四川人事 凹非寺&n杭州依衣阁bsp;
量子位 报导 | 大众号 QbitAI

“这次的新产品主页,咱们有什么主意?”你正在和UI、前端、商场、运营部分开会。

“先把活动banner放到最上洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范外表?”

“然后给不同栏目加icon,放两排就够了。”

“下面能够放专栏的方位。”

“最底下别忘了加用户菜单。”

……

你一边听着搭档们众说纷纭的主张,一边就把原型图在白板上画了出来:“咱们按这个来评论一下吧,时刻不等人,后边还要UI规划、前端开发……”

“差不多长这样是吧?”前端开发小丁打断了你的讲话。

小丁的电脑上,正依照你说的姿态,运转着一个页面,每一处banner、按钮、跳转都能够点击,一切文字、图片都放在了它应该呈现的当地,一旁的HTML代码简练明晰,就像产品现已做出来了相同。

这么快,怎样做到的?

莫非,这群开发人员都是AI吗?

嗯……或许真的是。

手绘框图,同步主动生成

小丁用的,便是下面视频中的办法,摄像头繁花落尽执何手实时摄影白板上的草稿,就能够主动生成规划、开发好了的网页。

视频中,产品司理在白板上勾勒原型草图。

而屏幕上,显现着辨认的进程,一同正在生成代码和UI界面预览。

扩大的细节明晰地展现出了辨认的进程。


跟着画图的那盛行发型位产品司理搁笔,辨认也就完结了,此刻的代码明晰可鉴。


网页也生成了,和正常的网页相同,能够随意调整巨细并适配。

整个进程中,电脑凭借摄像头摄影到产品司理正在白板上制作的原型草稿,一边就即时“画”出了UI,生成了代码,展现着制品网页。

产品司理画一个banner,屏幕上就呈现一个banner;

产品司理标一个小标题,屏幕上就呈现一个小标题;

产品司理画一个文字区域,屏幕上就呈现一个文字区域。

每一步都是机器主动辨认产品司理画出来的东西,直接变成相应的网页款式,还附带了HTML代码。进行任何增删,都能够实时跟进、更新。

此前,确认一个网页长什么姿态,要产品司理、UI、前端、商场运营们聚在一同,沟通、评论、扯皮,出N个计划,开N场会议,花费数天甚至数周才干完结。

从剖析需求开端,产品司理出原型图,咱们开会修正N;

UI制作规划图,咱们开会修正N;

前端写好代码,咱们查看沟通N……

不只如此,有些人想象力捉急,看不到终究的制品,就发现不了问题,还要让产品、UI、前端重新来一次,再三返工。

所以,工期越推越长,加班越来越晚,发际线越来越高……

现在,有了这个东西,咱们只要在白板上勾勾画画,就能够立马看到制品长什么样,敲定计划,一次成型,还能够直接拿去改善UI和代码,给规划师和前端开发省了不少功夫,能把一两个星期的作业,压缩到一两天,功率提高N倍。

来自欧洲的teleportHQ

这个移动硬盘草稿生成网页的视频在LinkedIn和Twitter上疯传,脂肪视频中的那个奇特的东西究竟是什么呢?

这个东西出自一个名为teleportHQ的项目,由Evo Forge和Corebuild两家欧洲公司协作创立,欧洲区域开展基金(European Fund for Regional Development)出资资助,他们期望这个项目能让非技能人员也能便利的创立可视化的运用程序和web页面。

该项目经过支撑向量机(SVM)、神经网络和XGBoost三种方法,完结对web页面的语义切割,现在现已能够生成React,React Native,Vue,HTML/CSS和AngularJS代码。

引发Twitter“震动体”

尽管正式的产品还没有问世,不过一众Twitter网友都惊呆了,他们看到这个视频的反应是这样:

这样:

还有这样:

网友们纷纷表示,这简直是未来本来了!

有时分我会觉得看到了未来,嗯,比方看到这个的时分。

尽管感觉UI们会凉凉,可是并不阻碍这个很cool啊!

但另一些规划师觉得,这能给自己省下大把大把的时刻。

还有人畅想了这种技能的未来运用。

等到了2025年,一切的讲演估量都会是讲演者手绘,然后AI来主动生成的啦。

不过也有人觉得,实时同步尽管很牛逼,可是,似乎无卵用。

毫无疑问,视频很棒洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表,但洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表是视频里最厉害实时转化的恰恰是最没用的,咱们为什么需求每一步都实时转化成代码?

还有其他家可供挑选

看了这个炫酷的作用,你是不是也想在自家的脑暴大会上用上它?

不过,现在这个teleportHQ还没开发完。从2017年8月16日开端,这个项目有24个月的时刻来完结作业。也便是说,假如那两家欧洲公司给力的话,大约下一年夏天就能够用了。

好在别家也出过不少相似的产品,找个开酸辣汤的做法源的试一试,隔壁家的UI都被你吓哭了。

微软Sketch2Code

今洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表年夏天,微软就开源了一个名为Sketch2Code的项目,美丽5008能够把用户上传的界面手绘图转化为HTML页面。

大致的进程是这样的:

用户把自己画的手绘草稿摄影川端康成上传。

视觉模型检测在图画中呈现的HTML部件,标记出他们的方位。

辨认一切部件中的手写文本。

布局算法依据各部件的边框空间信息生成网格结构。

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

整个进程运用了微软自定义视觉模型、微软计算机视觉效劳以及Azure的一系列效劳,将他们串联在了一同。

Uizard家的pix2code

丹麦的Uizard Technologies公译组词司从前发过一篇论文,介绍了他们练习的pix2code模型,能够辨认UI部件,并生成作用图。

这个模型的练习大约需求三步:

首要,需求经过计算机视觉技白娜术来辨认场景(傲卡名车屏幕截图)和UI组件(按钮,文本区域等);

其次,需求让这个模型学会前端代码,生成语法和语义正确的代码样本;

最终,重复前两个进程进行练习。

演示作用大约是这样:

pix2code现已产品化,产品姓名和他们公司姓名相同,叫做Uizard。现在看来作用也适当不错了,依据视频的演示,不只能够经过手机扫描直接生成UI作用图,还能够直接导入UI规划软件中进行修正。

Airbnb

Airbnb内部就有一个项目能够完结将手绘的网页部件直接转化为制品。

他们以为,像汉字这种几千个杂乱的手写符号都能够通闫肃逝世追掉大会现场过机器辨认,那么一百洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表多种网页UI常用部件拿来辨认会是更简单的。

所以,他们用十几个UI部件练习了一个原型,能够将白板上的草图主动生成原型代码和规划文件。

 左面是生成的作用

这项技能现已用在了Airbnb产品的开发规划中。

传送门

teleportHQ
https://teleporthq.io/
(包括两篇技能博客)

微软的Sketch2Code
https://github.com/Microsoft/ailab/tree/master/Ske美人的诞生tch2Code

pix2code: 从GUI截图生成代码
作者:Tony Beltramelli,UIzard Technogolflogies,丹麦
论文:https://arxiv.org/abs/1705.07962
github:https://github.com/tonybeltramelli/pix2code
网站:https://uizard.io/research/#pix2code
另一作者改善的开源项目:https://github.com/ashnkumar/ske大病稳妥tch-code

Airbnb的千Sketching Interfaces
https://airbnb.design/sketching-interfaces/

参加社群

量子位AI社群开端招募啦,欢迎对AI感兴趣的同学,在量子位大众号(QbitAI)对话界面回复关键字“沟通群”,获取入群方法;


此外,量子位专业细分群(主动驾驶、CV、NLP、机器学习等)正在招募,面向正在从事相关范畴的工程师及研讨洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表人员洋葱数学,白板随手一画,嗖嗖变成代码,宝宝身高体重规范表。


进专业群请在量子位大众号(QbitAI)对话界面回复关键字“专业群”,获取入群方法。(专业群审阅较严,敬请体谅)

诚挚招聘

量子位正在招募修改/记者,作业地点在北京中关村。等待有才华、有热心的同学参加咱们!相古泰拳25式分化教育关细节,请在量子位大众号(QbitAI)对话界面,回复“招聘”两个字。

量子位 QbitAI 头条号签约作者

'ᴗ' 追寻AI技能和产品新动态


the end
成年人思考模式,带领你成长