巴別塔价认，原本是全人類齊心協(xié)力建造的缤底，一座通往天堂的高塔顾患。然而上帝從中作祟，為了阻止人類的計劃个唧，上帝讓分散各地的人類說不同的語言江解，使人類互相之間不能溝通，巴別塔的建造計劃因此失敗坑鱼，人類自此各散東西膘流。

語言是人和人之間互相溝通的最高效的方式之一。產(chǎn)品原型鲁沥，就是產(chǎn)品經(jīng)理對外展示和溝通的語言。一份設(shè)計優(yōu)良的產(chǎn)品原型耕魄，總能夠讓產(chǎn)品團(tuán)隊的成員画恰，清晰的了解到產(chǎn)品經(jīng)理對市場問題的分析，對用戶的思考吸奴，以及最終沉淀下來的產(chǎn)品解決方案允扇。接下來，我將從以下幾個方面對深入說一下则奥。

什么是原型

原型是產(chǎn)品經(jīng)理人員將文字化的需求轉(zhuǎn)換成圖形稿考润，是設(shè)計方案的表達(dá)，是產(chǎn)品經(jīng)理的重要產(chǎn)出物之一读处，是項目團(tuán)隊參考糊治，評估的重要依據(jù)。它是產(chǎn)品功能與內(nèi)容的示意圖罚舱，是最終產(chǎn)品的雛形井辜。

原型的作用

為什么說好的原型設(shè)計能讓項目事半功倍呢？

原型是產(chǎn)品經(jīng)理對需求分析是否到位的一個復(fù)盤管闷，從原型中粥脚，可以清晰看到產(chǎn)品的流程，檢驗自己的設(shè)計邏輯是否合理包个；

原型的使用對象十分廣刷允，包括需求方，UI，技術(shù)開發(fā)树灶，測試纤怒，能與項目人員達(dá)成共識，讓相關(guān)人員熟悉整個設(shè)計破托，順利進(jìn)入到下一個環(huán)節(jié)肪跋，UI出圖和技術(shù)搭建框架，設(shè)計數(shù)據(jù)庫等土砂。

原型是產(chǎn)品的模型州既，它向我們展示了最終產(chǎn)品的藍(lán)圖。

如何做一個好的原型

原型大家都會做萝映，幾乎每天都會去做吴叶，但是如何做好一個原型呢？好的原型應(yīng)該具備哪些特征呢序臂？以下是我對如何做好原型的一些簡單總結(jié)蚌卤。

1、功能框架劃分明確奥秆、合理

產(chǎn)品由很多功能組成逊彭，如何將這些功能劃分到不同的模塊里面，非彻苟考驗一個產(chǎn)品經(jīng)理對用戶和產(chǎn)品的思考侮叮。同時，功能框架劃分明確悼瘾，也能夠方便產(chǎn)品團(tuán)隊的成員理解產(chǎn)品經(jīng)理的思路和意圖囊榜，和產(chǎn)品經(jīng)理一起更好的完善產(chǎn)品設(shè)計。功能框架的劃分可以參考功能結(jié)構(gòu)圖亥宿，然后轉(zhuǎn)換成頁面的模塊設(shè)計卸勺。如下圖所示：

2、功能流程清晰烫扼、結(jié)構(gòu)完整

清晰地產(chǎn)品流程曙求，能夠幫助用戶快速的了解產(chǎn)品希望解決的問題及解決問題的方式；同時材蛛，也能夠方便梳理產(chǎn)品的功能結(jié)構(gòu)是否完整圆到，是否有遺漏的環(huán)節(jié)。簡單來說卑吭，功能流程清晰芽淡、結(jié)構(gòu)完整的產(chǎn)品原型，能夠幫組用戶快速的了解到“完整”的產(chǎn)品是什么樣的豆赏，在此基礎(chǔ)上挣菲，用戶就能夠更好的理解和思考產(chǎn)品的功能細(xì)節(jié)富稻；如下圖所示：

3、合理的色彩運(yùn)用和交互設(shè)計

