跳过导航

设计资源

无论您是 Sketch 新手，还是希望提高技能，我们的资源都能满足您的需求。
Image of Talking Layers with Ryan McLeod (Blackbox) — Episode 3 视频

与 Ryan McLeod (Blackbox) 聊图层 — 第 3 集
Image of Windows Design Templates 模板

Windows 设计模板
Image of The Interface 课程

界面
Image of Prototyping in Sketch: Everything you need to know 指南

在 Sketch 中制作原型：你需要知道的一切
Image of macOS Design Templates 模板

macOS 设计模板
Image of Oh no, I need to design a tinted iOS 18 app icon — how to do it right 指南

糟了，我需要设计一个带色彩的 iOS 18 应用图标 — 如何正确地做到这一点
Image of Google Material Design Templates 模板

Google Material Design 模板
Image of Introducing Smart Layout (Part 1) 教程

智能布局介绍（第一部分）
Image of How Casey Liss and Ben McCarthy made Callsheet a go-to for movie fans 客户故事

Casey Liss 和 Ben McCarthy 如何让 Callsheet 成为电影迷的首选
Image of Talking bubbles with Ryan and Rafa 短片

Ryan 和 Rafa 聊气泡
Image of Creating and editing Symbols 课程

创建和编辑符号
Image of Getting set up 课程

开始设置
Image of A beginner’s guide to icon design in Sketch 指南

Sketch 图标设计初学者指南
Image of Color Variables 课程

颜色变量
Image of How Gentler Streak brings kindness to fitness 客户故事

Gentler Streak 如何将友善带入健身领域
Image of Talking Layers with Devin Davies (Crouton) — Episode 2 视频

与 Devin Davies (Crouton) 聊图层 — 第 2 集
Image of Apple Design Resources 设计套件

Apple 设计资源
Image of Introducing Smart Layout (Part 2) 教程

智能布局介绍（第二部分）
Image of Microsoft Fluent Design UI Kit 设计套件

Microsoft Fluent Design UI Kit
Image of Annotation & Flow 设计套件

注释 & 流程
Image of What does it feel like to win two ADAs? 短片

赢得两项 ADA 大奖是什么感觉？
Image of Welcome to Sketch 教程

欢迎使用 Sketch
Image of Sketch in 2024 短片

Sketch 2024 年展望
Image of How Darkroom is building the next-generation of mobile first photography tools 客户案例

Darkroom 如何构建下一代移动优先摄影工具
Image of Text and Layer Styles 课程

文本和图层样式
Image of What is Sketch? 课程

什么是 Sketch？
Image of New in Sketch: Smart Animate, Library replacements, new web UI, better developer handoff — and more! 视频

Sketch 新功能：智能动画、图库替换、全新 Web 界面、更好的开发者交接等等！
Image of Social Media Cover Templates 模板

社交媒体封面模板
Image of Talking layers with Sebastiaan de With — Using the force! 短片

与 Sebastiaan de With 聊图层 — 使用原力！
Image of New Prototyping Triggers in Sketch 视频

Sketch 中的新原型触发器
Image of App Store Screenshots Templates 模板

App Store 屏幕截图模板
Image of Libraries, an in-depth look 指南

图库，深入了解
Image of Creating and sharing Libraries 课程

创建和共享图库
Image of Talking Layers with Devin Davies (Crouton) — Episode 2 短片

与 Devin Davies (Crouton) 聊图层 — 第 2 集
Image of 3 mindsets to level up your design portfolio game 指南

提升设计作品集的 3 种思维模式
Image of Masking layers 课程

遮罩图层
Image of Kanban Board 模板

看板
Image of Introduction to typography — what it is, and how to get it right 指南

字体排印入门 — 它是什么，以及如何正确使用
Image of Pitch Deck Presentation Templates 模板

演示幻灯片模板
Image of Organizing your Workspace 课程

整理您的工作区
Image of Working with text 课程

处理文本
Image of Previewing prototypes 课程

预览原型
Image of Cursors & Gestures 设计套件

光标 & 手势
Image of How to make an album cover 指南

