本文給大家?guī)?lái)的是用Axure制作PRD模板的教程，先看圖：

圖中的PRD模板就是用Axure做的，預(yù)覽地址：www.moxlis.com

這個(gè)模板從構(gòu)思到制作大概用了一個(gè)小時(shí)左右，其中只用到了動(dòng)態(tài)面板和事件處理，所以如果你照著我的教程做，快一點(diǎn)30分鐘就能搞定，也就是說(shuō)本文屬于Axure初級(jí)教學(xué)。

第一步，按照?qǐng)D中的位置放入三個(gè)矩形，然后分別右鍵這三個(gè)矩形點(diǎn)擊轉(zhuǎn)化為動(dòng)態(tài)面板，進(jìn)入第二步。

第二步，右下角找到動(dòng)態(tài)面板菜單，如上圖，右鍵菜單點(diǎn)擊Add State或者分別雙擊三個(gè)矩形動(dòng)態(tài)面板都能完成子面板的添加，矩形1為一級(jí)菜單，矩形2為二級(jí)菜單，矩形3為具體內(nèi)容，直到將所有子菜單添加完畢，如上圖那樣時(shí)，進(jìn)入第三步。

第三步，將一級(jí)菜單編輯為圖中的樣子，即四個(gè)矩形而已，并在矩形中添加文字，然后進(jìn)入第四步。

第四步，將二級(jí)菜單中的項(xiàng)目概述、業(yè)務(wù)流圖、階段規(guī)劃和產(chǎn)品原型分別做成圖中1、2、3、4的樣子，同第三步。做到這里整個(gè)布局就已經(jīng)完成了，接下來(lái)進(jìn)入最后一步。

最后一步，即響應(yīng)事件的添加，相信大家都會(huì)，但我還是要啰嗦一句。這里以功能介紹為例，如上圖：首先選中功能介紹，然后找到右上角的OnClick事件，雙擊之后，便會(huì)出現(xiàn)事件列表，如下圖：

按圖中1-3的步驟做就好，即點(diǎn)擊左下角的set panel state然后右上角勾選具體內(nèi)容，最后右下角選擇功能介紹并點(diǎn)擊OK完畢，大功告成。其他的按鈕也如此操作就好，請(qǐng)?jiān)徫覜](méi)有將所有的按鈕事件詳細(xì)說(shuō)出來(lái)，畢竟幾十個(gè)點(diǎn)擊事件并沒(méi)有相差太多，就不每個(gè)都發(fā)了。

難點(diǎn)：如何關(guān)閉二級(jí)菜單：請(qǐng)大家注意占位而已那個(gè)頁(yè)面，那是個(gè)空頁(yè)面，想關(guān)閉就將菜單跳轉(zhuǎn)過(guò)去就好。

#專欄作家#

趙毅，筆名Moxlis，人人都是產(chǎn)品經(jīng)理專欄作家，某上市公司的產(chǎn)品經(jīng)理，新浪微博：http://blog.sina.com.cn/u/5723961594；個(gè)人網(wǎng)站：www.moxlis.com；期待通過(guò)《0歲產(chǎn)品經(jīng)理》系列文章，使產(chǎn)品新人們，擺脫困惑，設(shè)計(jì)出心中理想的產(chǎn)品。

本文由Moxlis首發(fā)于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。