把psd转成html css 就只能人工一个字符一个字符的输入吗

2013-12-11 00:20:31 +08:00
 older
有没有什么工具可以自动把psd 转成 css?
现在拿到一个设计图先要写html,css、在ps内把部分图形切下来,填到一个一个css内做背景,要调整位置、大小、要计算间距、还要想各种css如何命名,真是太麻烦了!
3707 次点击
所在节点    问与答
14 条回复
Livid
2013-12-11 00:23:38 +08:00
Kaiyuan
2013-12-11 04:11:42 +08:00
@Livid 我一直好奇这种软件出来的代码阅读起来是怎样,因为以前 Dreamweaver 做网页,出来的代码惨不忍睹,然后就学手写,直到现在都不太相信这类软件。
passluo
2013-12-11 04:31:36 +08:00
@Kaiyuan muse 比 Dreamweaver 自动生成(拖拽式coding)好一点,但依然惨不忍睹…
loading
2013-12-11 07:29:18 +08:00
如果效果好,前端大部分失业。
aisin
2013-12-11 08:01:44 +08:00
@loading 就是,不然要我们前端干啥
guchengf
2013-12-11 08:09:53 +08:00
psd to html 应该叫切图师吧,哈哈
alay9999
2013-12-11 08:30:23 +08:00
PS 切片可以输出 HTML + CSS ,不过也不好用,还是手写的舒服,每个细节都自己处理。

因为每个位置都可能有多种处理方式,只有手工才能选择最让自己满意的方式
kevinkim
2013-12-11 08:48:40 +08:00
@Kaiyuan 好厉害,不懂手写的时候就能看出代码惨不忍睹。

我是是因为那时候流行TABLE排版才用的DW,但后来发现不懂代码要修改稍复杂一些的就根本无法完成,之后才去学手写来着。

对于工具,我个人觉得是,既存在则合理,LZ明显是不懂得手写的,但如需要快速成型,无疑使用这种工具会方便且现实得多,至于代码质量,就以LZ现阶段是完全没必要考虑的。
Kaiyuan
2013-12-11 09:15:41 +08:00
@kevinkim - -' 「惨不忍睹」最直接的表现就是,没有规律缩进,没正常的换行,几乎不能再代码中找到对应得「位置」,这不懂 HTML 都知道,而且,没手写代码不是说不懂 HTML 和 CSS,而是因为不熟练而不手写!

这类软件快速创建代码的软件,自己用着算可以,工作中如果直接用会增加别人的工作量,还不如给张图前端写一个来得简单快捷。
subpo
2013-12-11 09:34:37 +08:00
不是「只能」,是「必须」
subpo
2013-12-11 09:36:03 +08:00
@aisin 你们前端就会切个图,就算现在不事业,过几年也要失业
@loading
aisin
2013-12-11 09:43:44 +08:00
@subpo 这个没啥好讨论的了,因为讨论已经够多了 http://www.v2ex.com/t/91574
loading
2013-12-11 10:21:27 +08:00
@subpo
@aisin
那个“我们”拉我下水了,

我是重后端的全端攻城狮,我不负责切图这些低端工作的。
aisin
2013-12-11 11:12:36 +08:00
@loading 好吧,我很后悔回复了这个贴子

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/92636

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX