前端如何将psd直接转成H5页面而不切图呢？

Question

如题，如果来了一些简单的设计图，前端不想切图，而是想把psd直接转为H5页面，有方法吗?

Answer 1

小公司可能就一，两个前端， 可是页面堆积如山如何是好：
PSD -> HTML

玩票版：

• PS自带工具1 ： http://www.cnblogs.com/ys-wuh...

• PS自带工具2 ： http://www.2cto.com/kf/201611...

• 某网友DIY实现的工具 ： http://www.tuicool.com/articl...

靠谱版

• M A K A ： http://maka.im/user/reg

• 人人秀 : http://jingyan.baidu.com/arti...

最后一定要点开看看这个 ：

http://iwo.im/?q=%E5%89%8D%E7...

Answer 2

目前还不知道有这样的功能，推荐一个切图软件avocode，非常好用。
PS：收费的，新用户免费14天，只要不嫌烦，理论上是免费的

Answer 3

应该是没办法的。
你可以切一些切片，然后到出为html，可以生成静态无适应性的网页

Answer 4

这种工具的价值应该是减轻前端开发的工作量为目的的吧

涉及到比较复杂的页面，还是需要人工切图的

Answer 5

PSD在图层上右击可以导出CSS3格式的文本，至少在H5样式中对margin定义有个参考要比较简单一些，不知道您是不是在寻求这个功能~，另外如果整页图还是切一哈呗~PSCC2015新版的切图还蛮好用的~

Answer 6

直接存成jpg，然后整个页面直接就插这一张图，之前的公司在移动端的某些介绍性质的页面上这么干过

Answer 7

简单可以用http://kuaiqie.qdsay.com/
另外axure也会生成代码

Answer 8

最好不要用生成、

对于生成的html是不好维护的、需求不断在变、没法做到低耦合

自己写可以保证改动的时候只改动一小处、或者css写很多公共class、