0歲產品經理:用Axure制作PRD模板

18 評論 26699 瀏覽 423 收藏 4 分鐘

本文給大家帶來的是用Axure制作PRD模板的教程,先看圖:

圖中的PRD模板就是用Axure做的,預覽地址:www.moxlis.com

這個模板從構思到制作大概用了一個小時左右,其中只用到了動態面板和事件處理,所以如果你照著我的教程做,快一點30分鐘就能搞定,也就是說本文屬于Axure初級教學。

1

第一步,按照圖中的位置放入三個矩形,然后分別右鍵這三個矩形點擊轉化為動態面板,進入第二步。

2

第二步,右下角找到動態面板菜單,如上圖,右鍵菜單點擊Add State或者分別雙擊三個矩形動態面板都能完成子面板的添加,矩形1為一級菜單,矩形2為二級菜單,矩形3為具體內容,直到將所有子菜單添加完畢,如上圖那樣時,進入第三步。

3

第三步,將一級菜單編輯為圖中的樣子,即四個矩形而已,并在矩形中添加文字,然后進入第四步。

4

第四步,將二級菜單中的項目概述、業務流圖、階段規劃和產品原型分別做成圖中1、2、3、4的樣子,同第三步。做到這里整個布局就已經完成了,接下來進入最后一步。

5.1

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

5.2

按圖中1-3的步驟做就好,即點擊左下角的set panel state然后右上角勾選具體內容,最后右下角選擇功能介紹并點擊OK完畢,大功告成。其他的按鈕也如此操作就好,請原諒我沒有將所有的按鈕事件詳細說出來,畢竟幾十個點擊事件并沒有相差太多,就不每個都發了。

難點:如何關閉二級菜單:請大家注意占位而已那個頁面,那是個空頁面,想關閉就將菜單跳轉過去就好。

#專欄作家#

趙毅,筆名Moxlis,人人都是產品經理專欄作家,某上市公司的產品經理,新浪微博:http://blog.sina.com.cn/u/5723961594;個人網站:www.moxlis.com;期待通過《0歲產品經理》系列文章,使產品新人們,擺脫困惑,設計出心中理想的產品。

本文由Moxlis首發于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 求rp源文件,403845596@qq.com

    來自浙江 回復
  2. 求rp源文件,imoling.cn@gmail.com

    來自浙江 回復
  3. 求rp源文檔,1007858375@qq.com

    來自四川 回復
  4. 求rp源文檔,janefish@163.com

    來自湖南 回復
  5. 求rp源文檔,1072199604@qq.com

    來自上海 回復
  6. 求rp源文檔,1247982331@qq.com

    來自廣東 回復
  7. 10485716@qq.com 求一份rp文檔,謝謝。

    來自上海 回復
  8. 求rp源文件,好人一生平安,326251489@qq.com

    來自北京 回復
  9. 求這個模板的RP源文件,好人一生平安謝謝。362725763@qq.com

    來自北京 回復
  10. 求rp源文件,好人一生平安,lupingchn@163.com

    來自北京 回復
  11. 求rp源文件,好人一生平安,125472350@qq.com

    來自江蘇 回復
  12. 求rp源文件,好人一生平安,47220319@qq.com

    來自北京 回復
  13. 贊一個 :mrgreen:

    來自江蘇 回復
  14. 求rp源文件/好人一生平安、352496742@qq.com

    來自廣東 回復
  15. 求rp源文件,好人一生平安,814013475@qq.com

    來自廣東 回復
  16. 求rp源文件,好人一生平安,254742231@qq.com

    來自廣東 回復
  17. 求rp源文件,好人一生平安,1712615688@qq.com

    來自浙江 回復
  18. 求rp源文件,好人一生平安,498411503@qq.com

    來自北京 回復