?激動人心的畫原型環節來咯，不過呢，原型繪制沒有太多的介紹，因為這已經相當于是結果產出了，從前面的需求分析、流程梳理等等過程后，基本上結果都已經八九不離十了，將前面工作結果通過畫圖的方式產出，加上完備的標注，就是原型繪制。
1. 產品原型是什么？
a、產品經理要求線框圖
b、產品落地的關鍵點，是虛擬概念到用戶接觸的節點
c、產品經理產出的關鍵內容，內部交流，給UI、UE參考，還是研發的參考資料
1.1 工具
a、優先紙筆
b、Axure、墨刀、sketch
2. 原型設計的工作流程
2.1 原型設計流程
原型設計流程大致就是上面這個過程，不同團隊可能會多少有些出入，辯證看待。
其實，咱們看這個流程，其實很大一部分都是我們前面重點分大模塊講的東西，比如明確用戶與場景，就是用戶分析、需求分析這兩個大頭；業務流程圖部分就是產品調研和功能設計模塊；頁面流程圖就是前面一篇分享。
原型只是結果，更多的時間應該放到前面的過程。畫原型改原型的時間盡量控制在20%以內，如果原型反復修改，那就說明需求沒有封閉，前面環節的底子沒打好。
2.2 原型設計處于工作流中的位置
a、手繪：當前期工作完成，進入手繪階段，手繪成本最小，改動最快，可理解為打草稿，確定實現方式
b、低保真：當確定基本方案后，產品就產出低保真原型，跟其他的產品和運營同學討論
c、高保真：低保真原型通過后，交由交互設計師產出高保真原型。很多產品新人很喜歡花費大量的時間在原型上，就是想做高保真原型，典型的交互設計師看了想打人系列。
d、UI設計：高保真原型設計完成后由UI設計師進行視覺設計，原型全部流程就大功告成啦，接下來就是研發小哥哥拿著需求文檔開工啦。
其實，并不是每種產品都需要做出高保真原型的，每種產品都有其產品核心價值，例如崇尚效率第一的后臺類產品，設計再好看也無法拯救一個邏輯混亂的后臺系統。所以，其實往往只有前端用戶類產品才會涉及專業的高保真原型，切莫無腦追求狂拽炫酷屌炸天。
3. 原型設計注意點
3.1 手繪優先！軟件隨后
a、產品需求沒有想明白前，產品流程沒有想明白前，沒有手繪草圖前，不要碰Axure！
b、手繪最好是和BOSS過一次，以此作為開始Axure操作的標準
c、工具的話，建議某寶或者拼多多買A4紙，巨便宜
3.2 低保真原型用真實比例和文案
a、真實的比例能夠讓頁面元素更加真實
b、真實模擬更容易發現極端情況，例如文字過多怎么顯示等
c、真實文案避免評審的時候被質疑
3.3 低保真原型注意事項！
a、產品經理負責低保真原型，咱們是打毛坯的，這一點請明確
b、色調：黑、白、藍、灰
c、做得太漂亮不一定會受歡迎，交互設計師和UI會懟你的
d、如果大佬讓你改，做的太漂亮的話改起來成本太高，工作效率低下，你還會有小情緒
3.4 原型服務于需求主題，不要節外生枝
a、原型增加新功能，一定要考慮后端數據來源
b、不要為了“長得好看”而增加新模塊
3.5 最后的話
a、目錄要清晰，頁面流程圖就是貢獻目錄的，沒有頁面流程圖就直接編號
b、要有版本意識，有修改記錄就一定要寫下來，作好記錄。并且重新存為新文件（別覆蓋），命名用版本，這樣每個版本都能夠很完整地保存
最后的最后，原型這個東西，前面都反復說了，是結果的展示，希望大家把更多的精力都集中用在前面的過程，讓你的過程更能夠支撐你產出的結果。至于怎么畫圖，現在網上學習資源數不勝數，產品經理的學習能力可得過關喲，以前我看過小樓的Axure視頻，基本上能讓你玩轉Axure了，加油吧！
想要更多干貨分享就快來關注我的個人公眾號吧??！
花名：饅頭
個人公眾號：我是饅頭
座右銘：博學之，審問之，慎思之，明辨之，篤行之
