Sketch是很多設計師必備的設計工具，但不少人反饋說想要學會Sketch很難。作者是一名Sketch愛好者，曾經也是一名小白，后來學習了大量Sketch的教程視頻，最終已經能夠熟練使用Sketch了。下面就來推薦12個Sketch的最佳教程。

1. Sketch App Tutorials

作者：LevelUpTuts

觀看次數：1,281,378

內容：

這是一個非常全面的Sketch教程系列了，一共25個教程，學完可以立馬上手Sketch。

• Sketch 3概論
• 了解畫板
• 網頁
• 使用Inspector定型形狀
• 使用文本樣式
• 網格和布局
• 對齊和分配
• Sketch 3中的形狀
• 創(chuàng)建和使用符號
• iOS設計UI工具
• Foundation 5 UI Kit
• Bootstrap 3 UI工具包
• 安裝和使用插件
• 動態(tài)按鈕
• 5個非常有用的提示和快捷方式
• 非常有用的提示和快捷方式之二
• 使用Sketch Toolbox進行插件管理
• 使用自由資源擴展草圖
• 如何在Sketch 3中創(chuàng)建動畫GIF
• Sketch 3的4個偉大的畫板插件
• Sketch 3.4新功能
• 設備顯示的本地共享
• 如何輕松制作流程圖 - Sketch 3

2. Intro to Sketch - Beginners guide to Sketch Basics

作者：Jesse Showalter
觀看次數：79,832

主要內容：

在本視頻中，作者介紹了在專業(yè)設計工作中使用Sketch需要了解的所有基礎知識?？赐暌曨l后，你應該就可以能夠下載安裝，開始使用Sketch了。

• 簡要介紹UI
• 畫板
• 設置網格
• 工作敏感
• 頁面 vs 畫板
• 添加形狀
• 詳情面板
• 設置文本樣式
• 使用符號
• 對齊，測量和調整工具
• 插件
• 導出

3. Sketch App Awesomeness - Top 10 Features

作者：Learn UX

觀看次數：53,239

主要內容：

這篇教程主要教大家Sketch最棒、應用最廣泛的十大功能。

• Sketch 10大主要功能

4. Sketch App Course

作者：Learn UX

觀看次數：1,253,343

主要內容：

本系列課程旨在展示Sketch的全部功能，教大家如何充分發(fā)揮功能的作用。有一些課程為理論課程，例如導出圖形；有些課程更加注重實踐，例如實用的UI項目例子。

• 快捷鍵
• 實用技巧技巧
• 導出圖形
• 矢量工具和符號
• 顏色，圖標和排版
• 實用的UI項目例子

5. Sketch Tutorial – Create a web design in Sketch App

作者：Skillthrive

觀看次數：39,202

主要內容：

這篇教程主要是教大家如何一步步在Sketch中創(chuàng)建和設計一個網頁項目，實用性非常高，值得一看。

• 使用混合模式微調顏色
• 使用布爾運算創(chuàng)建自定義形狀
• 創(chuàng)建陰影
• 制作和編輯形狀
• 添加和編輯文本
• 設置并保存調色板

6. Design a Website Landing Page in Sketch

作者：Cody Brown

觀看次數：46,988

主要內容：

在本視頻中，作者介紹了Sketch的一些主要功能。為了詳細地展示制作過程，作者創(chuàng)建了一個虛構的網站登陸頁面，非常具體。

• 插入畫板
• 創(chuàng)建網格
• 構建導航標題
• 創(chuàng)建導航鏈接文本樣式
• 設計一個Hero滑塊
• 使用符號設計內容部分
• 添加Testimonial

7. Sketch App Tutorial – Build a music app landing page in Sketch

作者：Skillthrive

觀看次數：16,158

主要內容：

了解如何在Sketch App中設計音樂應用程序登錄頁面。

• 在Sketch中使用布爾運算
• 創(chuàng)建alpha蒙版
• 構建循環(huán)進度條
• 制作和編輯形狀
• 添加和編輯文本
• 創(chuàng)建透明文本
• 設置和保存漸變
• 使用圖像創(chuàng)建陰影和填充形狀

8. 5 Essential Sketch App Tips • Sketch for Mac Design Tutorial • Design, Process, & Workflow

作者：Jesse Showalter

觀看次數：20,560

主要內容：

這篇教程分享了一些作者日常愛用的Sketch小技巧。以下所有5個技巧都不需要插件，都是Sketch開箱即用的。

• 內陰影線
• 減小文件大小
• 將圖像拖入填充面板
• 使用命令，找到兩點之間的中心
• 嵌套符號

9. Sketch 3 Tutorial | Interacting with Objects

作者：Joseph from LearnSketch.com

觀看次數：13,213 

主要內容：

本教程主要教選擇并與畫布上的對象進行交互。雖然非?；A，但卻是大家很容易忽略的Sketch功能知識點。

• 選擇并與畫布上的對象進行交互

10. Organizing Symbols in Sketch for Mac | Sketch Design Tutorial

作者：Jesse Showalter

觀看次數：12,640

主要內容：

這篇教程主要教如何組織Sketch Library。

• 了解Symbols的工作原理
• 命名和分類Symbols
• 使用插件清理混亂

11. Sketch App UI Design to Android XML Tutorial

作者：Angga Risky

觀看次數：91,585

主要內容：

使用Android Studio將設計頁面轉換為Android XML，來設計移動APP起始頁面。

• 應用設計轉換為Android XML

12. Movie App Design - UI/UX Animations Tutorial with Sketch & Principle

作者：Travis Here

觀看次數：17,300

主要內容：

在本視頻教程中，我們將介紹如何使用Sketch和Principle為電影應用設置動畫！

• 動效設置

其他Sketch資源推薦：

1. Sketch最佳插件

摹客

一款設計協(xié)作工具，深受產品團隊的喜愛。能幫助設計師將設計稿一鍵上傳并生成標注切圖、代碼樣式，以便交付給前端工程師。主要功能有：智能標注、一鍵切圖、多樣批注、交互原型、全貌畫板、團隊管理。實現(xiàn)了從產品到開發(fā)，只要一個文檔。

Content Generator Sketch Plugin

做 Mock up 的時候就再也無需操心占位內容，它可以自動隨機填充男性、女性或者自然風光的圖片。

Sketch Measure

超級智能的幫你在作品上添加圖形尺寸、距離、顏色和文本屬性的附注，方便快捷，而且成品整潔漂亮。

Rename It

幫助你批量的修改圖層名稱，快捷鍵 control + command + R 。

Dynamic buttons

管按鈕內的文本有多長，這個小插件都能讓文本和按鈕保持固定的 padding。

【設計神器推薦】設計協(xié)作，用摹客！100人以下團隊免費使用

摹客，支持Sketch/PS/XD/Axure設計稿交付、自動標注切圖、全流程協(xié)作。助力設計師和產品團隊高效工作！

立即體驗：https://app.mockplus.cn/app