如果你正在考虑转行做设计,或者已经在做一些零散的界面图但总觉得不成体系,这门《全栈设计师在线就业班》值得你先花几分钟判断一下是否适合自己。它不是那种只讲工具按钮的速成课,也不是纯讲设计理论的学院派内容。从资料结构来看,它把重点放在了"能独立完成一个产品从界面到简单交互的交付"这件事上。

它解决的是哪个工作场景

很多想入行 UI 的人卡在同一个地方:会用 Photoshop 或 Sketch 画单张图,但拿到一个真实需求时,不知道从哪开始。比如产品经理给了一份功能清单,要求出一套移动端界面,你能否自己梳理信息层级、定栅格、做组件、标注切图,并且跟开发对接清楚?这门课覆盖的正是这个完整链条。它不局限于"画得好看",而是把设计稿到落地的中间环节也放了进去。如果你之前只做过零散临摹或单页练习,这部分会是明显的短板补充。

学完能独立做什么

根据课程内容的组织方式,完成学习后你应当具备以下能力:独立完成一套中小型 App 或 Web 端界面的视觉设计,从竞品分析、情绪板到高保真稿;建立可复用的组件库和基础设计规范;用主流工具完成标注、切图与开发对接;对常见的交互状态和适配规则有基本判断。注意,这里说的是"独立完成",不是"参与其中某个环节"。如果你已经会画图但没走过完整流程,这门课的价值在于帮你把断掉的部分接上。

资料适合什么基础的人

  • 零基础转行者:可以跟,但需要投入较多时间补软件操作。课程从基础工具讲起,但节奏不算慢,建议提前熟悉一下 Sketch 或 Figma 的基本界面。
  • 有平面或视觉基础的设计师:最合适的群体。你已经懂构图和色彩,缺的是 UI 规范、组件化思维和落地流程,这门课能帮你把原有能力迁移到产品设计上。
  • 在职但只做局部工作的设计师:如果你一直只负责某个模块或只做视觉执行,想往全栈方向走,课程里的完整项目流程和对接环节会更有参考价值。

关于讲师和更新

课程由有实际项目经验的设计师讲授,内容偏向工作中的做法而非理论推导。资料包中有定期更新的痕迹,说明案例和工具版本不会停留在太旧的阶段。但需要提醒的是,设计工具和平台规范变化很快,任何课程都无法保证你学完就一劳永逸。这门课更值得看的是它怎么拆解需求、怎么组织设计文件、怎么跟上下游协作,这些方法比具体某个软件的某个功能更耐用。

值不值得学,看这一点

如果你的目标是"学完就能投简历找 UI 设计工作",这门课提供了从工具到项目到就业指导的完整框架,但最终能否入职还取决于你的作品集质量和练习量。课程资料里包含就业推荐相关的内容,但别把它当成包就业的承诺。更务实的判断标准是:你是否愿意在学完之后,自己额外做两到三个完整项目放进作品集。如果愿意,这门课能帮你省去大量自己摸索流程的时间;如果只想看看视频不动手,任何就业班都帮不了你。

课程目录

