素材牛VIP会员
前端如何将psd直接转成H5页面而不切图呢?
 ok***23  分类:Html5  人气:1139  回帖:8  发布于6年前 收藏

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

讨论这个帖子(8)垃圾回帖将一律封号处理……

Lv1 新人
风***扬 Web前端工程师 6年前#1

最好不要用生成、

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

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

Lv5 码农
me***20 技术总监 6年前#2

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

Lv4 码徒
li***zi 其它 6年前#3

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

Lv3 码奴
ch***26 技术总监 6年前#4

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

Lv6 码匠
zx***30 其它 6年前#5

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

Lv7 码师
封***榜 职业无 6年前#6

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

Lv5 码农
伴***4 JAVA开发工程师 6年前#7

小公司可能就一,两个前端, 可是页面堆积如山如何是好:
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...

Lv6 码匠
飞***e 产品经理 6年前#8

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

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

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取