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

2020 年 1 月 21 日
 libasten

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

3309 次点击
所在节点    前端开发
9 条回复
learnshare
2020 年 1 月 21 日
areless
2020 年 1 月 21 日
对,然后就能导出网页
liuy1994g
2020 年 1 月 21 日
之前说的切图就是把设计稿里的图片或者 icon 切出来呀
ryougifujino
2020 年 1 月 21 日
切图按照不同的语境一般有两种含义 1、把一整块设计图分离成小块 2、按照设计图的 specification 用 HTML 和 CSS 等进行还原
yiqiok
2020 年 1 月 21 日
看过打印店里的那种切相片的吗?前端人手一台( dog
morethansean
2020 年 1 月 21 日
...就是指前端把设计稿实现成网页的过程里,经常需要把类似于 icon、不规则的图片边框、背景甚至阴影从 ps 图层剪裁并导出为图片最后在 html 里引用。大环境里也泛指把设计稿做成网页的这个过程。所以切图仔这种戏称,就跟称呼设计师为美工一样,当然一般是自嘲。
libasten
2020 年 1 月 22 日
谢谢大家伙。
birdrally
2020 年 1 月 22 日
psd —> html
hutng
2020 年 1 月 22 日
我有个问题,导出来的图标 html 页面里需要重新定义位置吗?

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

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

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

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

© 2021 V2EX