第一章 基础班试听(课程试听不用学习) 005-Camera RAW滤镜常用参数调整 005-Camera RAW滤镜常用参数调整 008-通道抠取复杂头发技巧 008-通道抠取复杂头发技巧 钢铁侠案例试听 009-钢铁侠场景搭建(上) 010-钢铁侠场景搭建(下) 011-钢铁侠整体调色合成 第二章 就业班试听(课程试听不用学习) 游戏UI-魔法瓶试听 04-魔法瓶外形设计 05-魔法药水瓶-背景设计 06-魔法瓶细节设计 07-瓶身光效打造-1 08-药水打造 09-瓶身光效打造-2 10-瓶盖效果打造 11-其他细节 12-高光打造 13-水滴效果+文字细节 14-效果完成 第三章 Photoshop软件阶段(请直接从这章学习) 第一章 001-初识软件界面 002-设计师常用文件格式 003-打开文件的方法 004-文档的新建与注意事项 005-文档的存储与存储为的区别 006-图像缩放与抓手工具使用 007-移动工具自动选择图层或组 008-移动工具复制功能 009-图层对齐功能详解 010-自由变换功能详解 011-水果人物案例变换应用 012-选框工具组及选区的取消 013-选区布尔运算详解 014-填充颜色方法 015-综合案例应用 016-固定大小案例应用 017-即时通讯案例制作 018-双十一案例完成 019-选区的修改 020-iPhone手机模型案例应用 第二章 002-图层可视性及原位复制图层 001-关于撤销操作 003-新建图层方法 004-调整图层顺序 005-图层合并及图层选择 006-图层的锁定 007-套索工具组详解 008-透底图与图像合成 009-快速选择工具组案例应用 010-魔棒工具及综合应用 011-综合案例合成应用 012-渐变编辑器 013-渐变类型 014-渐变工具综合应用 第三章 001-初识路径(路径构成) 002-钢笔工具使用方法及选区与路径抠图区别 003-路径的修改(小白与小黑) 004-路径的存储与添加锚点 005-红酒广告设计 006-画笔工具及画笔面板 007-画笔的定义 008-画笔定义粒子案例应用 009-图案定义及证件照排版 010-文字工具基本操作 011-字符面板属性详解 012-文字排版应用 013-段落文字属性详解 014-段落文字应用 015-商业案例综合应用 第四章 001-矢量图与位图区别 002-形状工具组基本使用方法 003-常用形状工具使用方法 004-基本工具绘制日历小ICON 005-形状填充颜色与描边颜色属性 006-形状描边属性详解 007-形状填充案例应用 008-形状的布尔运算 009-布尔运算图层管理案例应用 010-形状图层合并 011-优惠券综合案例 012-小黄人综合案例 013-手机综合案例 014-剪切蒙板及综合应用 第五章 001-色彩是什么 002-常用颜色模式详解 003-颜色三要素 004-颜色三大类 005-颜色通道及调色与校色概念 006-亮度对比度详解 007-直方图基本使用方法 008-色阶命令使用方法及注意事项 009-色彩平衡命令使用方法 010-色相饱和度功能详解 010-色相饱和度应用 011-去色与黑白区别 012-曲线基本使用方法 013-渐变映射功能 014-调色综合案例 第六章 001-橡皮擦工具使用方法 002-背景橡皮擦与魔术橡皮擦工具 003-模糊工具组详解 004-加深减淡工具组 005-蒙板及黑白灰含义 006-蒙板上色及其他操作 007-创意水果合成案例 008-蒙板案例综合应用 009-图层混合模式基本概念 010-变暗模式组正片叠底 011-正片叠底加强应用 012-提亮组滤色讲解 013-滤色混合模式综合应用 014-滤色案例综合应用 015-叠加柔光混合模式应用 016-其他混合模式组讲解 017-图层混合模式综合应用 第七章 001-图层样式概念及添加方法 002-修改样式及支持样式的图层 003-斜面浮雕详解 004-浮雕案例基本应用 005-描边样式详解 006-投影样式详解 007-浮雕描边投影综合案例 008-样式叠加类型 009-渐变叠加案例应用 010-内阴影样式应用 011-内阴影案例综合应用 012-内发光外发光光泽讲解 013-图层样式拷贝删除与存储应用 014-图层样式综合应用 第八章 001-滤镜分类及使用规则 002-智能滤镜详解 003-滤镜库详细讲解 004-自适应广角功能详解 005-Camera RAW滤镜常用参数调整 006-液化功能详解 007-消失点滤镜详细讲解 008-模糊滤镜详解 009-锐化滤镜讲解 010-扭曲滤镜 011-放射光线案例应用 012-放射光线案例应用-02 013-像素化案例应用 014-滤镜渲染杂色-剪辑 015-风格化滤镜 016-综合案例应用 第九章 001-智能对象基本概念及转换为智能对象 002-智能对象优点及编辑智能对象 003-颜色混合带案例综合应用 004-通道选区制作与存储载入 005-通道抠图黑白灰含义 006-通道抠图步骤 007-通道案例综合应用 008-通道抠取复杂头发技巧 009-选择并遮住功能详解 010-选择并遮住抠图应用 011-综合案例应用 012-电视案例综合应用 第十章 001-裁切工具使用详解 002-污点修复画笔修补工具使用 003-内容感知移动工具及红眼工具 004-防制图章工具组使用方法 005-磨皮插件使用 006-通道磨皮基本步骤 007-通道磨皮完整步骤 008-标尺与参考线使用方法 009-钢铁侠场景搭建(上) 010-钢铁侠场景搭建(下) 011-钢铁侠整体调色合成 第四章 Illustrator软件 第一章 01-AI与PS的区别 02-AI的作用 03-新建画布 04-AI的基本操作 06-线条工具的基本绘制 05-基本图形绘制技巧 07-颜色的基本填充 08-打开和置入的区别 09-logo制作 10-logo2 11-小白选择移动锚点 12-小白调整手柄 13-路径查找器形状模式 14-分割 15-路径查找器应用 16-路径查找器应用2 17-路径查找器 18-轮廓化描边 第二章 01-对齐与排布 02-变换基本功能讲解 03-酒店logo 04-剪贴蒙版的基本用法 05-变换和剪贴蒙版综合应用 06-渐变网格 07-短信图标 08-日历 09-相册图标 10-相机1 11-相机及天气 12-表盘 13-剪贴蒙版图标 第三章 01-变换及综合应用图标 02-视频图标 03-混合工具的基本应用 04-混合应用 05-文字的分类 06-转曲文字logo 07-鲜到家 08-区域文字排版 09-路径文字应用 11-新年来袭 10-潮人领秀 12-提取特征 13-限时抢购 14-立体文字 15-符号功能 16-画笔 第五章 平面设计阶段 名片设计及印刷 01-名片介绍 04-绘制草图 03-名片内容 02-印刷讲解 05-将内容带入到草图 06-名片的排班修改 07-图形加入突出重点 08-图形的应用 09-名片设计误区 10-专色版制作 11-文件存储 12-效果图制作 13-课程总结 展架、折页设计及印刷 01-展架易拉宝尺寸及输出方式 03-写真要求 02-写真材质的选择 04-项目分析 05-将产品或文案带入 06-背景及产品细化 07-广告细化 08-易拉宝完成 09-二折页结构 10-三折页 11-四折页 12-印刷纸张与尺寸 13-制作画布 14-折页项目分析 15-带入内容 16-封面完成 17-文字初步处理 18-文字排版处理 19-折页输出 20-课程总结 VI手册及LOGO设计 02-VI手册的组成 01-CIS开发流程 03-logo设计方法 04-项目logo分析制作 05-VI手册制作介绍 06-章节说明页的制作 07-标志标准制图 08-标志反黑反白 09-标准色 10-辅助色及颜色其他说明 11-标准字设计 12-VI应用部分及其他 13-课程总结 第六章 淘宝电商阶段 配色289 条
  • 01 电商课程内容概述 02 色彩三大要素-01 02 色彩三大要素-02
  • 03 色彩心理联想总结
  • 04 颜色的华丽感
  • 05 色彩搭配 06 照片取色法_01 06 照片取色法_02
  • 07 配色神器
  • 08 配色误区 09形态的视觉心理
  • 10 视觉度 字体设计
  • 01 字体的类型 02 字体排版与设计_01字体选择 02 字体排版与设计_02字体排版基本类型 02 字体排版与设计_03字数间距行距控制
  • 03 文字跳跃率 04 字体变形_01淘宝案例 04 字体变形_02淘宝完善及字体变形原则 05 文字排版-01 06 文字排版-视觉提升版1 06 文字排版-视觉提升版2 06 文字排版-视觉提升版3 07 字体变形-01 08 字体变形-02 09 琅琊榜-01基础打造 09 琅琊榜-02印章设计 10 琅琊榜-效果打造-01 11 琅琊榜-效果打造-02
  • 12 琅琊榜-效果打造-完成 产品精修
  • 01 产品精修要素及方法 02 产品精修-1 02 产品精修-2 02 产品精修-3 02 产品精修-4 02 产品精修-5
  • 02 产品精修-完成 03 产品精修-1 03 产品精修-2
  • 03 产品精修-完成 直通车介绍及排版 01-直通车介绍1-尺寸规范 01-直通车介绍2-如何从营销角度上进行设计 01-直通车介绍3-直通车图排版方式 01-直通车介绍4-直通车图设计注意事项 02-排版-压角1-产品细节处理 02-排版-压角2-直通图文案排版 02-排版-压角3-直通图设计细节打造 03-活动标签设计1-圆形 03-活动标签设计2-矩形 03-活动标签设计3-压角 04-排版-上下1-设计布局 04-排版-上下2-设计细节处理 05-排版-对角线1-背景初步打造 05-排版-对角线2-设计细节完善 06-钻石展位介绍 电商banner设计 01-黄金分割 02-Banner常用构图 03-薰衣草Banner-分析 04-薰衣草Banner-初步排版 05-薰衣草Banner-文案排版 06-薰衣草Banner-效果打造(完成) 07-橄榄油Banner-分析 08-橄榄油Banner-基础排版01 09-橄榄油Banner-基础排版02 10-橄榄油Banner-效果打造 11-橄榄油Banner-效果细节-完成 淘宝店铺装修设计 01行业介绍-店铺设计介绍 01行业介绍-设计渠道和收费 02店铺类别及规范 03店铺布局图绘制 04店铺设计工作流程-01 04店铺设计工作流程-02化妆品调研报告 04店铺设计工作流程-03内容模块排序与线框图或框架图制作 04店铺设计工作流程-04页面设计 04店铺设计工作流程-05页面上线 04店铺设计工作流程-06工作技巧与总结 05店招导航定位 06店招导航效果-01店招基本打造 06店招导航效果-02导航基本打造 06店招导航效果-03店招调整 06店招导航效果-04导航调整 06店招及导航效果-05第三版 06店招及导航效果-06结合 06店招及导航效果-7hover质感打造 01焦点图效果-1 01焦点图效果-2 01焦点图效果-3 02文字变形 03Banner变换_01基础打造 03Banner变换_02背景细化 03Banner变换_03文案调整 03Banner完成_04细节调整 03Banner完成-05舞台效果打造 04抢购宝典-01了解与布局 04抢购宝典-02标题设计 04抢购宝典-03图标调整 04抢购宝典-04细节调整 05领取优惠卷_01布局 05领取优惠卷_02完成 01镇店之宝-01 01镇店之宝-02文案调整 01镇店之宝-03产品添加 02Banner-01人物抠图 02Banner-02人物调整 02Banner-03 02Banner-04完成 03明星单品-01 03明星单品-02 03明星单品-完成 04首页设计完成_01产品填充 04首页设计完成_02整体完善 01详情内容框架逻辑顺序制定 02详情页整体分析 03焦点图-01大致布局 03焦点图-02文案设计 03焦点图-03背景打造 03焦点图-04完成 04产品信息-01框架 04产品信息-02细节处理 05皮肤问题-01标题设计 05皮肤问题-02内容设计 06痛点设计-01框架 06痛点设计-02细化 01通栏Banner 02产品作用_01模块1 02产品作用_02完成 03通栏Banner 04产品原料_01布局 04产品原料_02完成 05美的困扰_01布局 05美的困扰_02完善 11对比图-01_模特与产品调整 11对比图-02_产品与文案细节调整 11对比图-03_框架布局 11对比图-04框架细节调整 11对比图-05完成 00详情页设计-01产品细节图设计 00详情页设计-02完成 01店铺装修介绍 02切片工具及保存方法 03页面模块切图方法分析 04装修界面介绍 05店招装修_01切图 05店招装修_02上传 06导航装修 07焦点图 08抢购宝典 09优惠卷装修 10模块功能赋予(首页完) 11详情页装修简洁及回顾和展望 第七章 网页设计阶段 网站元素打造 01-综合概述 02-网站的组成部分 03-网站功能区分 04-WEB元素设计理论 05-平面类按钮绘制 06-体积按钮-1 07-体积按钮-2 08-光效按钮 09-投影类技法 10-内凹类 11-导航技法-1 12-复杂技法-加载条-1 13-复杂技法-加载条-2 14-复杂技法-加载条-3 15-复杂技法-加载条-4 16-复杂技法-加载条-5 17-课程复习 精诚翻译项目分析及设计 01-网页设计基本原则-1 02-网页设计基本原则-2 03-网页尺寸规范 04-网页布局方式 05-项目分析法-功能需求 06-项目分析法-界面设计法则 07-网页实战-项目分析 08-网站LOGO设计 09-网页头部元素置入 10-尺寸规范设定 11-工作经验分享-原型图调整 12-视觉效果打造 13-banner设计 14-公司简介内容排版 15-新增区域设计 01-公司简介区域设计 02-成功案例-1 03-成功案例-2 04-公司新闻 05-公司版权信息-1 06-公司版权信息-2 07-页面检查 08-辅助元素 09-浏览器查看效果图技法 10-布局风格变化 11-变换布局与风格-banner-1 12-变换布局与风格-banner-2 13-变换布局与风格-内容 14-导航风格变化 16-课程复习 01-课程回顾 02-内页布局方案 03-设计要点 04-内页内容布局 05-内页banner设计 06-内页内容设计 07-内页检查与调整 08-关于我们栏目下其他界面设计 09-新闻列表设计 10-新闻详情内容排版 11-新闻详情内容设计 12-切图概念 13-切图遵循的原则 14-切片切图与导出-方法1 15-切片切图与导出-方法2 16-智能对象切图 17-课程复习汇总 专题页设计 01-什么是专题页 02-专题页分类 03-旅游业分析 04-页面表现形式分析 05-线框图绘制 06-设计效果分析 07-头图设计-1 07-头图设计-2 08-素材搜索技巧 09-字体选择与排版 10-字体设计与排版 11-背景打造 12-背景与文字细节 13-主图合成-草地 14-主图合成-基本合成效果 15-主图合成-山的合成与调色 16-课程总结 01-主图细节 02-文字背景打造 03-文字背景打造-2 04-内容-内容文字 05-内容-标题文字 06-爬山主图-素材选择与布局 07-爬山主图-效果打造 08-骑马文字内容更换 09-骑马主图-素材选择与布局 10-骑马主图-效果打造 11-文字内容更换 12-看海-素材拼凑 13-看海-效果打造-1 14-看海-效果打造-2 15-避暑-1 16-避暑-2 17-赏花板块打造 18-效果统一打造 第八章 UI设计阶段 UI理论与图标绘制 01-什么是UI 02-UI的发展 06-日历图标绘制-结构 07-结构细节调整 08-色彩搭配方式 09-木纹绘制方式 10-日历纸张纹理与厚度打造 11-木纹明暗处理 12-日历细节处理 13-细节调整 14-调整统一 15-风格变化-形状绘制 16-材质应用 17-细节打造 18-调整统一 19-课程总结 03-UI的特点 04-优秀UI设计师评定标准 05-PS工具学习重点 01-知识点回顾 02-图标类别 03-图标设计要点-1 04-图标设计要点-2 05-拟物的重要性 06-基本外形打造 07-基本外形调整 08-相机厚度打造 09-外形细节 10-厚度效果打造 11-相机外壳 12-相机按钮 13-镜头外圈 14-镜头内圈 15-镜头光圈 16-相机按钮完成 17-效果调整 18-课程总结 Axure交互原型设计 01-软件介绍 02-软件作用 03-战略层 04-范围层+结构层 05-框架层 表象层 06-菜单栏和工具栏 08-界面基本绘制 09-原型图基本绘制 10-样式+概要 11-鼠标单击交互事件 12-样式使用技巧 13-动态面板设置-1 14-动态面板设置-2 15-综合案例-基本原型绘制 16-综合案例-基本原型绘制-2 17-综合案例-基本原型绘制-3 18-文件发布 课程总结 07-元件库 APP实战 01-1理论概述(选) 01-iOS尺寸规范 02-iOS尺寸规范-2 03-安卓尺寸规范-2 04-安卓尺寸规范-3 05-项目需求分析 06-logo设计 07-主界面-尺寸规范设定 08-主界面-1 09-主界面-2 10-主界面-3 11-功能板块划分 12-主菜单栏-图标设计-1 13-主菜单栏-图标设计-2 14-主菜单栏-图标设计-3 15-内容图标设计-1 16-内容图标设计-2 17-课程总结 01-引导页设计-1 02-引导页设计-2 03-引导页设计-3 04-引导页设计-4 05-优化界面-1 06-优化界面-内容-1 07-优化界面-内容-2 08-信息 09-照片清理-1 10-照片清理-2 11-电话防骚扰 12-电话防骚扰-弹窗 13-流量监控 14-我 01-网络测试-1 02-网络测试-2 03-网络测试-结果-1 04-网络测试-结果-2 05-工具箱-1 06-工具箱-2 07-服务-1 08-服务-2 09-钱包 10-页面检查 11-页面检查-2 12-效果图导出+高保真图导出 13-引导页交互效果 14-主界面交互效果 15-其他界面交互效果 16-课程总结 UI动效设计 01-UI动效设计 02-UI动效重要性 03-动效作用 04-GIF动效-1 05-GIF动效-2 06-视频时间轴动画-认识界面 07-变换动画设计 08-变换动画设计 09-旋转动画 10-时钟动画 12-跳跃的心 13-UI动效设计-首页-分析 14-UI动效设计-首页-旋转 15-UI动效设计-首页-完成 16-优化页面-动效设计 17-优化页面-照片清理 18-UI动效总结 超写实UI绘制 01-超写实学习的意义 02-如何学习超写实 03-魔法药水瓶-分析 04-魔法瓶外形设计 05-魔法药水瓶-背景设计 06-魔法瓶细节设计 07-瓶身光效打造-1 08-药水打造 09-瓶身光效打造-2 10-瓶盖效果打造 11-其他细节 12-高光打造 13-水滴效果+文字细节 14-效果完成 第九章 AE软件阶段 AE基础 01-动效基础了解 02-界面组成及基本设置 03-导入素材 04-新建合成 05-时间轴基本操作 06-存储及渲染 07-时间轴补充 08-windows基础动画制作 09-柔缓曲线 10-复制时间轴裁剪时间轴 11-酷丁鱼位置和旋转动画 12-酷丁鱼完成 13-预合成概念 14-轨道蒙版 15-格式工厂 16-鱼跳跃 17-AE第1章课程总结 AE形状动效 01-获取AI中的路径 02-路径的开始结束动画 03-开始结束补充(重复) 04-AE绘制路径及修整路径 05-椭圆旋转 06-字符偏移制作 07-检测APP完成 08-手机加速书写效果 09-利用描边轨道蒙版制作手机加速 10-将动画放入样机中显示 11-光线穿梭1 12-光线穿梭完成 13-全能设计师1 14-全能设计师U制作 15-全能设计师完成 16-AE第2章课程总结 AE遮罩及效果动画 01-遮罩的基本内容 02-路径动画基础 03-树叶加载动画1 04-树叶加载完成 05-效果的添加 06-CC粒子仿真 07-遮罩与效果的特殊使用 08-图形高级绘制及编辑 09-首页APP初步制作 10-首页APP弹起加载 11-手势添加 12-手表动画基本制作 13-云动画 14-表盘下雪效果 15-消息及提醒制作 16-AE第3章课程总结 AE动效及商业案例 01-融动画基础 02-添加动画效果 03-帧的类型及转换 04-水波基本效果 05-时间知识点 06-水波完成 07-keylight 08-交互文档 09-澜园首页 10-封面 11-楼书详情 12-巅峰区位 13-AE第4章课程总结 第十章 跨平台UI设计(选学-附赠课程) 互联网项目开发流程与网站拓扑图设计 01-回顾我们已经所学知识体系 02-项目开发流程重要性 03-项目5大整体流程-实施+收尾+维护 03-项目5大整体流程-启动+计划 04-项目方案分析-1 05-项目方案分析-2 06-项目方案分析-3 09-XMind软件使用 10-易起贷-项目拓扑图分析与绘制-1 11-易起贷-项目拓扑图分析与绘制-2 12-易起贷-项目拓扑图分析与绘制-3 07-了解互联网金融与P2P 08-项目需求分析 14-课程小结 15-LOGO设计 PC端-网站原型图设计 01-首页需要展现的内容分析 03-注册框+平台优势 04-我的理财 05-轮播图通栏板块 06-新闻与合作伙伴 07-版权信息 08-导航交互效果 09-动态面板做banner 10-动态面板做优势 11-原型图交互细节 12-首页原型图检查 13-课程总结 02-首页原型图绘制-头部 PC端-原型图绘制+首页设计 01-理财列表页设计 02-关于我们-1 03-关于我们-2 04-登录 05-登录与注册-交互效果 06-首页设计 07-视觉规范设定 08-banner设计-1 09-首页-banner-2 10-首页-banner-3 11-公告与优势 12-我的理财 13-内容检查 14-课程复习 PC端-首页设计+内页设计 01-理财风云榜 02-理财攻略 03-新闻 04-合作伙伴 05-版权信息-1 06-版权信息-2 07-理财列表 08-理财详情-1 09-理财详情-2 10-理财详情-3 11-理财详情-4 12-理财详情-4 13-子页面检查 14-个人中心-个人主页-1 15-个人中心-个人主页-2 16-总结 移动端-界面视觉设计 01-引言 02-PC端与移动端区分 03-平台分析 04-启动图标 05-基本布局 06-基本内容 07-首页视觉设计-1 08-首页视觉设计-2 09-导航设计 10-导航设计 11-视觉效果调整 12-理财界面分析 13-理财列表 14-理财列表-2 15-理财详情 16-课程总结 移动端-界面视觉设计+标注与切图 01-APP设计分析-引言 02-资产-1 02-资产-2 03-资产-3 04-资产-4 05-资产-5 06-侧边弹框 07-侧边弹框 08-对应内容 09-对应内容 10-对应内容 11-更多界面-内容 12-更多界面-内容2 13-切图与标注的作用 14-切图工具使用 15-标注实战 16-移动端切图 移动端-长图+总结 01-引导页引言 02-注册红包-创意分析 03-注册红包-主题效果 04-注册红包-细节调整 05-安全可靠-基本效果 06-安全可靠-效果调整 07-安全可靠-细节调整 08-随时随地-分析 09-随时随地-辅助元素 10-地图绘制 11=随时随地-细节 12-长图展示-1 13-长页面展示-2 14-输出文件 15-输入文件 16-课程总结-项目分析 17-课程总结-原型图 18-课程总结-效果图 19-课程总结-移动端 第十一章 手绘基础(选学-附赠课程) 点线面 01-手绘课程介绍 02-手绘课程的意义 03-绘画的表现形式 04-平面构成-点 05-平面构成-线 06-平面构成-面 07-点线面结合 08-手绘工具介绍 09-绘图工具的基础使用 10-点线面组合训练-框架绘制 12-线条流畅性与准确性训练 11-点线面组合训练-色块涂抹 13-蝴蝶绘制-外轮廓绘制 14-蝴蝶绘制-翅膀绘制-1 15-蝴蝶绘制-翅膀绘制-2 16-蝴蝶绘制-细节处理 17-课程总结 透视光影素描 01-光影原理-1 02-光影原理-2 03-光影原理-3 04-一点透视原理 05-一点透视-软件应用 06-一点透视-辅助线条绘制 07-一点透视-精确绘制 08-两点透视-原理 09-两点透视-辅助线条绘制~1 10-两点透视-精确绘制 11-两点透视-纹理添加 12-三点透视 13-单个线条练习 14-排线方式与技巧 15-明暗处理 16-细节刻画 17-笔记本-结构绘制 18-笔记本-光影 手绘字体设计 02-字体属性 03-POP字体书写技巧 04-POP字体演化-手绘浪漫字体 05-POP字体综合应用 06-POP字体细化技巧 07-五大三粗字体设计-手绘稿 08-五大三粗字体设计-转形状稿 09-五大三粗字体设计-字体设计应用 10-珠圆玉润字体-基本结构与笔画特点 11-珠圆玉润字体-填色 12-珠圆玉润字体-填色调整(可不播放) 12-珠圆玉润字体-细节调整 13-傲娇任性字体结构绘制 14-傲娇任性字体结构绘制-字体填写 15-傲娇任性字体结构绘制-字体转化 16-傲娇任性字体结构绘制-字体应用 17-课程总结 手绘UI图标 01-课程复习 02-手绘图标概论-1 03-手绘图标概论-2 04-辅助线绘制 05-可爱风格图标-线条轮廓 06-可爱风格图标-明暗细节处理 07-可爱风格图标-调整变化 08-可爱风格图标-绘制完成 09-日历图标-1 10-日历图标-2 11-电影图标 12-邮件 13-便签 14-手机 15-购物 16-写实图标 第十二章 HTML HTML基础
  • 01 代码作用和WEB前端技术
  • 02 html发展历史和定义 03-1 体验新闻案例01 03-2 体验新闻案例02
  • 04 DW相关设置
  • 05 DW默认代码作用
  • 06 常用小标签 07-1 插入图01 07-2 插入图02 08-1 路径--相对路径平级、下级查找 08-2 路径--相对路径上级查找绝对路径 09 超链接01 10 超链接02
  • 11 特殊符号
  • 01 无序列表
  • 02 体育新闻
  • 03 有序列表
  • 04 项目列表
  • 05 表格 06-1 input表单控件01 06-1 input表单控件02
  • 07 下拉菜单
  • 08 文本域
  • 09 表单域
  • 10 base标签
  • 11 锚点链接
  • 12 热区链接 第十三章 CSS CSS基础 01-1 体验css-css键值对规则 01-2 体验css02
  • 02 实体化三属性 03-1 显示模式 03-2 显示模式之间的相互转换
  • 04 类选择器
  • 05 google案例
  • 06 id选择器
  • 07 易起贷企业介绍
  • 08 CSS书写方式:行内式
  • 09 CSS书写方式:外链式
  • 10 CSS书写方式:导入式
  • 11 选择器的权重
  • 12 通配符选择器
  • 01 后代选择器
  • 02 并集选择器
  • 03 指定标签选择器 04-1 CSS的层叠性 04-2 CSS的继承性 05-0 引入方式之间的权重对比 05-1 复合选择器权重对比
  • 06 常用文字控制属性
  • 07 行高属性
  • 08 超链接的伪类
  • 09 水平导航和垂直导航
  • 10 复合属性font
  • 11 复合属性border
  • 12 复合属性background
  • 13 背景图固定属性
  • 14 易起贷导航 01-0 盒子模型的组成部分 01-1 盒子模型在浏览器中的显示 02-1 剖析border和padding01 02-2 padding的复合写法02
  • 03 版心居中
  • 04 padding撑大盒子问题
  • 05 CSS初始化 06-1 成交金额案例01-文字区域完成 06-2 成交金额案例02-完成 07-1 外边距合并问题01 07-2 外边距合并问题02
  • 08 行内标签的垂直内外边距 09-1 侧导航01 09-2 侧导航02
  • 10 公司新闻案例 01-1 浮动的作用01 01-2 浮动的属性以及工作原理02
  • 02 overflow属性
  • 03 常见布局:上中下
  • 04 常见布局:上下+左右
  • 05 清除浮动:额外标签法
  • 06 清除浮动:overflow方法
  • 07 清除浮动:伪元素 08公司新闻案例title部分 09公司新闻案例列表完成
  • 10 网页准备工作 11-1 siteNav分区左边完成 11-2 siteNav分区完成 12-1 header分区实体化布局、logo完成 12-2 header分区完成
  • 01 相对定位
  • 02 绝对定位
  • 03 子绝父相和z-index
  • 04 固定定位
  • 05 定位盒子居中做法
  • 06 轮播图按钮垂直居中
  • 07 易起贷banner图居中
  • 08 易起贷banner分区箭头完成
  • 09 易起贷圆点完成
  • 10 易起贷注册分区完成
  • 11 易起贷热点新闻分区完成
  • 12 易起贷icon分区完成
  • 01 css半透明文字背景同时透明
  • 02 css半透明只有背景透明
  • 03 易起贷的半透明
  • 04 css精灵基础 05-1 CSS精灵应用-布局文字效果完成 05-2 CSS精灵应用效果完成
  • 06 CSS精灵制作易起贷企业标语
  • 07 CSS滑动门
  • 08 CSS精灵和滑动门综合运用
  • 09 DW代码片段 01-1 头部实体化完成 01-2 logo分区完成
  • 02 header右分区完成
  • 03 banner完成 04 完美蜕变分区01 05 完美蜕变分区02
  • 06 完美蜕变分区完成
  • 07 最高年薪分区完成
  • 08 课程分区完成
  • 09 火热报名分区完成
  • 10 优点分区实体化完成
  • 11 优点分区完成 12 超值分区01
  • 13 超值分区完成
  • 01 课程体系-左侧图片完成
  • 02 课程体系右侧dl分区完成
  • 03 软件基础和平面设计分区完成
  • 04 课程体系分区完成
  • 05 师资文字分区完成
  • 06 师资头像分区完成 07-1 学员作品分区文字部分完成 07-2 学员作品分区完成
  • 08 学员人数分区完成(img大图居中方法)
  • 09 人脉分区完成
  • 10 选择武汉的理由分区完成
  • 11 品牌分区完成
  • 12 教学环境分区完成 13-1 报名分区表单完成 13-1 报名分区表单完成 13-2 报名分区完成 14-1 助学金、版权分区右侧完成 14-2 版权分区完成 第十四章 DW项目实战 易起贷项目实战
  • 01 网站准备工作
  • 02 zencoding使用
  • 03 站点导航左侧分区完成
  • 04 站点导航右侧分区完成
  • 05 head部分实体化完成 06 logo背景图做法1 07 logo背景图做法2
  • 08 导航分区完成
  • 09 banner分区圆点和箭头完成
  • 10 免费注册分区完成
  • 11 热点新闻分区完成
  • 12 icon分区完成
  • 13 投资项目tab栏完成
  • 14 投资项目表格th完成
  • 01 首页表格单元格-文字完成
  • 02 首页表格单元格-icon完成
  • 03 project分区完成
  • 04 新闻分区左右布局完成
  • 05 新闻分区左侧标题完成
  • 06 新闻分区完成
  • 07 合作伙伴分区完成
  • 08 版权分区实体化完成
  • 09 版权dl分区完成
  • 10 版权微信微博实体化-精灵图完成
  • 11 版权微信微博分区完成
  • 12 版权分区完成
  • 01 列表页准备工作
  • 02 列表页搜索分区实体化完成
  • 03 列表页搜索分区完成
  • 04 列表页完成
  • 05 注册页面head头部完成
  • 06 注册页面注册步骤完成 07 注册页面01
  • 08 注册页面完成 第十五章 JavaScript JavaScript
  • 01 体验js
  • 02 js实体化盒子
  • 03 变量
  • 04 js控制html
  • 05 js事件
  • 07 事件类型 09 淘宝下拉01 09 淘宝下拉02
  • 01 js书写位置
  • 02 js搬家
  • 03 动态添加删除文本
  • 06 自定义函数
  • 07 自定义函数简化代码 08-1 淘宝图片切换css布局完成 08-2 淘宝图片切换JS部分完成 09-1 下拉导航css布局 09-2 下拉导航JS完成
  • 01 条件判断语句
  • 02 星座
  • 03 分数判断
  • 04 逻辑运算符
  • 05 循环的结构
  • 06 循环和多项判断
  • 07 标签名获取元素 08-1 全选01 08-2 全选02 09-1 数组 09-2 数学公式
  • 10 随机点名
  • 06 事件实体化盒子
  • 08 显示隐藏盒子 第十六章 Jquery jquery 01体验jq
  • 03 jq控制css
  • 04 jq控制html标签属性
  • 05 jq控制html内容
  • 06 jq动画
  • 07 jq基本选择器
  • 08 过滤选择器
  • 09 父选择器
  • 10 下拉(排队机制)
  • 11 hover事件
  • 12 排他思想
  • 01 jq索引值 02 淘宝tab切换01 03 淘宝tab切换02
  • 04 链式编程 05 淘宝商品展示01 06 淘宝商品展示02
  • 07 自定义单选
  • 08 自定义多选 09 自定义下拉菜单01 10 自定义下拉菜单02 11 自定义下拉菜单03
  • 01 节点操作
  • 01 节点操作记笔记
  • 02 新闻发布 03 微博01 03 微博02 04 微博03
  • 05 淡入、淡出
  • 06 突出展示
  • 07 自定义动画 08 360开机效果
  • 01 模态窗口
  • 02 手风琴
  • 03 京东突出展示
  • 04 列表展示
  • 05 each遍历函数
  • 06 事件坐标
  • 07 鼠标跟随
  • 08 滚动跟随
  • 09 导航跟随
  • 10 返回顶部
  • 11 总结
  • 01 变量作用域
  • 02 定时器
  • 03 定时器动画
  • 04 系统时间
  • 05 淘宝定时器 06 呼吸焦点图01 06 呼吸焦点图02 06 呼吸焦点图03
  • 07 有缝滚动
  • 02 入口函数区别 第十七章 响应式 响应式 01 html5简单介绍 02 H5语法特点和常见结构标签 03 H5新增标签含义和实际应用 04 H5新增表单属性
  • 08 下拉列表结构 09 H5新增type类型
  • 10 音频标签介绍
  • 11 音频标签使用
  • 12 音频暂停播放
  • 13 开关按钮实现
  • 14 开关按钮控制音频播放
  • 15 视频标签使用
  • 16 视频暂停和播放 17 H5存储介绍
  • 01 属性选择器语法
  • 02 属性选择器应用
  • 03 兄弟选择器 04 伪类选择器01
  • 05 伪类选择器细节
  • 06 快速结构伪类选择器
  • 07 仿携程移动端布局
  • 08 图标字体基本介绍
  • 09 下载图标字体如何使用
  • 10 常用伪类和图标字体配合
  • 11 仿下拉菜单样式
  • 12 文字阴影
  • 13 盒子阴影
  • 14 圆角边框
  • 15 圆角边框绘制简单图形
  • 16 线性渐变
  • 01 颜色模式和背景尺寸
  • 02 内减盒模型介绍
  • 03 内减盒模型应用
  • 04 过渡属性讲解
  • 05 位移属性 06 C3进场动画01 07 C3进场动画02
  • 08 缩放属性
  • 09 旋转属性
  • 13 斜切属性
  • 14 京东侧边导航
  • 15 小米图片展示
  • 01 X Y 轴旋转
  • 02 百度翻转钱包
  • 03 翻转音乐盒 05 3D翻转导航 08 C3单组动画定义和调用 09 C3多组动画
  • 10 浏览器内核前缀 11 京东旋转时钟01 12 京东旋转时钟02
  • 01 视口基本概念
  • 02 视口默认大小和使用问题
  • 03 视口设置和参数解释
  • 04 设置合适视口分析
  • 05 动态设置合适视口大小
  • 06 rem适配
  • 07 iscroll插件基本使用
  • 08 网易金币首页准备
  • 09 头部样式修改
  • 10 banner区域完成
  • 11 我的商城模块
  • 01 fullpage基本使用
  • 02 对象做为参数使用
  • 03 常用配置项
  • 04 滚动相关配置项
  • 05 导航条相关配置
  • 06 锚点导航制作
  • 07 回调函数使用 08 C3动画库使用
  • 09 修好了项目准备
  • 10 顶部导航样式
  • 11 右侧导航条样式复写
  • 12 导航条联动显示
  • 13 第一屏结构
  • 14 第一屏span动画完成
  • 15 第一屏动画完成
  • 01 响应式基本介绍 02 C3媒询属性介绍 03 C3媒询条件和and 04 C3媒询关键字
  • 05 媒询样式引入
  • 06 仿苹果官网图片展示
  • 07 boostrap基本介绍
  • 08 bootstrap使用步骤
  • 09 bootstrap实现响应式原理
  • 10 bootstrap删格化思想
  • 11 bootstrap常用类名 12 云课堂顶部导航01 13 云课堂导航条02
  • 14 响应式导航条完成
  • 15 云课常轮播图
  • 01 JQ中的事件绑定和清除
  • 02 拖拽原理分析
  • 03 拖拽完成
  • 04 移动适配方案
  • 05 单屏滚动结构和样式
  • 06 手指事件介绍
  • 07 判断手指上滑下滑
  • 08 滑屏动画原理
  • 09 滑屏切换实现
  • 10 滑屏动画问题解决
  • 11 滑屏切换代码简化 12项目准备及滑动箭头实现
  • 13 每屏动画实现原理
  • 01 APP简单介绍
  • 02 混合APP开发准备
  • 03 hbuilder新建APP项目介绍
  • 04 hbuilder真机测试和mui基础
  • 05 完成初始化
  • 06 打开新窗口演示
  • 07 打开新窗口参数解释
  • 08 按需打开新窗口
  • 09 子页面加载
  • 10 创建子页面加载
  • 11 底部tab切换实现 12 微信界面搭建