5

是否有任何工具可以对生成 CSS+HTML 的 PSD 设计进行切片(不是很好,但作为一个起点)。我听说 Photoshop 有一些所见即所得的编辑器,可以在切片 PSD 上生成 CSS+HTML 输出,但没有找到任何东西。或者是否有任何好的教程可以帮助我作为开发人员处理这种棘手的 css 情况(作为渐变 div 背景和阴影添加而没有不受支持的 css3)。抱歉这么愚蠢的问题,但作为开发人员,我真的对这个“设计”感到困惑。

4

3 回答 3

2

我使用 psd2cssonline.com - 你可以免费创建基本的 html/css,如果你想要更复杂的 css,你可以订阅 pro 服务。两个版本都很棒——它真的帮助我学习了 CSS。基本上在 Photoshop 中,您根据您希望每个图层的类型(背景、文本字段、页脚、翻转、图像等)为您的 psd 图层命名,然后将其上传到站点,预览并下载输出。

于 2013-02-07T03:07:58.403 回答
1

是的,有很多教程,但作为起点,请查看以下内容:

http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/

http://www.ehow.com/how_8391171_export-psd-css.html

http://www.warriorforum.com/website-design/199348-best-psd-html-tool.html

希望这可以帮助。

于 2012-04-24T18:05:39.963 回答
0

我的公司制作了一个名为 SiteGrinder 的 Photoshop 插件,它将 Photoshop 设计转换为成品网站或 WordPress 主题。 http://www.medialab.com

您还可以将 .psd 发送到许多切片服务。

于 2012-04-25T15:46:55.977 回答