切图


(方方) #1

切图

BGM:seve(杀乌鸡)
听见 BGM 打 3

Dreamweaver 跟切图一起随时代消亡。

切图是啥

PSD 变成网页

PS 时代

  1. 下载 PS(盗版)
  2. 会操作 PS(难点)
    1. 显示标尺
    2. 拉辅助线
    3. 切片工具
    4. 保存为 Web 资源
  3. 制作成页面(DW)
    1. 使用 https://sm.ms/ 做图床
    2. 使用 http://spritegen.website-performance.org/ 生成雪碧图

http://jscode.me/t/ui/516 切图练习

Sketch.app 时代

CSS 3 & 扁平化

Zeplin 时代

协同编辑


【任务班直播课录屏汇总】