不管是剛剛入行的産品小白，還是久經職場的産品大神，畫原型是每個産品人必不可少的職業技能。本文同樣以一個初入行的産品人的角度，淺析如何形成畫原型的自我方法論。

初入職場，尤其是互聯網職場，不必要在一開始就醉心于人脈的積累以及職位的晉升，因為這不屬于一個新人應該主要考慮的方向。大多數新人都希望把提升自己的業務能力放在首位要素，而作為新人産品，畫原型無疑是基本技能。很多人都覺得畫原型是非常簡單的操作，無非就是擺弄一個控件的位置，然而要總結個畫原型流程，卻說不出各所以然來。重視原型，重視思維在原型上的體現，形成自己的原型方法論，可以大大提高自己的工作效率。

掌握使用路徑，繪制産品流程線框圖

原型又被叫做産品demo，但更主要的是體現想法在思考後體現在産品上的主要功能和交互流程。畫原型之前一定是在腦海中構思了無數次産品使用路徑，所以最好一開始用線框圖理清使用路徑，從宏觀上把握産品的基本架構。思維邏輯能力也往往在這一步得到最大程度的鍛煉。對于流程圖繪制，我給各位新司機們幾點建議：

工具不重要，邏輯最重要

市場上繪制原型的工具一抓一大把，常用的一般有Visio，processon，draw.io等等，推薦processon，不僅使用簡單，對新手友好，關鍵是雲端存儲，不用存儲文檔。但正如小标題所說，工具不重要，關鍵還是是否自己已經走通了産品的使用邏輯，從注冊到登出，從浏覽到編輯，從編輯到預覽，做到心中有數，繪制原型自然能做到通暢無阻。

美觀或許也要放在心上

大部分人做自己的産品都能走通邏輯，卻很少有人能把線框圖畫的美觀，因為對大部分人來說，邏輯自己理清了就行。實際上，

• 流程圖美觀能夠方便以後自己再次看時，能迅速複現當時的思維路徑
• 畫個美觀的流程圖，給其他人講解時也能迅速理解你的思路

說服别人前先說服自己

人做事總是立足于當時。畫流程圖的時候，往往隻關注當時路徑是否是正确的，卻往往忽略某些特殊情況下的特殊處理，因此，畫完流程圖後不要急着說完成，交給别人看之前先檢查一下，試着複現使用場景，注意産品在某些特殊情況下的展現。

某個産品的簡單流程圖

繪制原型：最大程度還原線框圖

原型圖的使用對象是設計師，所以好的原型評價标準是設計師能迅速理解産品框架。目标原型圖應當具有成熟産品的具體功能，并且能解決預設的相關需求。原型圖是産品的核心，是作為産品的部分價值體現，也是一個産品人的基礎技能，我不認同“人人都是産品經理”這個觀點的一個重要依據就是“不是人人都能畫原型”，所以需要重視原型在産品工作中的比重。

都說産品是生孩子，那麼畫原型大概是基因的交流，是未來産品的雛形。産品到了這一步已經到了具體落地的步驟，那麼你需要一定的工具來做這件事。大多數人推薦Axure，作為畫原型的基礎工具，它的作用大概之于office的word一般，但我還是推薦有想法的産品可以試一試墨刀。相比Axure，墨刀在制作交互和成果展示上，有着天生的優勢，盡管Axure能畫出更漂亮，更加高保真的原型。

收集素材，做好準備

正所謂“工欲善其事，必先利其器”，做好準備工作總是沒有錯的。元件就像搭建房屋的磚塊，除了Axure自帶的元件，網上素材往往是一個原型必不可少的組成成分。

（1）元件庫

Axure往往會自帶一部分元件庫，但僅靠自帶的元件庫遠遠不能滿足日常工作的需要，除了網上搜索Axure元件庫出來一大堆元件庫外，我這裡推薦兩個常用的ios規範的元件庫（來自網絡，樂于當搬運工）http:///s/1c21tdhm，希望能起到一丁點作用

（2）Icon素材

為什麼看别的産品畫的原型都那麼好看，那麼豐富，那麼飽滿？你觀察過麼，可能隻是你的原型少了一些icon和顔色的填充。其實icon不僅隻在UI稿中出現，同樣可以出現在你的原型圖中。

① 裝飾填充

加入icon的原型往往更加生動，相比死闆的用框圖繪制的原型更加具有活力，在需求評審時更加便于拉近與技術和設計的距離

② 解釋說明

Icon作為圖形語言，在人機交互中具有重要的作用，但是在原型中最好能配合文字使用，得讓對象知道icon的意思，畢竟原型的使用對象是設計師，産品最終的icon得由設計師設計。

目前網絡上已經有很多icon在線庫可下載，例如easyicon以及阿裡的iconfont等都是不錯的選擇。

阿裡開放的icon平台

優化細節，嚴格根據之前的流程圖步驟繪制原型

按照流程圖的使用路徑繪制原型圖的好處在于能保持邏輯的連貫性，繪制過程一氣呵成，工作效率便能得到極大提升。待框架和基本功能完善後，再去優化細節，針對每個按鈕、每個功能嚴格按照“增查改删算顯傳，異常情況也要盤”的口訣，增加不同情形下的頁面。這樣一個完整的原型圖就大緻完成了。

某頁原型

但需要說明的是，我不是鼓勵各位新司機們畫的原型要足夠好看，也不是鼓勵花足夠的時間做一個完美的原型，而是希望各位在盡量完整表達産品框架的同時，兼顧到原型的可讀性，畢竟設計師們體現在最終産品上的審美也會受原型的影響。

至于一部分人反駁好看的原型會限制設計師的設計想法，那我隻能說，這不是産品的鍋，畢竟專業的人隻做專業的事！

最後，還是希望和各位新老司機們互相學習，多多交流。

以上。

本文由 @Joe_吉 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自 Pexels，基于 CC0 協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部