有沒有 Sketch 相關的教程或者素材下載？
剛開始學習使用 Sketch，看到大家的設計稿覺得非常好看。
不知道比如安卓的按鈕或者 actionbar 的樣式這樣的控制項是否有現成的素材庫可以下載後放到 Sketch 使用？不知道大家的整個設計稿都是自己完全畫出來的嗎，有沒有什麼技巧或者訣竅。
—— 2014.5.14 update ——去年夏天開始用Sketch，覺得它放Dock里閃亮亮的很好看，當時笑稱是男盆友送我的第一顆小鑽石噗哈哈。所以那段時間幾乎刷遍了所有關於 Sketch 的網站、文章、教程，之後又在自學設計，因為想和更多的人分享 Sketch， 所以用 Sketch 和 Adobe Muse做了這個 Sketch中文網 ，之前新增了 Sketch中文社區 ，歡迎來提問、探討和分享喵～
之前在社區里有朋友問如何自學 Sketch，正好搬過來希望我的經歷能夠幫到大家：
Sketch 是非常好上手的設計軟體，比起花在 PS 和 AI 上的時間，學 Sketch 性價比真的是高太多~讓所有對設計感興趣的人，輕鬆上手然後用心去鑽研設計本身，而不是設置很高的門檻要先啃掉一個巨型工具。值得注意，Sketch 非常適合現在扁平化的設計，做網頁和移動端的設計絕對是高效利器。雖然能實現各種 shadow，各種 blur，但並不適用創作逼真擬物的效果，也不是用來編輯點陣圖的工具，要P圖還是得 PS 的。—— 自學 Sketch ——step 1 這是Sketch 的開發者 Pieter Omvlee 發布的幾個簡單教學視頻，看完它，建立基本的了解。https://www.youtube.com/user/pieteromvleestep 2 一字不拉的看完 Sketch 3 中文用戶手冊 ，對照著將裡面提到的所有功能擺弄一番。不要偷懶了，這是最簡單粗暴的學習方法，而且最多花掉20個小時的時間，我計算過。在 Sketch 里所有概念都很容易理解，圖層啊蒙版啊，你會發現原來是這麼簡單的一回事，
裡面各種工具都並不重型，但絕對滿足需求，而且 Sketch 所有操作方式都太人性了，異常順手。step 3 去研究別人的 Sketch 文件，下載一下免費的 Sketch 資源，看看人家的文件，是怎麼管理圖層，怎麼使用一些工具，怎麼實現一些效果，你會受益良多。sketchappsources.com 超過400個免費的 Sketch資源下載，模板、設備、圖標，非常全面sketchmine.co一位法國設計師收集的Sketch 資源，分類清晰，他同時提供收費的移動App設計課程
Teehan+Lax - Defining Experience
大名鼎鼎的 Teenhan+lax 創作的iOS 7 GUI 套件
Sketch Gems - Premium Design Files for Sketch
一個用 Sketch 創作UI 套件和圖標的團隊網站，部分免費
BrilliantSketch
Dribbble 上一位印尼設計師的作品，有資源，有技巧
step 4好了，開始自己做點東西吧如果完全沒有頭緒，我建議你先從小小的東西開始，比如畫一個圖標，畫一個簡單的app頁面，你可以自己創作，也可以模仿出色的作品，研究每個效果是如何實現的。SketchActive 這裡360個圖標，也就是我做完上面說的這三件事開始畫的，仔細看，其實 iOS 7 的沒有技術含量，因為完全是照著畫的，而第二套 Businese 的其實挺丑的，圖標大小不統一，風格不統一，處理的很粗糙，我現在都不好意思拿出來 &> &< 但是從 Sweet，coffee tea 那套開始我找到感覺了，之前用戶手冊里還有些不太理解的東西當時也都完全明了了，開始把自己的想法傾注在作品中。再後面的幾套就已經可以玩一樣的很熟練很高效的使用 Sketch了。
step 5有了一些實戰經驗，我們再來補充一些理論知識，有一些很棒的設計師博客，他們分享了各種技巧，幫助你去master Sketch。用Sketch來設計 Sketch 3 的新功能http://sketchtips.tumblr.com/Sketch 的開發團隊 Bohemian Coding 在tumblr 上維護的技巧博客https://medium.com/sketch-appMedium 上關於 Sketch 的collectionDesign+code: Learn iOS design and Xcode一位很棒的 UI 設計師 Meng To 創作的學慣用Sketch做設計+用Xcode編程的書
SketchCasts一個葡萄牙設計團隊創作的 Sketch 教學視頻，每周更新，需付費觀看sketchplugins/plugin-directory · GitHub
Github上由 Bomber Studios製作的一系列插件，幫助你更高效的使用Sketch。
Sketch 插件大集合（2014.6.4 Update）
Github 上由 shahruz 製作的一個叫 Sketch Toolbox 的 Mac 應用，集合了目前絕大多數的 Sketch 插件，在裡面可以一鍵安裝和使用。做任何事情都一樣，持續的觀察，持續的學習，持續的創作，我們都會驚訝於自己的進步的～p.s 如果你好奇我是怎麼自學設計的，戳這裡看看 我的自學路徑 ~用了一段時間，覺得 Sketch 的上手難度比 Photoshop 要小很多，功能和操作也很好理解，對於設計 UI 和原型更有針對性，加上此次新增的多個功能，熟練之後出圖的效率會大大提升。
不過相比 Photoshop，Sketch 能找到的素材要少一些，下面是最近一段時間積累下來的資源，分享給大家。
0. Sketch 官網
1. Sketch 3 介紹
- Sketch 3 features
- What is new in Sketch 3
2. Sketch 入門
- Learn Sketch 3
- 用 Sketch 來設計
- Sketch中文網
- Learn-Sketch.com
- 初識Sketch：設計師的工具箱( Sketch 2 )
- Sketch中文手冊( Sketch 2 )
- Harnessing Vector Awesomeness in Sketch
3. Sketch 資源：
- Sketch Community Resources
- Sketch APP SOURCES
- Wireframe UI kit for .sketch ( 線框圖 )
- Teehan+Lax iPhone GUI for Sketch (iOS7)
- SKETCHMINE ( .sketch 源文件下載 )
- Sketch Android Kit
- Sketch Foundation Kit
- Fully Scaleable Apple iOS Devices for Sketch.app( iOS 設備的 .sketch 源文件下載 )
4. Sketch 插件
- Sketch mobile assets
- SketchTool
5. Sketch 教程
- Sketch Tutorial_01
- How to Create a Calendar Icon Using Bohemian Coding Sketch : Medialoot
- How to create a flat styled icon in Sketch 3
- How To Make Long Shadow Effect With Sketch
- How To Wireframe An iPhone App In Sketch
@匡雪婷 給的已經很充足了，我也挑幾個補充一下。
1. Awesome Sketch Plugins 這裡有一些很有用的插件。推薦兩個吧，一個是Measure；一個是Content generator 。提高效率百倍，誰用誰知道：）
2. Using Sketch 3 Like a Boss 這裡有Sketch的學習路徑，如果你不知道怎麼入門提高的話；
3. Twitter上一些用戶像 @MengTo，他們會時不時地發一些Sketch相關的新聞或者資源，可以多多關注。
P.S. 今年WWDC有Sketch的meeting，希望有好消息帶給大家吧= =教程類：
SKETCH設計教室！從零開始學APP設計利器SKETCH（一）-UI中國SKETCH設計教室！從零開始學APP設計利器SKETCH（二）-UI中國APP設計利器Sketch教程(03)-讓插件助你一臂之力-UI中國APP設計利器Sketch教程(04)-鋼筆與路徑-UI中國sketch鑽石黨：簡單粗暴的sketch入門以及廉價正版獲取方法-UI中國sketch鑽石黨：畫一個簡單的水滴-UI中國sketch鑽石黨原創教程：繪製寫實風格的一杯綠茶-UI中國從零開始做UI-靜電的sketch設計教室（視頻版）01-UI中國從零開始做UI-靜電的sketch設計教室（視頻版）02-UI中國靜電的設計教室（視頻版）03-自定義sketch設計界面-UI中國
靜電的設計教室（視頻版）04-基本圖形工具：直線與箭頭-UI中國靜電的設計教室靜電的設計教室:鋼筆和路徑靜電設計教室:插件助你一臂之力靜電的設計教室:熟悉新朋友-APP設計利器Sketch教程(02)-UI中國素材類Sketch素材 - Sketch中國Sketch Repo - Free, high quality Sketch resourcesSketch中文網http://www.sketchapp.com/resources/Sketch - UIQ.me 設計問答互動社區http://sketchcn.com
強烈建議訂閱各個設計網站尤其sketch相關的newsletter!
尤其是這個 https://designcode.io/learn
然後記得安裝Sketch Toolbox! Plugin 效率加n倍....
-
大家說的很全了，我補充點最近的吧，基本也是newsletter里的~
- 資源
iOS Device
Robbie PearceMaterial UI
http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components可以研究下Inbox的設計
Design Details: Inbox by GoogleSketch Tips
Top tips for Sketch跟兩個畫logo的教程自己看技巧
Sketch Tutorial_01http://blog.helftone.com/monodraw-birth-app-icon/- 知識
前幾章有很多設計知識，買買買！
https://designcode.io/Bezier curve小知識
Mastering the Bézier Curve in SketchBezier Curves and Type Design各種掌握Bezier的小遊戲
The Bezier GameShape Type Game顏色小遊戲RGB Challenge-
自學設計倆月了，感謝 @李芳彬推薦這個好用到哭泣的軟體！
看了 @匡雪婷 的自學歷程，炒雞佩服！匡雪婷 Aegean K 裡面也有好多資源~最後，練習！練習！練習！嗯
我利用平時的時間做了一本《Sketch3中文手冊》，可以在UIweek官網上下載到
只用圓形就可以畫這個核心系統分層展示圖
如果你是一個Android 或者iOS 工程師，看過UX人員的坑爹設計， 強烈推薦LevelUpTuts 上的Sketch 3 視頻 Sketch 3 Tutorials （host 在youtube 上）， 真正的3小時包教包會， 半個下午的時間， 就可以Clone 一個Android 或者iOS app的設計圖出來。士別三個小時就能讓你身邊的小夥伴當刮目相看，儼然變身(假裝)mobile UI達人。
在sketchappsources.com 網站上可以找到各種iOS 和Android 設計模板， 做Actionbar 拖拽一下就ok。sketch3.0功能上有了較大的完善 可以製作大部分的UI設計
教程的話 個人推薦UI中國的sketch3的中文手冊 下載地址UIweek其他的話樓上都說到了 我再補充兩個輔助神器：
神助攻Hype3.0 軟體分為免費和內購版 作為專業的設計師你 一定要花錢買內購版哦
- 多種埠都可以以web形式直接訪問 可導出視頻或者GIF
- 軟體小巧 界面簡潔 上手非常簡單
- 不用代碼就可以創建html5的網頁和動畫
- 原生3.0支持中文版
以上
- 只支持ios手機系統 安卓是不支持的 安卓手機用戶還是使用PS play
- 設計稿沒辦法在手機上保存
- 鏈接的方式可以通過wifi數據線連接兩種方式 數據線有時候並不是很穩定 容易中斷 wifi鏈接的話必須保證在同一網路內 如果是多台電腦運行sketch 會傻傻分不清楚的
http://sketch.im 強烈推薦
我在花瓣上以截圖的形式記錄了我能找到的關於sketch的一切資源，有原文件下載，也有和sketch配合的第三方APP，也有開發者的教程等等，國內國外資源都有。畫板地址：sketch3 3 UI 資源下載(44圖)_@morecrazy收集
簡單入門的sketch課程（一）形狀工具_數碼_科技_bilibili_嗶哩嗶哩
最近剛剛在 b站更新sketch教程，裡面該說的不該說的應該都在持續更新，如果感興趣就來看看吧，反正也是免費的，但是要說的是這個軟體更新實在是太快了。所以不保證你能看到的時候是什麼個狀況，答題的時間按照現在的時間為準，版本是46！持續更新中。。如果能給點轉發彈幕啥的，我也更有動力了
A step by step guide to using Sketch
https://designcode.io/產品設計師常用網站 · Cellier
素材嘛，只要 http://iosdesignkit.io/ 就夠了，涵蓋各個垂直業務的模板都有，最可貴的是同出一套設計規範，且是最正派最原生的那種
在此回答主要是想問有沒有想一起買這套的...99美刀，略心疼 T T