善用Axure寫PRD,全局規范一個都不能少

如果你做過多款APP,可能會發現他們之間存在很多共性。比如都需要考慮頁面如何加載、如何跳轉頁面,網絡不好如何呈現,如何埋點統計訪問和行為數據,時間如何展示,文本框的輸入等等。其實這些就是每一個PM需要遵守的規則,可以簡單的統稱為設計規范。
為了方便后續的工作,我將這幾年的產品文檔剝離掉具體業務,抽象出一套適用于移動端APP的規范大全。
提供Axure原型文件點擊下載,在線查看唯一更新網址

頁面類型

基本上就這樣幾種,不一定都用得到。


DraggedImage-1.png

頁面間交互

參考的陳正曦的文章。


DraggedImage-1-2.png

還有幾種不常用的,供參考。


DraggedImage-2.png

手勢

DraggedImage-3.png

頁面的狀態

DraggedImage-4.png

頁面內數據的加載邏輯

DraggedImage-5.png

頁面加載

DraggedImage-6.png

頁面刷新

DraggedImage-7.png

狀態切換

DraggedImage-8.png

申請授權

重點是看獲取系統權限的地方,中間的業務細節可以不看。


DraggedImage-9.png

圖片相關

感覺邏輯上還有點問題,希望獲得大家的建議。


DraggedImage-10.png

時間格式

參考了知乎上一篇文章.

DraggedImage-11.png

文本框

根據某位讀者的需求,特意整理了一下常見文本框的規則。


DraggedImage-12.png

總結

以上是我總結的APP全局規范部分內容,全部內容可點擊查看浪子PRD規范
本質上是一個產品設計的規范結合,類似于技術中的SDK工具包。
具體來說有功能規范、交互規范、視覺規范。深究下去你還會發現有命名規范、文字規范…
大家可以根據需要,將適合的部分用到自己的產品工作中。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,138評論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,223評論 4 61
  • 這是一個信息爆炸的時代,這個時代不缺乏知識、不缺少榜樣,缺的是時間、精力和一顆篤定的心。 我們每個人身處于信息的洪...
    淮左云瀾閱讀 507評論 0 4
  • 七月七日,一個一年當中專屬于自己的節日,世界于我沒有不同,我于世界有點特別。無它,只因今天是我的生日。 對照鏡子,...
    吾心飛翔閱讀 509評論 0 0