OmniGraffle原型案例 | 某APP產品原型PDF文件分享

79 評論 67127 瀏覽 185 收藏 4 分鐘

各位人人的朋友們大家好,現在LY@iPM將之前做過的一個寵物 app 案例分享給大家,是筆者剛剛開始使用 OmniGraffle 作為原型構建工具的時候從1.0.0開始跟的一個項目——樂寵(后改名為「尾巴圈」)。

首頁,App首頁采用的是瀑布流式列表布局,左右雙抽屜式導航。左抽屜內容是論壇的各大板塊,特色是點擊 + 按鈕可以進入類似網易新聞的自定義關注板塊頁面。而右抽屜,則是登錄注冊,個人中心頁,和設置詳情頁。設置,包括綁定三方帳號登錄,僅wifi加載照片和視頻開關,意見反饋,緩存清理等功能。一些更加詳細的頁面功能我就不贅述了,等會兒大家下載 pdf 就可以了,文章最后有神秘代碼喔!

1

登錄成功后,右抽屜就是個人中心頁面了,哈哈,細心的讀者一定發現一個 icon 叫「我的愛」,夠貼心吧?!把寵物當做家人體現了愛寵在家里的高貴地位!點擊「詳細資料」,進入個人信息詳情頁。

2

重點說一下發帖流程,點擊首頁的 +,或者是子板塊里的發帖按鈕,進入帖子編輯詳情頁。當然了系統肯定是會判斷是否登錄的,如果檢測到未登錄則跳轉到登錄頁面;檢測到用戶已登錄,則App 會默認將帖子發送的位置定在「大廳」,并且自動彈出輪式選擇器,自動提示用戶選擇發帖板塊,選擇發帖板塊后,就可以進入編輯狀態了。編輯詳情頁上點擊 camera icon,選擇拍小視頻還是拍照或者是選擇相冊中的照片,我們先拍個小視頻吧,選擇「8s視頻」,點擊拍攝按鈕,就開始拍攝了。拍攝結束,總得預覽一下吧,選擇漂亮的一幀作為封面吧。確定帖子OK 了,點擊「使用」按鈕,進入帖子預覽界面。然后開心地點擊「發表」,帖子post 出去啦?。?!

3

哈哈,說到這兒還有好多細節感覺沒有說得特別透徹,不過發現篇幅已經不短了!詳細的可以去本文的最后神秘代碼繼續挖掘,那里有高清的 pdf 噢!

最后,奉上OmniGraffle項目特寫照:

4

神秘代碼:

鏈接: http://pan.baidu.com/s/1kUhhi79 密碼: gyut

 

作者:老楊(微信:18515367283),Mac 流產品經理一枚,5年產品人,歡迎隨時加我討論相關問題

本文由 @老楊 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 需要神秘代碼里的內容,921956091@qq.com。。。謝謝了

    來自湖北 回復
  2. 求大神,鏈接失效了,請發郵箱:396647516@qq.com 感謝

    來自北京 回復
  3. 求大神,鏈接失效了,請發郵箱:756524080@qq.com 感謝

    來自廣東 回復
  4. 求大神,鏈接失效了,請發郵箱:niu1500@163.com 感謝

    來自北京 回復
  5. 求大神,鏈接失效了,請發郵箱:1603841306@qq.com 感謝

    來自廣東 回復
  6. 求大神,鏈接失效了,請發郵箱:546161468@qq.com 感謝

    來自福建 回復
  7. 鏈接失效了,請發郵箱:1165474557@qq.com 感謝

    來自上海 回復
  8. 求大神,連接失效了,可否發到郵箱:1192815705@qq.com中

    來自北京 回復
  9. 您好,鏈接已經失效了,可否發到3188334041@qq.com郵箱,謝謝大神!! ??

    來自山東 回復
  10. 鏈接失效咯。。。小白跪求378432066@qq.com謝謝大神

    來自北京 回復
  11. 鏈接已經失效了,跪求失效文件,郵箱425873@qq.com 。謝謝謝謝 ??

    來自上海 回復
  12. 鏈接已經失效了,跪求失效文件,郵箱852773542@qq.com 。謝謝謝謝 ??

    來自陜西 回復
  13. 鏈接已經失效了,跪求失效文件,郵箱732634500@qq.com 。謝謝大神

    來自北京 回復
  14. 鏈接已失效,跪求894008847@qq.com,我是個愛學習的好孩子 ??

    來自江蘇 回復
  15. 鏈接失效咯。跪求286377131@qq.com謝謝大牛了

    來自湖北 回復
  16. 您好,鏈接已經失效了,可否發到huangwen.happy.ok@163.com郵箱,謝謝大神,大神直線高升 ??

    來自廣東 回復
  17. 鏈接失效咯。跪求gaoxinhua_ui@163.com謝謝前輩了

    來自北京 回復
  18. 鏈接失效咯。。。小白跪求1650777087@qq.com謝謝大神

    來自浙江 回復
  19. 鏈接失效咯。。。再發一次唄

    來自上海 回復
  20. 小白跪求hanxuan200@163.com 謝謝大神

    來自廣東 回復
  21. 求發一份呢 鏈接失敗了 517484802@qq.com

    來自浙江 回復
  22. 大神能發一份原型到我郵箱嗎?跪謝?。?!839536061@qq.com,這是我的郵箱,跪謝,文章里的鏈接失效了!

    來自上海 回復
  23. 樓主,指向線相交處的小弧度是怎么做出來的。

    來自本機地址 回復
  24. 鏈接失效了呢~ ?? ?? ??

    來自北京 回復
  25. 鏈接沒有了 能重新分享下嗎

    來自浙江 回復
  26. 這也叫是干貨?我看過 ?? ?? ?? ??

    http://www.8kvv.com 上面干貨很多特別全,建議看看

    來自安徽 回復
  27. ? ? 我還以為有下載文件呢

    來自北京 回復
  28. 這個原型不太好用吧,試下這個Prott,很不錯
    http://www.duoyongxiazai.com/dy/des/71.html

    這個推薦也不錯、互聯網工具推薦:
    多用下載 http://www.duoyongxiazai.com

    來自安徽 回復
  29. 瀑布流作為密集信息展現是一個非常不好的體驗。

    來自廣東 回復
    1. 那就是用例的形式給到?

      來自上海 回復
    2. 能表達清楚不就好了,自己開發邏輯看的明白不很好嗎,

      來自安徽 回復
  30. ?? 把我的關注放左邊 個人信息放右邊 有什么特別的原因嗎?

    來自河南 回復