郑成龙色彩速涂第1期

UI/产品

课程简介

解决色彩应用难题，补足手绘基础短板这门课程直指 UI 设计师在视觉呈现中最常遇到的痛点：软件操作熟练，但面对具体物体时，色彩堆砌显得脏、形不准、光影逻辑混乱。很多转行者或资深前端工程师在晋升或转型设计岗时，往往卡在“画不出有质感的 UI 元素”这一关。本课程不是简单的软件教程，而是通过“速涂”这一高频商业场景，强制你建立对色彩纯度、明度对比及笔刷反馈的肌…

已有 0 人浏览发布 2026-10-24 更新 2026-10-24

解决色彩应用难题，补足手绘基础短板

这门课程直指 UI 设计师在视觉呈现中最常遇到的痛点：软件操作熟练，但面对具体物体时，色彩堆砌显得脏、形不准、光影逻辑混乱。很多转行者或资深前端工程师在晋升或转型设计岗时，往往卡在“画不出有质感的 UI 元素”这一关。本课程不是简单的软件教程，而是通过“速涂”这一高频商业场景，强制你建立对色彩纯度、明度对比及笔刷反馈的肌肉记忆。适合具备基本 PS 或 SAI 操作能力，但缺乏系统色彩理论训练，或长期依赖矢量工具、手绘感知薄弱的设计从业者。如果你是纯小白，连“色相”和“饱和度”的概念都未理清，建议先补齐基础色彩理论，再进入此课实战。

核心模块拆解：从控笔到玻璃质感的进阶路径

资料包结构清晰，分为“预科基础”与“实战案例”两大板块，建议严格按顺序消化。首先必须攻克预科部分，这里没有复杂的设计案例，而是枯燥但必要的训练：点线面比例、黑白控笔、纹理笔刷、变形工具等。这些内容对应的是设计师最易忽视的“手感”，比如如何用笔刷画出自然的边缘虚化，如何通过变形工具修正透视错误。许多学员跳过此阶段直接画复杂物体，导致后续作品结构松散，根源就在于此处。其次重点研习“玻璃”专题，这是 UI 设计中高频且极难画好的元素。课程不仅提供玻璃案例的源文件（PSD），还包含专门的视频讲解。你需要结合“汽车”案例进行对比练习，因为汽车漆面与玻璃的光影逻辑有相通之处。建议先看玻璃案例的最终效果与分层逻辑，再回看视频中的关键步骤，理解高光、反射与环境色的交互关系，最后用预科练出的笔刷技法去复现。

学完能独立做什么，以及资料配合练习方法

完成全课训练后，你将具备独立绘制高质感 UI 图标、应用界面局部插画及商业速写稿的能力。具体而言，你能在不依赖智能填充和预设素材的前提下，通过手绘笔刷表现出金属、玻璃、陶瓷等不同材质的高光与反射，解决“画面发灰”或“材质塑料感重”的顽疾。在资料使用上，切忌只看视频不画图。推荐采用“临摹-拆解-原创”三步法：第一步，打开课程提供的 PSD 源文件，逐一调整图层不透明度，理解每一层笔触对最终色彩的影响，特别是玻璃案例中半透明图层叠加产生的折射效果；第二步，利用提供的专用笔刷包（兼容 PS 和 SAI 2），在预科视频中练习控笔与纹理，确保线条流畅度；第三步，脱离参考图，尝试绘制一个具体的 UI 组件（如一个带玻璃质感的按钮或仪表盘），将预科练出的形变技巧与玻璃案例的光影逻辑结合。资料中的“作业”环节虽无文字说明，但隐含在对比图中，需自行参照范例检查自己的明暗交界线是否清晰、色彩倾向是否准确。这门课的价值不在于教会你某款软件的新功能，而在于重塑你对数字绘画中“色彩与形态”的感知力，这是 UI 设计师从“切图仔”转向“视觉设计师”的关键壁垒。

课程目录

