原型設(shè)計(jì)是互聯(lián)網(wǎng)PM的核心能力，其提升必然伴隨著對(duì)器的精通，術(shù)的掌握，道的理解。

很多PM的原型設(shè)計(jì)能力還停留在器的層面，簡歷中號(hào)稱精通Axure和墨刀等各種原型軟件。其實(shí)只是剛剛?cè)腴T罷了。

希望這篇文章能夠讓大家領(lǐng)悟一些原型設(shè)計(jì)的方法和思想，從而知道自己的原型該如何設(shè)計(jì)會(huì)更好。

器-原型軟件

原型設(shè)計(jì)的軟件就是所謂的器。

常見的器

Axure、墨刀、mockplus，紙筆。

器的選擇

建議從適合當(dāng)下工作和適應(yīng)你的成長2方面來綜合選擇。

推薦Axure或墨刀，前者功能全面強(qiáng)大，后者專注于快速創(chuàng)建APP原型。

器的學(xué)習(xí)

古語有云：工欲善其事，必先利其器。

建議采用“看視頻入門+看文章精通”的學(xué)習(xí)方式。

比如Axure的學(xué)習(xí)，可以看小樓一夜聽風(fēng)雨的視頻教程，尹廣磊的論壇帖子。

器的精髓

正確了解每個(gè)功能的適用場景，以及具體用法。

深刻理解動(dòng)態(tài)面板，中繼器，內(nèi)聯(lián)框架等高級(jí)功能的設(shè)計(jì)理念，并善用之。

清楚知道什么時(shí)候該用什么元件來畫原型，最簡潔最貼近產(chǎn)品。

術(shù)-原型畫法

畫原型的方法就是所謂的術(shù)。

常見的術(shù)

App原型以375×667分辨率設(shè)計(jì)最適合。

善用元件庫，可以快速畫出線框圖。

善用動(dòng)態(tài)面板，可以繪制常用交互效果。

善用母版，可以減輕不同頁面的重復(fù)工作量。

善用頁面快照，同一線框圖無需拷貝和重復(fù)修改。

術(shù)的學(xué)習(xí)

古語有云：器欲盡其能，必先得其法。這里的法就是術(shù)。

說下我的土方法：多實(shí)踐，多踩坑，多總結(jié)。

另外起點(diǎn)學(xué)院的部分線下授課挺有價(jià)值，可以嘗試。騰訊課堂也有原型設(shè)計(jì)視頻教程，也很不錯(cuò)。

術(shù)高于器

術(shù)是可以脫離器的。換了器，術(shù)依然有效。

比如從Axure換成墨刀，你畫原型最佳的尺寸還是375×667。

懂得了母版的用法，換個(gè)原型軟件照樣可以快速產(chǎn)出原型。

道-產(chǎn)品框架的搭建

原型設(shè)計(jì)的思想就是所謂的道。

常見的道

設(shè)計(jì)原型最適合應(yīng)該采用邏輯分辨率，而不是物理分辨率。

如果原型要兼容所有主流手機(jī)屏幕，請選擇最中間的邏輯分辨率。

同一功能需要出現(xiàn)在多個(gè)頁面，應(yīng)該采用公共組件的思想來設(shè)計(jì)。

道的學(xué)習(xí)

多總結(jié)自己的原型設(shè)計(jì)經(jīng)歷，可以提煉出道。

看別人的原型尤其是rp文件，可以模仿對(duì)方的道。

反思原型軟件的功能為什么這樣設(shè)計(jì)，可以悟出對(duì)方的道。

道高于術(shù)

術(shù)是方法，道是理論。

術(shù)是具象的操作，通過方法可以快速產(chǎn)出原型。

道是抽象的思想，通過理論可以落地得到方法。

器不是道

很多PM自以為學(xué)會(huì)Axure的酷炫交互，就可以做好原型設(shè)計(jì)。

同樣的，會(huì)用Axure畫高保真原型，也不代表你的原型設(shè)計(jì)能力很強(qiáng)。

道術(shù)器的關(guān)系

道指導(dǎo)著術(shù)，術(shù)落地成器。拿上面的例子繼續(xù)說：

因?yàn)椋和还δ苄枰霈F(xiàn)在多個(gè)頁面，應(yīng)該采用公共組件的思想來設(shè)計(jì)。

所以：我們應(yīng)該去使用母版來設(shè)計(jì)同一功能。

最后：在母版中畫出這一功能，然后引用到多個(gè)頁面。

總結(jié)

如果能夠理解本文的大部分內(nèi)容，相信你的原型設(shè)計(jì)能力已經(jīng)入門。

如果運(yùn)用過其中的方法或者總結(jié)過相似的理論，那么你的原型設(shè)計(jì)能力肯定很精通。

相關(guān)閱讀

高級(jí)PM教你定制APP通用元件庫

Axure原型加流程圖功能的高效結(jié)合

為什么375×667是移動(dòng)端原型的最佳分辨率

#專欄作家#

浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。