最近5G沖浪的時候，我常常會接觸到這樣一些問題筹燕，例如“該不該畫高保真的原型圖”轧飞、“有必要把原型做成demo的形式嗎？”“產(chǎn)品經(jīng)理不寫PRD撒踪，只畫原型合適嗎过咬？”
那當(dāng)然不合適啦！? ? Emmmmm? 私以為制妄，這些想法也許都還有那么點欠妥掸绞！
畫原型的目的是什么
尤其是對很多PM萌新來說，這樣的內(nèi)容可能會給大家在初識這個事物的時候帶來一些困擾耕捞，于是在一開始就不太確定衔掸，自己到底需要產(chǎn)出一個怎樣的成果。
就比如說我俺抽，當(dāng)初實習(xí)的時候敞映，就是因為看了很多高保真的案例，而試圖繪制同樣一個高保真的原型磷斧。但現(xiàn)在回過頭去看振愿，才覺得自己在實現(xiàn)頁面和交互的時候著實消耗了太多時間诗芜，反而忽視了產(chǎn)品本身的業(yè)務(wù)需求和功能邏輯。
為了論證這個觀點埃疫，我忍不住翻開了塵封多年的教材。
讓我們一起來看看專業(yè)課本怎么說 ：
快速原型模型首先是快速建立一個能反映用戶主要需求的原型孩哑。然后提供給用戶使用栓霜，用戶在試用原型后會提出許多修改意見，開發(fā)人員根據(jù)用戶提出的意見横蜒，快速修改原型系統(tǒng)胳蛮。然后再交給用戶，只有重復(fù)上述過程丛晌，直到用戶認為這個原型系統(tǒng)能達到他們的要求后仅炊，開發(fā)人員才根據(jù)原型系統(tǒng)編寫需求規(guī)格說明。
因此根據(jù)這份需求規(guī)格說明澎蛛，開發(fā)出的軟件應(yīng)能滿足用戶的真正需求抚垄。對于開發(fā)出的原型來說，由于原型的用途是獲知用戶的真正需求谋逻，所以一旦需求確定了呆馁，原型將被拋棄，因此原型系統(tǒng)的內(nèi)部結(jié)構(gòu)并不重要毁兆，重要的是必須迅速地構(gòu)建原型浙滤，然后根據(jù)用戶意見迅速的修改原型。
所以各位萌新PM气堕，其實大可以把產(chǎn)品原型理解為一個用來確定需求的工具纺腊。而我們使用這個需求工具的目的，就是為了通過這種能夠快速迭代的方式茎芭，來對產(chǎn)品的需求進行深度的挖掘和篩選揖膜，從而得到一份需求確定的規(guī)格說明。
那么我們就可以說骗爆，繪制原型次氨，最最最重要的原則就是：快速&清晰！
如何讓原型畫得快速
一摘投、用最合適工具
在確定工具的時候煮寡，?一定要明確原型本身的使用場景，才能保證我們做出最精確的選擇犀呼！而在我看來幸撕，原型最基礎(chǔ)的兩個部分就是，繪制&演示外臂！
那么緊接著坐儿，請各位在心里和我一起默念火老師的話：“天下武功，無堅不破，唯快不破貌矿！”也就是說炭菌，原型最基礎(chǔ)的兩個部分便可以由此擴展成為：快速繪制&便捷演示！那么我們在尋找工具時就一定要著眼于這兩個方向逛漫。
所以我們今天要講的主人公就可以上場了????：快速原型工具黑低，摹客RP！
1酌毡、在線式繪制克握，隨時可用
只要是有瀏覽器有網(wǎng)的電腦，你就可以畫原型枷踏。不需要客戶端菩暗，也不需要像使用Axure那樣去尋找不同版本的安裝包，更不需要漢化和激活旭蠕。只需要打開摹客官網(wǎng)停团，新建一個RP在線設(shè)計稿即可。
這種“云編輯”的方式掏熬，會更加方便大家去場景化的辦公客蹋，隨時隨地，打開電腦就能調(diào)整孽江、同步你的原型讶坯，幫助你爭做新一代卷王！要知道岗屏，你不卷辆琅，我不卷，項目就要被擱淺这刷！??
多句嘴巴裱獭：大家可以在自己的常用設(shè)備中直接下載客戶端，操作更順溜暇屋。而且在客戶端中對原型進行的改動似袁，在瀏覽器內(nèi)也是同步的，所以偶爾在非常用設(shè)備上對原型進行改動咐刨，也相當(dāng)方便昙衅！??
2、一鍵式分享定鸟，隨時可看
繪制好的原型而涉，分享和演示也相當(dāng)重要。尤其是對有甲方爸爸來說的小小萌新PM联予，如果工具沒有選對啼县，那么你面臨的將是一次又一次的修改和發(fā)布材原。
畢竟甲方爸爸的原則一般都是：我有意見，但我不一次性說完季眷！
所以在整個原型評審和迭代的過程中余蟹，將有很多細枝末節(jié)的問題會以陸陸續(xù)續(xù)的方式提出，而使用摹客能給到你最快捷的體驗就是：在你對原型內(nèi)容進行更新后子刮，演示內(nèi)容也會同步更新客叉，既不需要導(dǎo)出壓縮包，也不需要更新鏈接话告，幫你實現(xiàn)春風(fēng)化雨般悄無聲息的修改，超級nice卵慰。
當(dāng)然沙郭，對于那些在海島上斷網(wǎng)度假的老板來說，咱們還是得用下載離線演示包的方式來分享裳朋，讓一切都回歸于開始時最樸素的樣子病线。??
3、全功能解鎖鲤嫡，永久免費
對于咱們PM萌新來說送挑，可能有很多還在學(xué)校學(xué)習(xí)，有很多才剛開始接觸這個行業(yè)暖眼。所以要咱們?yōu)橐粋€還沒有成為生產(chǎn)力的工具付費惕耕，著實有些強人所難了。
但實不相瞞诫肠，使用摹客RP司澎，真的可以不要錢！
只要現(xiàn)在去參與摹客的免費設(shè)計計劃栋豫，就可以解鎖摹客設(shè)計的所有功能挤安，繪制原型也不會受到頁面數(shù)量的限制。
二丧鸯、快速豐富畫面
在選擇好工具之后蛤铜，咱們就可以開始瞎搞發(fā)揮了！
1丛肢、確定頁面大小
這一步通常是使用Axure時的必須步驟围肥，畢竟現(xiàn)在的PM大佬們，當(dāng)年誰沒有發(fā)自內(nèi)心地問過一句：“手機頁面是多大來著??蜂怎？”
但是現(xiàn)在虐先，我們使用摹客新建項目的時候，就可以根據(jù)需要直接選擇項目頁面的大小派敷。
如上圖我們可以看到蛹批，在摹客里撰洗，常見的手機、平板腐芍、Web的尺寸都已經(jīng)被預(yù)設(shè)好了差导，另外還有個自定義尺寸，用來滿足一些非常規(guī)需求猪勇。比如：像咱們公司的測試小姐姐一樣设褐，用來做匯報TTP唄，我瞅著還挺溜的～??
2泣刹、認識界面布局
當(dāng)我們打開新項目時助析，會有一個默認生成的首頁。然而這個時候也不能迫不及待的就開畫啊椅您，還是得先熟悉我們的繪制面板外冀。通過了解繪制面板的布局，就可以明白一個原型應(yīng)該擁有哪些必不可少的要素掀泳！
頁面：用于創(chuàng)建雪隧、整理項目頁面，以便更好的梳理產(chǎn)品使用邏輯员舵；
組件：構(gòu)成頁面的一些基本元素脑沿；
屬性：修改組件樣式；
圖層：展示構(gòu)成當(dāng)前頁面的組件马僻；
交互：幫助頁面和組件實現(xiàn)跳轉(zhuǎn)等邏輯庄拇。
3、搭建頁面內(nèi)容
到了這一步韭邓，就可以想干嘛就干嘛了～
找到自己需要的組件丛忆，將它拖動到它應(yīng)該在的位置。這樣慢慢的用組件將頁面搭建起來仍秤，再通過一個個頁面熄诡，將項目原型搭建起來。
4诗力、整齊才能完事
這里給大家show一個基礎(chǔ)的線框原型凰浮，面對這樣干凈整潔的頁面，誰能對它說“達咩”呢苇本？??
所以不管什么時候袜茧，身為剛剛跨進PM圈的萌新們，無論是畫原型還是畫流程圖瓣窄，對齊笛厦、均分，都是我們應(yīng)該要有的態(tài)度俺夕！(指不定你老板或者甲方就是個處女座呢??～)
所以屬性這里的工具裳凸，請一定要好好的用起來贱鄙！
另外再來個小竅門：正兒八經(jīng)的建立好輔助線，也能幫萌新們大大提高繪制速度呦～
三姨谷、建立邏輯
1逗宁、頁面邏輯
所謂頁面邏輯，其實就和功能解構(gòu)一樣重要梦湘。而且瞎颗，通過頁面之間的關(guān)系，我們可以清晰的了解到用戶在這個頁面的訪問深度捌议。只有在這其中建立起了良好的邏輯關(guān)系哼拔，才能在后續(xù)的展示、迭代中瓣颅，擁有更好的優(yōu)化方向倦逐。
至于操作，也是很簡單啦弄捕，直接選中頁面拖動就可以了，請看????
2导帝、交互邏輯
交互其實就是一個用于演示的功能守谓，所以其根本目標(biāo)，是讓原型“動起來”您单，讓看這個原型的人斋荞，能夠更直觀地感受到組件(按鈕)和頁面之間的關(guān)系。所以其實在快速制作原型的時候虐秦，我們只需要保證基礎(chǔ)的跳轉(zhuǎn)即可平酿。
如何讓原型看得明白
在整個原型繪制的過程中，我們都可以通過演示的功能悦陋，來對自己的原型進行預(yù)覽蜈彼。這一個步驟不僅可以確定我們的頁面美觀度，也可以讓自己反復(fù)體驗交互鏈接俺驶，從而確定自己的產(chǎn)品邏輯是否清晰幸逆，體驗是否流暢！
最后多叭叭一點暮现，就是在演示的時候可以注意勾選始終顯示鏈接區(qū)域哦～不然还绘，如果四個icon只有一個可以點擊鏈接，還需要讓大家挨個挨個去試探栖袋，也太拉垮了??～
好了好了拍顷，說了那么多，最后讓我們再復(fù)習(xí)一下原型最基礎(chǔ)的兩個部分：快速繪制&便捷演示塘幅！
還有我們選擇的工具????：快速原型工具昔案，摹客RP尿贫！畫原型做設(shè)計，永久免費爱沟！
