大家设计前端页面都用什么工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3802 天前的主题，其中的信息可能已经有所发展或是发生改变。

世上存不存在一种工具，帮助开发人员，快速画出UI(HTML)，只求布局好使，同时导出的HTML可以跨浏览器呢，最好有桌面版呢

HTML

导出

前端

15 条回复 • 2015-06-04 17:48:44 +08:00

abelyao

2015-06-04 14:32:07 +08:00

"同时导出的HTML可以跨浏览器"…… 那还要 HTML 前端开发干啥

pythonee

2015-06-04 14:35:30 +08:00

@abelyao 好吧，这或者是后端开发的奢侈想法吧

Pixel

2015-06-04 14:37:16 +08:00

楼主说的莫非是类似 H5营销页面制作工具。
拖动些效果组件、设置参数、输文字换图。估计以后就会有了

pythonee

2015-06-04 14:39:40 +08:00

@Pixel 不是，是平常自己做些demo，前台又不想太丑，所以，想偷懒。。

kaifazhe

2015-06-04 14:51:46 +08:00

wix.com

bibizhang

2015-06-04 15:15:53 +08:00

你试试 macaw

jinhan13789

2015-06-04 15:29:24 +08:00

https://www.processon.com/
和
http://www.bootcss.com/
这俩够用了，前者你拖设计后者你看着设计图实现

djyde

2015-06-04 15:44:31 +08:00

唉，我都是用铅笔画的。。

clino

2015-06-04 15:48:22 +08:00

@jinhan13789 bootcss 的是说这个: http://www.bootcss.com/p/layoutit/ ?

66beta

2015-06-04 16:27:22 +08:00

各种前端框架还不够用？

jinhan13789

2015-06-04 16:28:55 +08:00

@clino 这个确实神器，我等不会设计的人就指望它了

2015-06-04 16:34:53 +08:00

刘明

learnshare

2015-06-04 16:37:45 +08:00

设计上我会用 Google 幻灯片，画画线框图就够了。
LiveDemo 就直接写静态页面了，Bootstrap 之类的结合 Angular.js 挺方便，写完了就是 App 的基础代码，可以在上边继续开发。

我觉得个人和小团队，应该尽量别浪费劳动力去做 demo。Axure 那些虽然能表示一些东西，最后产出的也是网页，但产物是垃圾，无法利用。

luo123qiu

2015-06-04 17:24:52 +08:00

Sketch？

pythonee

2015-06-04 17:48:44 +08:00

@jinhan13789
@learnshare

嗯，你两说的就是我等想要的快速出活的，虽然不好看，但是也整齐

@luo123qiu

感谢，回去看看