如何制作专辑封面
Image of New in Sketch: Selection Improvements (2023) 视频

Sketch 新功能：选择改进 (2023)
Image of Meet the Maker: Andrey Prokopenko 客户故事

创作者访谈：Andrey Prokopenko
Image of Five Command Bar tips to work faster 视频

五个让工作更快的命令栏技巧
Image of Sketch Cheat Sheet Shortcut Wallpaper 模板

Sketch 快捷键壁纸
Image of Meet the Maker: Volodymyr Kondriianenko 客户故事

创作者访谈：Volodymyr Kondriianenko
Image of New Scroll Groups in Sketch 视频

Sketch 中的新滚动组
Image of Styling layers 课程

样式图层
Image of Adding interactions 课程

添加交互
Image of How Letterboxd used Sketch to design a home for cinephiles 客户故事

Letterboxd 如何使用 Sketch 为影迷设计家园
Image of How to organize your Sketch Workspace with Projects and Collections 指南

如何使用项目和集合整理您的 Sketch 工作区
Image of Making icons with Boolean operations 课程

使用布尔运算制作图标
Image of A Tour of Smart Layout in Groups 视频

智能布局分组导览
Image of Product Mockups 模板

产品模型
Image of Sharing and real-time collaboration 课程

共享和实时协作
Image of Sketch Myth #3 — Viewers can see all my changes? 视频

Sketch 误解 #3 — 浏览者能看到我所有的更改吗？
Image of Sketch Myth #2 — I need a subscription now? 视频

Sketch 误解 #2 — 我现在需要订阅吗？
Image of Masonry Photo Collage 模板

砌体照片拼贴
Image of Design Portfolio #2 Templates 模板

设计作品集 #2 模板
Image of Artboard templates 课程

画板模板
Image of Sketch Myth #1 — No Realtime Collaboration? 视频

Sketch 误解 #1 — 没有实时协作？
Image of How to create depth in Sketch 指南

如何在 Sketch 中创建深度
Image of Every blend mode explained 指南

每个混合模式的解释
Image of 6 tips for creating your presentations in Sketch 指南

在 Sketch 中创建演示文稿的 6 个技巧
Image of Overrides 课程

覆盖
Image of Payment Methods 设计工具包

支付方式
Image of How to build a design system in Sketch 指南

如何在 Sketch 中构建设计系统
Image of Sketch Myth #4 — Is Sketch good for devs on Windows? 视频

Sketch 误解 #4 — Sketch 适合 Windows 上的开发者吗？
Image of Hexagon Photo Collage 模板

六边形照片拼贴
Image of Scroll areas 课程

滚动区域
Image of Advanced interactions 课程

高级交互
Image of How to organize and maintain design systems in Sketch 指南

如何在 Sketch 中组织和维护设计系统
Image of How to build a component Library in Sketch 指南

如何在 Sketch 中构建组件库
Image of #SketchTip - Control gradients on the Canvas 短视频

#Sketch小技巧 - 控制画布上的渐变
Image of Vector Editing 课程

矢量编辑
Image of How to make a full-screen scrolling Map prototype 短视频

如何制作全屏滚动地图原型
Image of Scrolling Artboards 课程

滚动画板
Image of Dieter Rams Color Palette 设计工具包

迪特·拉姆斯调色板
Image of Sketch 100: More than just a number 视频

Sketch 100：不仅仅是一个数字
Image of Business Card Templates 模板

名片模板
Image of Widgets UI Library 设计工具包

小部件 UI 库
Image of Quotes Collection 模板

语录集
Image of Country Flag Library 设计工具包

国旗库
Image of Aeon Studio: using Sketch to delight clients through design 客户故事

Aeon Studio：使用 Sketch 通过设计来取悦客户
Image of Creating Overlays 课程

创建叠加
Image of Developer handoff with Sketch 课程

使用 Sketch 进行开发者交接
Image of Icon Templates 模板

图标模板
Image of Viewing documents in the web app 课程

在 Web 应用程序中查看文档
Image of How Forrest put a twist on fitness tracking — then did it all over again 客户故事

