请问你们有前端开发工具手绘的吗？

来源：蜘蛛抓取(WebSpider) 时间：2018-09-05 09:06 标签： 前端开发
哪个前端前端开发工具的大神知噵这个上面的知道是怎么布局，手绘知道的那个椭圆是切图切下来吗还有那个露出来一点的那个椭圆怎么写，整个效果是点击知道了遮照就消失这个用js思路是什么... 哪个前端前端开发工具的大神知道，这个上面的知道是怎么布局手绘知道的那个椭圆是切图切下来吗，還有那个露出来一点的那个椭圆怎么写整个效果是点击知道了遮照就消失，这个用js思路是什么

我大概说一下思路吧2113

  1. 知道了  这块的5261背景是圖片也就是你说的切出4102来，知道了三个字是html代码上的不1653然可以更有特色，布局方式是定位

  2. 至于露出来的椭圆，我推荐一个写法就是┅层div能实现的方法以为html结构简单。方法就是你看到的那个露出来的椭圆是一层div而周围的一片是这个div的边框，很大的边框这样有个缺點就是那个边框模糊不太好做，可以用切下来的图片来解决

  3. 然后是js原理，这没什么好说的无非是一个判断，点击知道了那块遮罩层消失。

我想知道那个知道了字周围的那个椭圆是切图出来的吗
。我不是在1里面就说了这块是背景图片，你不切出来拿来的背景图片

你對这个回答的评价是

下载百度知道APP，抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

设计稿如果是一个能完全描述设計意图的「函数」那才有可能做完全的还原。而现在的情况是设计师给出这个函数上的几个点我们在反复迭代沟通中做「拟合」，不存在完全还原的可能

话说回来如果设计师能完全表达出设计意图，那要么他可以自己前端开发工具要么工程师可以前端开发工具出工具帮他自动生成代码。

本文经AI新媒体量子位（公众号ID:qbitai ）授权转载转载请联系出处。

写个网页能有多麻烦在大多数公司里，这项工作分为三步：

产品经理完成用户调研任务后列出一系列技術要求；

设计师根据这些要求来设计低保真原型，逐渐修改得到高保真原型和UI设计图；

工程师将这些设计图实现为代码最终变成用户使鼡的产品。

这么多环节任何地方出一点问题，都会拉长前端开发工具周期因此，不少公司比如Airbnb已经开始用机器学习来提高这个过程嘚效率。

△ Airbnb内部的AI工具从图纸到代码一步到位

看起来很美好，但Airbnb还没公开该模型中端到端训练的细节以及手工设计的图像特征对该模型的贡献度。这是该公司特有的闭源解决方案专利可能不会进行公开。

好在一个叫Ashwin Kumar的程序员创建了一个开源版本，让前端开发工具者/設计师的工作变得更简单

以下内容翻译自他的博客：

理想上，这个模型可以根据网站设计的简单手绘原型很快地生成一个可用的HTML网站：

我要回帖

更多关于 前端开发 的文章

 

随机推荐