在產品開發過程中，最常用的展現構思的方式一般來說是紙筆原型，最簡單也最迅速，寥寥一畫，一個大致的線框圖就呈現出來了。但是如果想要把線框圖表現得更完美，你還是有很多工作要做噠~YouTube上一位大牛在他的視頻里展示了一套完整網絡郵件服務的紙質原型線框圖。由兩個人合作完成按鈕點擊和網頁跳轉的展示，看起來邏輯思路都很清晰完整，但是對于當下的快節奏工作環境，制作和展示這樣一套完整的原型還是頗為耗費時間。有網友問展示這套設計排練了多久，也有人擔心紙片片的順序被打亂，或者文件容易缺失的問題。
相較于這種傳統的操作方式，更高級一點的就是借助于各種線框、原型設計工具。也看到網上有很多關于這類工具的介紹或者總結，爆炸式的陳列出大把大把的工具，但是，你真的會用嗎？授人以魚不如授人以漁。所以，這里總結了一些常見原型工具的使用教程，希望對你有用。
線框圖工具-Balsamiq
這款工具據說是首創了手繪風格。界面和操作都比較簡單，只需拖出控件，調整屬性就可以快速的繪制低保真的線框圖，手繪風格也很討巧。網站上很貼心的在首頁展示了一個3分鐘的短視頻，讓用戶即看即學。更多更詳細的使用教程YouTube上也不少，比如這個2013年11月份制作的Balsamiq Tutorial，達到了65K+的觀看量。
交互式原型設計工具-Mockplus
?
Mockplus是一款非常簡單易學的交互式原型工具，特有的鏈接點，讓你輕松的在拖拽之間迅速完成組件、頁面交互，非常直觀。中文教程：10分鐘教學視頻，即學即用，快速上手。國外的童鞋也能在YouTube上搜到很多Mockplus的教學視頻，短短幾個月的時間，Mockplus的教程已經累積10K+的瀏覽。Mockplus在交互方面的優勢可以從其中一個“30秒制作原型”的視頻中充分體現。
Sketch是一款適用于所有設計師的矢量繪圖應用。矢量繪圖也是目前進行網頁，圖標以及界面設計的最好方式。有經驗的設計師花上幾個小時便能將自己的設計技巧在Sketch中自如運用。如果你沒有使用過Sketch也不要緊，跟著我列出來的教程視頻看下去，你會收獲很多的。中文視頻，請移步這里：Sketch視頻教程專輯。有興趣看更多視頻的同學嗎，可以去YouTube看一下LevelUpTuts家的Sketch App Tutorials - Series Introduction視頻，干貨不少，兩年多的時間有300K+的觀看，相信有不少看過視頻的同學都已經修煉成了大神。
界面演示工具-Invision
InVision并不是一款嚴格意義上的交互設計工具，但它可以幫助設計師和設計團隊更加高效地做原型設計。用戶制作一個在線原型只需要四部：創建一個工程、上傳視覺設計稿、添加鏈接以及生成在線原型，便于和同事、用戶交流，獲取反饋。與此同時，InVision擁有完備的項目管理功能，團隊協作完成原型設計。3分鐘視頻快速了解Invision。同樣，可以去YouTube找到更多詳細的Invision視頻教程。