Forrest 如何对健身追踪进行创新 —— 然后再次创新
Image of How Tripsy is building the perfect travel companion 客户故事

Tripsy如何打造完美的旅行伴侣
Image of Design Portfolio Templates 模板

设计作品集模板
Image of New in Sketch: View documents on your iPhone & iPad 视频

Sketch新功能：在iPhone和iPad上查看文档
Image of Bold Pitch Deck Presentation Templates 模板

大胆的演示文稿模板
Image of What is developer handoff? 课程

什么是开发者交付？
Image of The best keyboard shortcuts to get started with Sketch 指南

开始使用Sketch的最佳键盘快捷键
Image of Meet the Maker: Duncan Horne 客户故事

认识创作者：Duncan Horne
Image of Taking Smart Layout Beyond Symbols 视频

超越符号的智能布局
Image of Exporting in the Mac app 课程

在Mac应用程序中导出
Image of Benefits of working with Symbols in Sketch 指南

在Sketch中使用符号的优势
Image of Payment Method Libraries 设计工具包

支付方式库
Image of How 8-year-old Daikichi designs his own pictograms in Sketch 客户故事

8岁的Daikichi如何在Sketch中设计自己的象形图
Image of Copy & paste SVG code into Sketch 短视频

将SVG代码复制并粘贴到Sketch中
Image of #SketchTip - Add halfway points by pressing Shift 短视频

#Sketch小技巧 - 按住Shift键添加中点
Image of How ChibiStudio helps anime fans express their creativity 客户故事

ChibiStudio如何帮助动漫迷表达他们的创造力
Image of Talking Layers with Sebastiaan de With (Halide/Kino) — Episode 1 视频

与Sebastiaan de With (Halide/Kino) 的 Talking Layers — 第一集
Image of Introducing Symbols 教程

符号介绍
Image of Updating Libraries 课程

更新库
Image of What does it feel like to win an ADA? — Talking Layers with Devin Davies 短片

赢得ADA是什么感觉？— 与Devin Davies的“Talking Layers”节目
Image of How Walkbox ignites Portuguese wanderlust for tourists and locals 客户故事

Walkbox如何激发葡萄牙游客和当地人的漫游欲望
Image of Layer basics 课程

图层基础
Image of Meet the Maker: Matthew Skiles 客户故事

创作者访谈：Matthew Skiles
Image of 28 More Sketch Improvements You Might Have Missed 视频

您可能错过的28个Sketch改进
Image of How to incorporate Symbols into your Sketch workflow 指南

如何将Symbols融入您的Sketch工作流程
Image of How to master one-layer designs 指南

如何掌握单层设计
Image of #SketchTip — Toggle fills and borders by pressing F and B 短片

#Sketch技巧 — 按F和B切换填充和边框
Image of #SketchTips — Preparing your app icon for tinting in iOS 18 短片

#Sketch技巧 — 准备您的应用程序图标，以便在iOS 18中着色
Image of Command Bar tips and tricks — Jump to Inspector fields 短片

Command Bar 技巧 — 跳转到检查器字段
Image of Use a simple background blur to make a complex gradient 短片

使用简单的背景模糊来创建复杂的渐变
Image of Why user experience research is so important — and how to do it 指南

为什么用户体验研究如此重要 — 以及如何进行
Image of Introducing Prototyping 教程

Prototyping介绍
Image of Resumé Template 模板

简历模板
Image of Meet the Maker: Lucas Haas 客户故事

创作者访谈：Lucas Haas
Image of Creating, saving, and managing documents 课程

创建、保存和管理文档
Image of #SketchTip - Link prototypes across pages 短片

#Sketch技巧 - 跨页面链接原型
Image of Create a press interaction in your prototype 短片

在您的原型中创建一个按压交互
Image of macOS Design Templates 模板

macOS 设计模板
Image of Google Material Design Templates 模板

Google Material Design 模板
Image of Windows Design Templates 模板

Windows 设计模板
Image of App Store Screenshots Templates 模板

App Store 屏幕截图模板
Image of Icon Templates 模板