📁 DAY20-汽车2-2
历史合集.png [493.5 KB]
📁 预科课程
📁 预科作业
学习资料更新说明.zip [1.8 MB]
郑成龙预科第4节(2）.jpg [1.0 MB]
郑成龙预科第5节(1）.jpg [506.0 KB]
郑成龙预科第8节(2）.jpg [573.1 KB]
郑成龙预科第1节(1).jpg [732.1 KB]
郑成龙预科第6节(1）.jpg [521.7 KB]
郑成龙预科第7节(1）.jpg [812.7 KB]
郑成龙预科第1节(2).jpg [657.6 KB]
郑成龙预科第9节.jpg [503.5 KB]
郑成龙预科第2节（1）.jpg [732.6 KB]
郑成龙预科第3节.jpg [583.8 KB]
郑成龙预科第6节(2）.jpg [532.4 KB]
郑成龙预科第2节（2）.jpg [729.2 KB]
郑成龙预科第7节(2）.jpg [2.3 MB]
郑成龙预科第4节(1).jpg [1.0 MB]
郑成龙预科第5节(2）.jpg [497.0 KB]
郑成龙预科第8节(1）.jpg [562.8 KB]
【郑成龙预科】第一节-点线面比例训练【公众号：秘知圈】.mp4 [23.1 MB]
【郑成龙预科】第六节-黑白控笔训练【公众号：秘知圈】.mp4 [19.6 MB]
【郑成龙预科】第七节-纹理笔刷训练.mp4 [11.5 MB]
【郑成龙预科】第二节-形状比例训练.mp4 [12.5 MB]
【郑成龙预科】第四节-色彩准度进阶练习.mp4 [13.4 MB]
【郑成龙预科】第九节-笔刷造型训练.mp4 [13.5 MB]
【郑成龙预科】第八节-变形工具训练.mp4 [21.1 MB]
【郑成龙预科】第五节-调色工具练习.mp4 [11.7 MB]
【郑成龙预科】第三节-色彩识别训练.mp4 [15.9 MB]
📁 笔刷
重要资料查看说明.zip [1.8 MB]
郑成龙笔刷1.3.abr [35.8 MB]
郑成龙sai2速涂笔刷1.3.rar [9.0 MB]
📁 DAY17-玻璃
📁 w5d17
资料更新与获取方式.png [493.5 KB]
郑成龙速涂团练W5D17.jpg [597.7 KB]
郑成龙速涂团练-W5D17.psd [1.7 MB]
学习前请先查看.png [493.5 KB]
📁 DAY6-两点透视-1
📁 作业
郑成龙速涂团练-W2D6.psd [1.7 MB]
郑成龙速涂团练W2D6.jpg [1.2 MB]
建议您看一下.png [493.5 KB]
📁 DAY26人像-2-2
更多课程资料领取入口.png [493.5 KB]
📁 DAY12-低饱和
📁 作业
郑成龙速涂团练W3D12.jpg [590.0 KB]
郑成龙速涂团练-W3D12.psd [2.8 MB]
更多课程资料领取入口.zip [1.8 MB]
📁 DAY16-舞台光
📁 作业
重要资料查看说明.zip [1.8 MB]
郑成龙速涂团练W4D16.jpg [394.0 KB]
郑成龙速涂团练-W4D16.psd [1.3 MB]
📁 DAY4-塑造转面
📁 作业
W1D4-汉堡.psd [1.8 MB]
W1D4汉堡.jpg [783.2 KB]
往期资料.png [493.5 KB]
塑造转面【公众号：秘知圈】.mp4 [664.8 MB]
📁 DAY30-山
📁 w8d30
郑成龙速涂团练W8D30.jpg [743.0 KB]
郑成龙速涂团练-W8D30.psd [1.2 MB]
资料更新与获取方式.png [493.5 KB]
山.ts [2.2 GB]
📁 DAY13-日光
📁 作业
郑成龙速涂团练W4D13.jpg [765.4 KB]
郑成龙速涂团练-W4D13.psd [1.3 MB]
更多配套资料.png [493.5 KB]
📁 DAY24-盔甲2-2
更多课程资料领取入口.png [493.5 KB]
📁 DAY7-两点透视-2
📁 作业
郑成龙速涂团练-w2d7.psd [3.7 MB]
参考配色.jpg [172.8 KB]
郑成龙速涂团练w2d7.jpg [594.4 KB]
建议您看一下.png [493.5 KB]
📁 DAY2-点线面2
📁 作业
历史合集.png [493.5 KB]
帆船色调参考 (1).jpg [164.1 KB]
帆船色调参考 (2).jpg [77.0 KB]
郑成龙速涂团练-W1D2.psd [491.4 KB]
郑成龙速涂团练W1D2.jpg [612.8 KB]
新手必看.png [493.5 KB]
点线面-2.ts [3.3 GB]
📁 DAY1-点线面1
📁 作业
配色参考1.jpg [106.4 KB]
郑成龙速涂团练-W1D1.psd [568.1 KB]
配色参考2.jpg [58.4 KB]
郑成龙速涂团练W1D1.jpg [427.8 KB]
📁 素材
郑成龙SAI2笔刷1.2.rar [8.8 MB]
郑成龙笔刷1.2.abr [39.4 MB]
历史合集.png [493.5 KB]
点线面-1.ts [3.8 GB]
📁 DAY22-皮衣
📁 作业
建议您看一下.zip [1.8 MB]
郑成龙速涂团练W6D22.jpg [1.1 MB]
郑成龙速涂团练-W6D22.psd [984.5 KB]
配套内容说明.png [493.5 KB]
皮衣.ts [2.0 GB]
📁 DAY31-云
📁 w8d31
建议您看一下.png [493.5 KB]
郑成龙速涂团练-W8D31.psd [1.1 MB]
郑成龙速涂团练W8D31.jpg [519.3 KB]
学习资料领取说明.png [493.5 KB]
📁 DAY32-古建筑
📁 w8d32
郑成龙速涂团练-W8D32.psd [1.5 MB]
郑成龙速涂团练W8D32.jpg [1008.3 KB]
往期资料.png [493.5 KB]
古建筑.ts [2.4 GB]
📁 DAY5一点透视
📁 作业
历史合集.png [493.5 KB]
郑成龙速涂团练w2d5.jpg [746.9 KB]
郑成龙速涂团练-w2d5.psd [1.0 MB]
更多配套资料.png [493.5 KB]
📁 DAY21绸缎
📁 作业
配套内容说明.png [493.5 KB]
郑成龙速涂-W6D21.psd [1.6 MB]
郑成龙速涂W6D21.jpg [651.1 KB]
绸缎【公众号：秘知圈】.mp4 [794.0 MB]
📁 DAY19-汽车2-1
📁 w5d19
郑成龙速涂团练-W5D19.psd [1.2 MB]
郑成龙速涂团练W5D19.jpg [1.3 MB]
📁 DAY29-腿
📁 w8d29
历史合集.png [493.5 KB]
郑成龙速涂团练-W8D29.psd [959.9 KB]
郑成龙速涂团练W8D29.jpg [196.7 KB]
📁 DAY11-换色2-1
📁 作业
郑成龙速涂团练-W3D11.psd [1.3 MB]
郑成龙速涂团练W3D11.jpg [835.5 KB]
换色1-2.ts [1.9 GB]
📁 DAY10-高饱和2-2
高饱和_2.ts [1.8 GB]
📁 DAY23-盔甲2-1
📁 作业
郑成龙速涂团练-W6D23.psd [1.5 MB]
郑成龙速涂团练W6D23.jpg [777.2 KB]
📁 DAY9-高饱和2-1
📁 作业
郑成龙速涂团练W3D9.jpg [964.2 KB]
郑成龙速涂团练-W3D9.psd [1.2 MB]
📁 DAY3-黑白色阶
📁 作业
郑成龙速涂团练-w1d3.psd [865.0 KB]
3.1-海边小岛.jpg [503.4 KB]
黑白色阶.ts [2.3 GB]
📁 DAY25-人像2-1
📁 作业
郑成龙速涂团练-W7D25.psd [1.6 MB]
郑成龙速涂团练W7D25.jpg [582.2 KB]
📁 DAY14-夜晚
📁 作业
郑成龙速涂团练-W4D14.psd [1.4 MB]
郑成龙速涂团练W4D14.jpg [1.1 MB]
📁 DAY8-三点透视
📁 作业
郑成龙速涂团练w2d8.jpg [366.2 KB]
郑成龙速涂团练-w2d8.psd [944.5 KB]
📁 DAY18-纱
📁 w5d18
配套内容说明.png [493.5 KB]
郑成龙速涂团练W5D18.psd [918.6 KB]
郑成龙速涂团练W5D18.jpg [966.3 KB]
📁 DAY15-全局光
📁 作业
郑成龙速涂团练-W4D15.psd [2.5 MB]
… 其余 15 项略，目录共 215 项