對很多做設計或產品的小伙伴們來說，Sketch應該不會陌生。它是一款由Bohemian Coding團隊一手打造的矢量繪圖應用軟體，最初發佈於2010年，後在2012年榮獲Apple公司ADA設計獎項。從產品開發及功能側重點來講，很多人會認為Sketch是專為UI設計師打造、擅長也只能用於UI設計， ...
對很多做設計或產品的小伙伴們來說，Sketch應該不會陌生。它是一款由Bohemian Coding團隊一手打造的矢量繪圖應用軟體，最初發佈於2010年，後在2012年榮獲Apple公司ADA設計獎項。從產品開發及功能側重點來講，很多人會認為Sketch是專為UI設計師打造、擅長也只能用於UI設計，比如：圖形拼接、文字渲染、樣式鏈接等等。
毫無疑問，像Sketch、Photoshop、Illustrator這類矢量繪圖工具，是進行網頁、圖標以及界面設計的最好方式。不同的是，Sketch也可以用於製作精緻的交互原型，雖然相對於其它原型設計工具來講會有不足，但也不乏亮點之處。下麵將具體介紹Sketch原型製作，其中包括小編重點推薦的一些功能，幫助你更好、更快地完成原型設計。
一、如何使用Sketch做原型？
Sketch是在最近幾年火起來的，且逐漸成為設計師、產品經理等互聯網從業人員的新寵。究其原因還是在於，它提供強大且全面的功能支持，讓產品設計有“顏”有“料”。
1. 設計模板
Sketch自帶有超過2000套模板，其中包括網頁、iOS、線框圖、原型等項目的現成模板，可以免費下載和使用，省去了從網上各種非正規渠道找資源的麻煩。每個模板中包含了各類常用的控制項，如ios中的狀態欄、導航欄、鍵盤等，省事而且精緻。如果對這些控制項的製作過程進行拆解，也能給我們提供更多的設計靈感和思路。
除Sketch外，其它工具還提供有關於“社交”、“購物”、“新聞閱讀”等不同應用分類的完整項目模板，其中Mockplus還支持將模板頁面直接拖用軟體，進行設計。
2. 組件復用
在Sketch自帶的模板（即組件形式）基礎上，可以選擇創建一個新文件為模板，然後根據具體情況，將需要的控制項進行複製使用。此外，還可以選擇自己創建模板，同時靈活地進行維護，使用在不同的項目中。這點其實類似於Mockplus母版功能，能幫助在多個頁面和畫板中重覆運用組件、模板內容。即拖即用，方便快捷。
3. 原型文件維護
需要註意的是，無論是Sketch的“組件”還是“文本樣式”，它們都被保存在某一文件中，而不能在不同文件中共用。因此，需要以1個頁面呈現1個版本的原型內容，或者以1個畫板呈現1個功能點模塊點原型內容，這兩種方式來維護Sketch原型文件。
二、如何使用Sketch做交互和團隊協作？
Sketch支持以畫板為單位進行導出，但導出的設計多為圖片、PDF等格式，需要藉助三方插件進行後期的交互設置。而Mockplus最新推出的3.2版本，便能無縫對接從Sketch導出的文件，在交互、團隊協作及邏輯展示等方面加油助力。
1. Sketch直接導出MP文件
Mockplus支持將Sketch的設計文檔，導出為Mockplus的MP項目文件。導出後，可直接在Mockplus中打開、編輯。多種交互設置方式（組件交互、頁鏈接、交互狀態），高度可視化的交互設計，高度封裝的智能交互組件，交互命令一鍵自動還原等功能，絕對獨家所有、簡潔高效。
2. 支持發佈為Mockplus團隊項目
同時，Mockplus支持將Sketch的文檔發佈為Mockplus的雲項目，支持多人協作、實時審閱，提升開發團隊的生產力，大大降低溝通交流成本。其中，可以在原型頁面上發表評論，同時使用箭頭、文字、矩形、畫筆等多種工具在頁面的任意位置進行標註、說明，交流很明白。
3. 可插入新Sketch頁面
在Mockplus團隊項目中，可插入Sketch頁面。每個畫板可以作為單獨的頁面，進行導入。
4.更多誠意滿滿功能
除此以外，Mockplus 還支持腦圖、頁面流程圖兩種設計模式，自由切換、即時生成。可以快速完成項目的所有頁面架構，同時能直觀地看到每個頁面多內容展示和功能流程，讓你的設計有邏輯、更流暢。同時，類似於Axure的中繼器的Repeater功能，能幫助快速製作重覆的佈局，新增的定時器組件，能實現頁面自動切換，每個頁面能自動編號，且根據需要進行單獨頁面的隱藏，都絕對是產品經理及設計師的一大福利。
三、寫在後面的話
毫無疑問，Sketch非常適用於製作視覺效果圖，但如果是帶有交互、支持團隊協作且能展示邏輯流程的原型項目，那你可以試試Mockplus即將推出的Sketch三方插件工具，一鍵導出Sketch畫板、上傳到雲項目，精緻的交互原型即刻在手！
