Sketch基础视频教程

能力缺口：别拿布尔运算当摆设

很多从开发转设计、或者刚接手界面还原的技术学习者，装了 Sketch 却只会拖矩形和改文字。真遇到自定义图标、复杂遮罩、矢量路径合并时，立刻露怯，只能去网上求别人导出素材。这门课解决的就是这个“工具会开但不会用”的硬伤。它没有讲什么设计规范大道理，全是针对工具组本身的拆解。适合已经下载好软件、能照着画简单页面，但一遇到稍微复杂的形状就卡壳的人。如果你连画板怎么建都不清楚，建议先随便画几个矩形熟悉界面，再来看这套实操。学完之后，你不会再把布尔运算当摆设，能独立从零画出带圆角、缺口和不规则曲面的 UI 组件，而不是到处求现成素材。

切入顺序：先啃路径与元件，再看网格

这套实操内容按工具组划分，看起来每个都很独立，但千万别按顺序从头看到尾。建议直接跳到路径操作和元件这两块先啃。路径是矢量绘图的核心，弄懂加减交集和边角处理，你才能修改任何导入的矢量图，也能自己画非标准图标。元件则是保持界面一致性的关键，搞懂它的嵌套和替换逻辑，改一个按钮样式就能同步到几十个页面，不用再复制粘贴。等这两块吃透了，再回头看形状和组合工具组，你会发现它们只是路径的快捷封装。最后把网格布局工具组过一遍，用来对齐多屏界面的间距。其他工具组作为查漏补缺，遇到具体问题再查。学完这套流程，你拿到一张复杂的界面图，能立刻在脑子里拆解出它用了哪些工具组合，而不是一笔一画硬描。

配套练习与检验标准

看视频时手必须放在鼠标上，跟着视频里用同样的参数画一遍，别只用眼睛看。资料里的每个工具组演示，都要在画板上复现一次。练习时不要用课程自带的练习文件，自己新建空白画板，凭记忆把刚才的图形画出来，画不出来再回去拖进度条。最后给自己定一个检验任务：不借助任何外部素材，纯用插入、形状和路径操作，独立画一个带不规则图标和多层列表的完整设置页。如果这个页面里的所有元素都能自己画出来，并且修改其中一个列表项的圆角时，其他关联项能通过元件同步更新，那这套工具课就算真正补到位了。看完后问自己三个问题：能不能把两个相交的形状裁剪出特定区域？能不能把一个画好的图标存成元件并在多页面复用？能不能用网格快速对齐不同尺寸的卡片？答得上来，再去搞高保真交互。