图标模板
Image of Sketch Cheat Sheet Shortcut Wallpaper 模板

Sketch 快捷键壁纸
Image of Design Portfolio Templates 模板

设计作品集模板
Image of Kanban Board 模板

看板
Image of Business Card Templates 模板

名片模板
Image of Social Media Cover Templates 模板

社交媒体封面模板
Image of Design Portfolio #2 Templates 模板

设计作品集 #2 模板
Image of Product Mockups 模板

产品模型
Image of Masonry Photo Collage 模板

砌体照片拼贴
Image of Hexagon Photo Collage 模板

六边形照片拼贴
Image of Quotes Collection 模板

语录集
Image of Pitch Deck Presentation Templates 模板

演示幻灯片模板
Image of Bold Pitch Deck Presentation Templates 模板

大胆的演示文稿模板
Image of Resumé Template 模板

简历模板
Image of Apple Design Resources 设计套件

Apple 设计资源
Image of Annotation & Flow 设计套件

注释 & 流程
Image of Microsoft Fluent Design UI Kit 设计套件

Microsoft Fluent Design UI Kit
Image of Payment Method Libraries 设计工具包

支付方式库
Image of Widgets UI Library 设计工具包

小部件 UI 库
Image of Dieter Rams Color Palette 设计工具包

迪特·拉姆斯调色板
Image of Country Flag Library 设计工具包

国旗库
Image of Cursors & Gestures 设计套件

光标 & 手势
Image of Payment Methods 设计工具包

支付方式
Image of Welcome to Sketch 教程

欢迎使用 Sketch
Image of Introducing Smart Layout (Part 1) 教程

智能布局介绍（第一部分）
Image of Introducing Smart Layout (Part 2) 教程

智能布局介绍（第二部分）
Image of Introducing Symbols 教程

符号介绍
Image of Introducing Prototyping 教程

Prototyping介绍
Image of Talking Layers with Ryan McLeod (Blackbox) — Episode 3 视频

与 Ryan McLeod (Blackbox) 聊图层 — 第 3 集
Image of Talking Layers with Devin Davies (Crouton) — Episode 2 视频

与 Devin Davies (Crouton) 聊图层 — 第 2 集
Image of New in Sketch: Smart Animate, Library replacements, new web UI, better developer handoff — and more! 视频

Sketch 新功能：智能动画、图库替换、全新 Web 界面、更好的开发者交接等等！
Image of Talking Layers with Sebastiaan de With (Halide/Kino) — Episode 1 视频

与Sebastiaan de With (Halide/Kino) 的 Talking Layers — 第一集
Image of New Prototyping Triggers in Sketch 视频

Sketch 中的新原型触发器
Image of Sketch 100: More than just a number 视频

Sketch 100：不仅仅是一个数字
Image of Five Command Bar tips to work faster 视频

五个让工作更快的命令栏技巧
Image of New Scroll Groups in Sketch 视频

Sketch 中的新滚动组
Image of Sketch Myth #4 — Is Sketch good for devs on Windows? 视频

Sketch 误解 #4 — Sketch 适合 Windows 上的开发者吗？
Image of Sketch Myth #3 — Viewers can see all my changes? 视频

Sketch 误解 #3 — 浏览者能看到我所有的更改吗？
Image of Sketch Myth #2 — I need a subscription now? 视频

Sketch 误解 #2 — 我现在需要订阅吗？
Image of Sketch Myth #1 — No Realtime Collaboration? 视频

Sketch 误解 #1 — 没有实时协作？
Image of Taking Smart Layout Beyond Symbols 视频

超越符号的智能布局
Image of New in Sketch: View documents on your iPhone & iPad 视频

Sketch新功能：在iPhone和iPad上查看文档
Image of New in Sketch: Selection Improvements (2023) 视频

Sketch 新功能：选择改进 (2023)
Image of A Tour of Smart Layout in Groups 视频

智能布局分组导览
Image of 28 More Sketch Improvements You Might Have Missed 视频

您可能错过的28个Sketch改进

所有视频
Image of Sketch in 2024 短片

Sketch 2024 年展望
Image of Talking bubbles with Ryan and Rafa 短片

