Web前端必备技能:切图

¥45.00

  • 课程介绍
  • 目录
  • 本课程将全面讲解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行业多种领域柠檬学院金牌讲师,负责学员基础培养和行业指导,已培养千名优秀学员,主讲课程好评如潮。

    展开

亲爱的用户~查看付费内容请联系商务洽谈哦~

商务联系邮箱:bd@chinaceotv.com