前端经常说的“切图”是怎么样一个工作流程？

2020-01-21 16:01:10 +08:00
 libasten

先在 photoshop 里面绘制好网页图，然后？能自动得到 html+ css ?

3019 次点击
所在节点    前端开发
9 条回复
learnshare
2020-01-21 16:05:39 +08:00
https://www.zhihu.com/question/38357171/answer/76081714
areless
2020-01-21 16:08:09 +08:00
对，然后就能导出网页
liuy1994g
2020-01-21 16:33:29 +08:00
之前说的切图就是把设计稿里的图片或者 icon 切出来呀
ryougifujino
2020-01-21 19:06:42 +08:00
切图按照不同的语境一般有两种含义 1、把一整块设计图分离成小块 2、按照设计图的 specification 用 HTML 和 CSS 等进行还原
yiqiok
2020-01-21 19:44:24 +08:00
看过打印店里的那种切相片的吗？前端人手一台（ dog
morethansean
2020-01-21 19:45:33 +08:00
...就是指前端把设计稿实现成网页的过程里，经常需要把类似于 icon、不规则的图片边框、背景甚至阴影从 ps 图层剪裁并导出为图片最后在 html 里引用。大环境里也泛指把设计稿做成网页的这个过程。所以切图仔这种戏称，就跟称呼设计师为美工一样，当然一般是自嘲。
libasten
2020-01-22 08:50:15 +08:00
谢谢大家伙。
birdrally
2020-01-22 11:07:47 +08:00
psd —> html
hutng
2020-01-22 17:17:30 +08:00
我有个问题，导出来的图标 html 页面里需要重新定义位置吗？

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

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

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

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

© 2021 V2EX