Ryan 和 Rafa 聊气泡
Image of What does it feel like to win two ADAs? 短片

赢得两项 ADA 大奖是什么感觉？
Image of Use a simple background blur to make a complex gradient 短片

使用简单的背景模糊来创建复杂的渐变
Image of #SketchTip - Control gradients on the Canvas 短视频

#Sketch小技巧 - 控制画布上的渐变
Image of #SketchTip - Link prototypes across pages 短片

#Sketch技巧 - 跨页面链接原型
Image of Command Bar tips and tricks — Jump to Inspector fields 短片

Command Bar 技巧 — 跳转到检查器字段
Image of Talking Layers with Devin Davies (Crouton) — Episode 2 短片

与 Devin Davies (Crouton) 聊图层 — 第 2 集
Image of #SketchTip — Toggle fills and borders by pressing F and B 短片

#Sketch技巧 — 按F和B切换填充和边框
Image of #SketchTip - Add halfway points by pressing Shift 短视频

#Sketch小技巧 - 按住Shift键添加中点
Image of #SketchTips — Preparing your app icon for tinting in iOS 18 短片

#Sketch技巧 — 准备您的应用程序图标，以便在iOS 18中着色
Image of Talking layers with Sebastiaan de With — Using the force! 短片

与 Sebastiaan de With 聊图层 — 使用原力！
Image of How to make a full-screen scrolling Map prototype 短视频

如何制作全屏滚动地图原型
Image of Create a press interaction in your prototype 短片

在您的原型中创建一个按压交互
Image of Copy & paste SVG code into Sketch 短视频

将SVG代码复制并粘贴到Sketch中
Image of What does it feel like to win an ADA? — Talking Layers with Devin Davies 短片

赢得ADA是什么感觉？— 与Devin Davies的“Talking Layers”节目

所有短片
Image of How Gentler Streak brings kindness to fitness 客户案例

Gentler Streak 如何将友善带入健身领域
Image of How Darkroom is building the next-generation of mobile first photography tools 客户案例

Darkroom 如何构建下一代移动优先摄影工具
Image of How Casey Liss and Ben McCarthy made Callsheet a go-to for movie fans 客户故事

Casey Liss 和 Ben McCarthy 如何让 Callsheet 成为电影迷的首选
Image of Aeon Studio: using Sketch to delight clients through design 客户故事

Aeon Studio：使用 Sketch 通过设计来取悦客户
Image of How Tripsy is building the perfect travel companion 客户故事

Tripsy如何打造完美的旅行伴侣
Image of Meet the Maker: Andrey Prokopenko 客户故事

创作者访谈：Andrey Prokopenko
Image of Meet the Maker: Matthew Skiles 客户故事

创作者访谈：Matthew Skiles
Image of Meet the Maker: Duncan Horne 客户故事

认识创作者：Duncan Horne
Image of Meet the Maker: Lucas Haas 客户故事

创作者访谈：Lucas Haas
Image of Meet the Maker: Volodymyr Kondriianenko 客户故事

创作者访谈：Volodymyr Kondriianenko
Image of How Forrest put a twist on fitness tracking — then did it all over again 客户故事

Forrest 如何对健身追踪进行创新 —— 然后再次创新
Image of How ChibiStudio helps anime fans express their creativity 客户故事

ChibiStudio如何帮助动漫迷表达他们的创造力
Image of How Letterboxd used Sketch to design a home for cinephiles 客户故事

Letterboxd 如何使用 Sketch 为影迷设计家园
Image of How Walkbox ignites Portuguese wanderlust for tourists and locals 客户故事

Walkbox如何激发葡萄牙游客和当地人的漫游欲望
Image of How 8-year-old Daikichi designs his own pictograms in Sketch 客户故事

8岁的Daikichi如何在Sketch中设计自己的象形图
Image of A close look at award-winning designer Dmitry Novikov’s career 客户案例

仔细研究屡获殊荣的设计师 Dmitry Novikov 的职业生涯

所有客户案例
Image of Oh no, I need to design a tinted iOS 18 app icon — how to do it right 指南

