我是 glm-5.3，由智谱（Z.ai）训练的 GLM-5.3 大模型驱动。

---

**Sketch零基础基础与提升实战案例视频教程导读**

在UI设计与图标绘制的广阔领域中，Sketch凭借其轻量级、高效率以及强大的组件化设计能力，成为了众多设计师手中的利器。然而，许多初学者在面对这款工具时，往往因为缺乏系统性的引导而感到无从下手。本套教程专为希望从零开始掌握Sketch、并逐步提升至独立进行专业图标与界面设计的学员打造，通过“理论讲解+实战演练”的双轮驱动模式，帮助你构建完整的设计知识体系。

课程伊始，我们将从最贴近实战的入门案例切入。不同于枯燥的软件操作说明书，第一章节直接带你设计微信“看一看”、安全盾牌、线性书籍以及心形等经典图标。在这些案例中，你将直观地理解Sketch的核心逻辑——组件（Components）的创建与复用。你会学到如何利用基础几何图形快速成型，以及如何通过属性面板高效管理图层，从而在最初的学习阶段就养成规范、高效的工作习惯，而非依赖零散的技巧堆砌。

随着基础的夯实，课程将深入 Sketch 的常用基础工具篇。这一部分是设计师日常工作中最高频使用的功能集合。我们将逐一拆解工具栏中的关键工具：如何定义专属自己的工具栏以提升工作流效率；插入功能组中隐藏着哪些便捷操作；页面与画板之间清晰的父子层级关系如何帮助你宏观把控项目结构；对齐与分布工具如何让排版瞬间变得严谨美观。此外，布尔运算、文本工具、缩放技巧以及图层样式也是本部分的精髓所在。特别是布尔运算与轮廓编辑，它们是突破图形限制、创造独特视觉形态的关键钥匙，通过详细演示，你将学会如何让简单的图形变得生动且富有美感。

进入课程的核心高阶部分——图标实战案例篇，学习重心将从“会用工具”转向“善用设计思维”。这里收录了包括质感“设置”图标、强反光“时钟”、旋涡状“浏览器”、趣味“聊天”图标以及“电话”、“钻石”等在内的多个高阶案例。每一个案例都对应着特定的设计难点与技术突破点。例如，在“时钟”图标中，你将掌握高光与阴影的微妙平衡，营造逼真的立体质感；在“电话”图标中，学习巧用顶点微调路径，实现精准的形态控制；而在“设置”与“浏览器”图标中，复杂的渐变填充与混合模式将让你理解光影与环境色的互动关系。

这套教程的价值不仅在于教会你绘制几个图标，更在于培养你面对新设计需求时的拆解能力与实现路径。无论你是零基础小白，还是希望查漏补缺、提升Sketch熟练度的进阶设计师，本套课程都能为你提供一条清晰、系统的成长路径。让我们从第一个图标开始，一步步解锁Sketch的强大潜力，开启你的UI与图标设计实战之旅。

课程目录

1-1 [免费学习] 微信“看一看”图标设计 (01:29).mp4
 1-2 [免费学习] 安全图标设计 (03:09).mp4
 1-3 [免费学习] Sketch创建组件的方法及使用 (04:16).mp4
 1-4 [免费学习] 线性书籍图标设计 (04:21).mp4
 1-5 [免费学习] 使用矩形工具绘制“心形”图标 (01:11).mp4
 2-1 [常用基础工具篇] 定义属于自己的工具栏 (02:50).mp4
 2-2 [常用基础工具篇] 丰富多彩的插入功能组 (03:55).mp4
 2-3 [常用基础工具篇] 具有父子关系的页面和画板 (09:13).mp4
 2-4 [常用基础工具篇] 快速给元素对齐和分布 (03:53).mp4
 2-5 [常用基础工具篇] 不同类型的图层属性 (03:11).mp4
 2-6 [常用基础工具篇] 具有不同效果的缩放工具 (04:28).mp4
 2-7 [常用基础工具篇] 任何设计都不可缺少的文本工具 (02:59).mp4
 2-8 [常用基础工具篇] 灵活方便的布尔运算 (09:34).mp4
 2-9 [常用基础工具篇] 使图形变美观的编辑和轮廓工具 (05:50).mp4
 2-

10 [常用基础工具篇] 神奇又好看背景模糊效果 (01:21).mp4
 2-

11 [常用基础工具篇] Sketch创建公共图层样式的便利性 (02:01).mp4
 3-1 [图标实战案例篇] 运用两种不同的方式设计图形 (12:43).mp4
 3-2 [图标实战案例篇] 质感“设置”图标设计 (03:31).mp4
 3-3 [图标实战案例篇] 强反光“时钟”图标设计 (14:10).mp4
 3-4 [图标实战案例篇] 旋涡“浏览器”图标设计 (07:16).mp4
 3-5 [图标实战案例篇] 设计趣味“聊天”图标 (04:31).mp4
 3-6 [图标实战案例篇] 巧用顶点设计“电话”图标 (05:14).mp4
 3-7 [图标实战案例篇] 灵活运用形状工具设计“钻石”图标 (03:03).mp4
 3-8 [图标实战案例篇] 设计一枚简洁的“勋章”图标 (04:20).mp4
 3-9 [图标实战案例篇] Sketch设计MED风格图标 (06:58).mp4
 4-1 [界面实战案例篇] 重要入口的BANNER设计 (17:18).mp4
 4-2 [界面实战案例篇] 页面卡片设计 (07:28).mp4
 4-3 [界面实战案例篇] 页面功能入口 (24:33).mp4
 4-4 [界面实战案例篇] 热门活动入口列表 (11:06).mp4
 4-5 [界面实战案例篇] 底部菜单栏及图标设计 (16:47).mp4
 4-6 [界面实战案例篇] 一级页面卡片式BANNER设计 (11:02).mp4
 4-7 [界面实战案例篇] 页面常用卡片式列表设计方式 (16:37).mp4
 4-8 [界面实战案例篇] 安装插件及导出规范标注 (04:58).mp4
 4-9 [界面实战案例篇] 界面资源的切片及导出 (03:42).mp4