產(chǎn)品經(jīng)理通常不具備UI / UE設(shè)計師專業(yè)的設(shè)計能力白胀，黑白灰色調(diào)的低保真產(chǎn)品原型椭赋，既能夠表達(dá)產(chǎn)品經(jīng)理的想法，也能最小限度的影響UI / UE設(shè)計師的工作或杠。但在一些小規(guī)模團(tuán)隊中哪怔，需要產(chǎn)品經(jīng)理設(shè)計色彩明確，圖片豐富向抢，具備交互效果的高保真原型认境。因此，產(chǎn)品經(jīng)理要能夠按照不同的要求挟鸠，在原型設(shè)計中叉信，合理的運(yùn)用色彩和交互設(shè)計，和產(chǎn)品團(tuán)隊一起艘希，快速的推進(jìn)和落地產(chǎn)品硼身，但是切記直接截圖說明。

4覆享、簡單佳遂、規(guī)范和統(tǒng)一的文字說明

雖然產(chǎn)品原型中的圖片、功能和交互能夠很好的表達(dá)產(chǎn)品經(jīng)理的思路和觀點撒顿，但是一些特殊場景下讶迁，簡單的文字說明，能夠讓產(chǎn)品團(tuán)隊成員核蘸，更快、更好的理解產(chǎn)品經(jīng)理的想法啸驯。

（1）簡要說明

原型設(shè)計和需求文檔是一樣的客扎，我們不可能一步到位，一般需要經(jīng)過溝通罚斗、評審慢慢確定最終的原型徙鱼。在這種情況下，我們就需要把每一次的變更都寫入進(jìn)去了针姿，方便項目成員看到每次更新修改的內(nèi)容袱吆，提高工作效率，節(jié)約溝通成本及后期不必要的麻煩距淫。大家可以采取自己喜歡的方式去記錄绞绒，我一般采用變更日記的形式去簡要說明我每次原型修改的地方及理由。這是我工作的一個例子榕暇，如下圖所示：

（2）交互說明

交互說明是對動態(tài)效果的進(jìn)一步補(bǔ)充蓬衡，是原型中不可或缺的內(nèi)容喻杈。邏輯嚴(yán)密，內(nèi)容清晰的交互說明會讓原型看起來更具有可讀性狰晚。例如文字過多如何顯示筒饰？不同狀態(tài)下控件會出現(xiàn)什么效果？……這些都需要產(chǎn)品經(jīng)理在原型中也給出說明壁晒，不然UI設(shè)計中瓷们，會出現(xiàn)一大堆問題。

交互說明可以從以下幾個類型進(jìn)行說明秒咐，如下表所示：

5谬晕、展示頁面流程

頁面流程圖不僅可以看到具體的頁面，還可以看到用戶是如何從一個頁面跳轉(zhuǎn)到另一個頁面反镇。方便前端做頁面跳轉(zhuǎn)時一目了然哪些頁面之間有交換固蚤，提高工作效率，必要時可以結(jié)合表格進(jìn)行相關(guān)說明歹茶。以下是我工作的一個例子夕玩，沒有畫出具體流程：

設(shè)計原型注意項

原型做出來是給大家項目評審用的，方便用戶聯(lián)想最終的產(chǎn)品惊豺。同時也讓讓每個使用者都可以明確自己要做的事情燎孟，不至于模棱兩可。所以在做設(shè)計時尸昧，產(chǎn)品經(jīng)理要盡可能的去規(guī)范原型揩页。

我們還應(yīng)該盡量使用真實、符合邏輯的數(shù)據(jù)烹俗，不然給人們看時爆侣，會造成很大的困惑；

不遺漏特俗狀態(tài)的描述幢妄；

不要為了偷懶兔仰，使用頁面截圖；

不在原型圖上過多的用色彩蕉鸳，但是要體現(xiàn)明暗對比乎赴；

合理進(jìn)行布局，考慮視覺號的效果潮尝，提前和UI溝通榕吼；

一款成功的產(chǎn)品，一定是團(tuán)隊共同努力的結(jié)果勉失，絕不僅僅是產(chǎn)品經(jīng)理一個人的功勞羹蚣。在產(chǎn)品的初期，產(chǎn)品經(jīng)理需要讓團(tuán)隊成員了解到產(chǎn)品做什么戴质，為什么做度宦，以及怎么做踢匣，而產(chǎn)品原型就是最好的溝通語言。因此戈抄，好的原型設(shè)計總能夠讓產(chǎn)品進(jìn)程事半功倍离唬。

最后，我希望和大家一起努力划鸽，為更好地產(chǎn)品输莺，不斷提升我們的語言能力，讓巴別塔的悲劇裸诽，不再重演嫂用。