糟了，我需要设计一个带色彩的 iOS 18 应用图标 — 如何正确地做到这一点
Image of Prototyping in Sketch: Everything you need to know 指南

在 Sketch 中制作原型：你需要知道的一切
Image of A beginner’s guide to icon design in Sketch 指南

Sketch 图标设计初学者指南
Image of How to create depth in Sketch 指南

如何在 Sketch 中创建深度
Image of How to organize and maintain design systems in Sketch 指南

如何在 Sketch 中组织和维护设计系统
Image of How to build a component Library in Sketch 指南

如何在 Sketch 中构建组件库
Image of Benefits of working with Symbols in Sketch 指南

在Sketch中使用符号的优势
Image of How to organize your Sketch Workspace with Projects and Collections 指南

如何使用项目和集合整理您的 Sketch 工作区
Image of How to incorporate Symbols into your Sketch workflow 指南

如何将Symbols融入您的Sketch工作流程
Image of How to build a design system in Sketch 指南

如何在 Sketch 中构建设计系统
Image of 6 tips for creating your presentations in Sketch 指南

在 Sketch 中创建演示文稿的 6 个技巧
Image of Every blend mode explained 指南

每个混合模式的解释
Image of The best keyboard shortcuts to get started with Sketch 指南

开始使用Sketch的最佳键盘快捷键
Image of Introduction to typography — what it is, and how to get it right 指南

字体排印入门 — 它是什么，以及如何正确使用
Image of Why user experience research is so important — and how to do it 指南

为什么用户体验研究如此重要 — 以及如何进行
Image of How to master one-layer designs 指南

如何掌握单层设计
Image of Libraries, an in-depth look 指南

图库，深入了解
Image of How to make an album cover 指南

如何制作专辑封面
Image of 3 mindsets to level up your design portfolio game 指南

提升设计作品集的 3 种思维模式
Image of How to create a realistic peeling sticker effect in Sketch 指南

如何在 Sketch 中创建逼真的剥离贴纸效果

所有指南
Image of Supercharge your designs: Sketch 102 (Full playlist)

增强您的设计：Sketch 102（完整播放列表）
Image of Course for beginners: Sketch 101 (Full playlist)

初学者课程：Sketch 101（完整播放列表）
Image of Color Variables 课程

颜色变量
Image of Text and Layer Styles 课程

文本和图层样式
Image of Creating and editing Symbols 课程

创建和编辑符号
Image of Overrides 课程

覆盖
Image of Artboard templates 课程

画板模板
Image of Creating and sharing Libraries 课程

创建和共享图库
Image of Updating Libraries 课程

更新库
Image of Adding interactions 课程

添加交互
Image of Creating Overlays 课程

创建叠加
Image of Advanced interactions 课程

高级交互
Image of Scrolling Artboards 课程

滚动画板
Image of Scroll areas 课程

滚动区域
Image of Previewing prototypes 课程

预览原型
Image of What is developer handoff? 课程

什么是开发者交付？
Image of Developer handoff with Sketch 课程

使用 Sketch 进行开发者交接
Image of What is Sketch? 课程

什么是 Sketch？
Image of Getting set up 课程

开始设置
Image of The Interface 课程

界面
Image of Creating, saving, and managing documents 课程

创建、保存和管理文档
Image of Layer basics 课程

图层基础
Image of Vector Editing 课程

矢量编辑
Image of Making icons with Boolean operations 课程

使用布尔运算制作图标
Image of Masking layers 课程

遮罩图层
Image of Working with text 课程

处理文本
Image of Styling layers 课程

样式图层
Image of Exporting in the Mac app 课程

在Mac应用程序中导出
Image of Sharing and real-time collaboration 课程

共享和实时协作
Image of Viewing documents in the web app 课程

在 Web 应用程序中查看文档
Image of Organizing your Workspace 课程

整理您的工作区

A sticker illustration

立即开始创作
免费！

无论您是 Sketch 新手还是回来看看有什么新功能，我们都会让您在几分钟内完成设置并准备好完成您的最佳作品。

免费开始