1-1 课程介绍及资源准备

16分钟

1-2 前端工作流程梳理介绍

25分钟

1-3 ps介绍及安装

12分钟

1-4 概念：位图vs矢量图

19分钟

1-5 概念and分配率

21分钟

1-6 概念：色彩模式

25分钟

2-1-1 Ps参数设置

18分钟

2-1-2 ps界面及布局

19分钟

2-2 新建打开保存

32分钟

2-3 查看图像信息

22分钟

2-4 查看图像辅助操作

25分钟

2-5-1 图层：概念及类型

26分钟

2-5-2 常见图层操作

25分钟

2-5-3 图层：常见应用

17分钟

2-6 操作选区1

25分钟

2-6 操作选区2

16分钟

2-7 文本操作1

28分钟

2-7 文本操作2

18分钟

2-8 色彩填充及历史记录

16分钟

2-9 前端看图总结及技巧1

28分钟

2-9 前端看图总结及技巧2

13分钟

3-1 标注的认知

22分钟

3-2 标注的操作：MarkMan

20分钟

3-3 标注工具：PxCook

20分钟

3-4-1 标注和视觉规范相结合

22分钟

3-4-2 遵循开发逻辑和CSS思维

10分钟

3-4-3 标注内容合理划分，归纳整合，提炼复用

21分钟

3-5-1 标注方案演示：通用规范

20分钟

3-5-2 标注方案演示：布局及通用模块

34分钟

3-5-3 标注方案演示：页面模块标注

23分钟

3-5-4 标注方案演示：总结

13分钟

4-1 切图的认知：演示

15分钟

4-2 切图的认知：总结

23分钟

4-3-1 PS切图：切片工具1

22分钟

4-3-2 PS切图：切片工具2

16分钟

4-4 PS切图：存储为web格式

26分钟

4-5 web图片格式：jpg

23分钟

4-6 web图片格式：png

21分钟

4-7 web图片格式：gif

12分钟

4-8 web图片格式：SVG矢量

24分钟

4-9-1 原始切图法总结及完整演示1

27分钟

4-9-2 原始切图法总结及完整演示2

22分钟

4-10 PS切图新技能：导出

12分钟

4-11 PS：快速导出

16分钟

4-12 PS：导出为

12分钟

4-13 PS：导出脚本

12分钟

4-14 导出切图法演示

19分钟

4-15 PS切图新技能：生成资源（基础）

29分钟

4-16 PS切图新技能：生成资源（高级）

28分钟

4-17 现代切图完整演示

17分钟

4-18 切图技能总结及观点

36分钟

4-19 图片优化压缩：Tinypng

9分钟

4-20 图片优化压缩：RIOT

8分钟

4-21 优化：雪碧图介绍

20分钟

4-22 优化：雪碧图演示

31分钟

4-23-1 优化：雪碧图生成：Go!png

17分钟

4-23-2 优化：雪碧图生成：雪碧图合成工具

8分钟

4-23-3 优化：雪碧图生成：相关推荐

8分钟

4-24 优化：雪碧图总结

14分钟

4-25 移动端切图：概述

28分钟

4-26 移动端切图：术语概念

33分钟

4-27 移动端切图：流程

52分钟

4-28 移动端切图：点9图的玩法

19分钟

4-29 插件：切图神器：cutterman

31分钟