本课程将全面讲解web开发实际流程中,从前端设计到前端架构环节中涉及到的工作技能及操作流程。课程主要包含审图、标注以及切图三部分,涉及的相关知识点位:Web前端开发中图像处理的相关知识、PS软件的基础操作及UI类操作、前端UI类相关插件的使用及工作解决方案。主要面向新手UI设计师及前端架构师。
年后持续更新中。。。
1-1 课程介绍及资源准备
时长00:16:06
1-2 前端工作流程梳理介绍
时长00:25:47
1-3 ps介绍及安装
时长00:12:33
1-4 概念:位图vs矢量图
时长00:19:32
1-5 概念and分配率
时长00:21:31
1-6 概念:色彩模式
时长00:25:56
2-1-1 Ps参数设置
时长00:18:25
2-1-2 ps界面及布局
时长00:19:41
2-2 新建打开保存
时长00:32:04
2-3 查看图像信息
时长00:22:02
2-4 查看图像辅助操作
时长00:25:41
2-5-1 图层:概念及类型
时长00:26:34
2-5-2 常见图层操作
时长00:25:23
2-5-3 图层:常见应用
时长00:17:11
2-6 操作选区1
时长00:25:31
2-6 操作选区2
时长00:16:32
2-7 文本操作1
时长00:28:13
2-7 文本操作2
时长00:18:51
2-8 色彩填充及历史记录
时长00:16:39
2-9 前端看图总结及技巧1
时长00:28:04
2-9 前端看图总结及技巧2
时长00:13:15
3-1 标注的认知
时长00:22:15
3-2 标注的操作:MarkMan
时长00:20:25
3-3 标注工具:PxCook
时长00:20:11
3-4-1 标注和视觉规范相结合
时长00:22:43
3-4-2 遵循开发逻辑和CSS思维
时长00:10:59
3-4-3 标注内容合理划分,归纳整合,提炼复用
时长00:21:16
3-5-1 标注方案演示:通用规范
时长00:20:03
3-5-2 标注方案演示:布局及通用模块
时长00:34:42
3-5-3 标注方案演示:页面模块标注
时长00:23:51
3-5-4 标注方案演示:总结
时长00:13:50
4-1 切图的认知:演示
时长00:15:30
4-2 切图的认知:总结
时长00:23:48
4-3-1 PS切图:切片工具1
时长00:22:05
4-3-2 PS切图:切片工具2
时长00:16:34
4-4 PS切图:存储为web格式
时长00:26:56
4-5 web图片格式:jpg
时长00:23:30
4-6 web图片格式:png
时长00:21:22
4-7 web图片格式:gif
时长00:12:49
4-8 web图片格式:SVG矢量
时长00:24:28
4-9-1 原始切图法总结及完整演示1
时长00:27:28
4-9-2 原始切图法总结及完整演示2
时长00:22:30
4-10 PS切图新技能:导出
时长00:12:32
4-11 PS:快速导出
时长00:16:10
4-12 PS:导出为
时长00:12:28
4-13 PS:导出脚本
时长00:12:57
4-14 导出切图法演示
时长00:19:35
4-15 PS切图新技能:生成资源(基础)
时长00:29:41
4-16 PS切图新技能:生成资源(高级)
时长00:28:04
4-17 现代切图完整演示
时长00:17:16
4-18 切图技能总结及观点
时长00:36:54
4-19 图片优化压缩:Tinypng
时长00:09:45
4-20 图片优化压缩:RIOT
时长00:08:26
4-21 优化:雪碧图介绍
时长00:20:41
4-22 优化:雪碧图演示
时长00:31:30
4-23-1 优化:雪碧图生成:Go!png
时长00:17:35
4-23-2 优化:雪碧图生成:雪碧图合成工具
时长00:08:52
4-23-3 优化:雪碧图生成:相关推荐
时长00:08:48
4-24 优化:雪碧图总结
时长00:14:46
4-25 移动端切图:概述
时长00:28:00
4-26 移动端切图:术语概念
时长00:33:45
4-27 移动端切图:流程
时长00:52:23
4-28 移动端切图:点9图的玩法
时长00:19:11
4-29 插件:切图神器:cutterman
时长00:31:37
再看看其他课
讲师
如水迷
柠檬金牌讲师
工作经历
Web前端设计师、架构师,20年从业经验,精通webUI交互设计和前端架构技术,涉及和跨越Web行业多种领域柠檬学院金牌讲师,负责学员基础培养和行业指导,已培养千名优秀学员,主讲课程好评如潮。