OmniGraffle原型案例 | 某APP產(chǎn)品原型PDF文件分享

79 評(píng)論 67065 瀏覽 185 收藏 4 分鐘

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

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

1

登錄成功后,右抽屜就是個(gè)人中心頁(yè)面了,哈哈,細(xì)心的讀者一定發(fā)現(xiàn)一個(gè) icon 叫「我的愛(ài)」,夠貼心吧?!把寵物當(dāng)做家人體現(xiàn)了愛(ài)寵在家里的高貴地位!點(diǎn)擊「詳細(xì)資料」,進(jìn)入個(gè)人信息詳情頁(yè)。

2

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

3

哈哈,說(shuō)到這兒還有好多細(xì)節(jié)感覺(jué)沒(méi)有說(shuō)得特別透徹,不過(guò)發(fā)現(xiàn)篇幅已經(jīng)不短了!詳細(xì)的可以去本文的最后神秘代碼繼續(xù)挖掘,那里有高清的 pdf 噢!

最后,奉上OmniGraffle項(xiàng)目特寫(xiě)照:

4

神秘代碼:

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

 

作者:老楊(微信:18515367283),Mac 流產(chǎn)品經(jīng)理一枚,5年產(chǎn)品人,歡迎隨時(shí)加我討論相關(guān)問(wèn)題

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱714698917@qq.com,超級(jí)感謝!!

    來(lái)自廣東 回復(fù)
  2. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱macxiaoyan@163.com,謝謝,以后多交流?。?/p>

    來(lái)自山西 回復(fù)
  3. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱418501667@qq.com,超級(jí)感謝?。?/p>

    來(lái)自上海 回復(fù)
  4. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:790184092@qq.com 感謝

    來(lái)自重慶 回復(fù)
  5. 謝大神~~531768038@qq.com

    來(lái)自陜西 回復(fù)
  6. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:378509734@qq.com 感謝 感謝 感謝?。。?/p>

    來(lái)自美國(guó) 回復(fù)
    1. 收到了嗎?

      來(lái)自上海 回復(fù)
  7. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:469125627@qq.com 感謝 感謝 感謝?。。?/p>

    來(lái)自湖北 回復(fù)
  8. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:499976075@qq.com 感謝?。?!

    來(lái)自廣東 回復(fù)
  9. 求大神,請(qǐng)發(fā)送郵箱:316020880@qq.com感謝?。?!

    來(lái)自上海 回復(fù)
  10. 求大神,請(qǐng)發(fā)送郵箱:1432927601@qq.com感謝?。?!

    來(lái)自浙江 回復(fù)
  11. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:1721368590@qq.com 非常感謝!

    來(lái)自重慶 回復(fù)
  12. 求大神,鏈接失效了,請(qǐng)發(fā)郵箱:408766620@qq.com 非常感謝!

    來(lái)自浙江 回復(fù)
  13. 樓主辛苦了。鏈接失效了,可以發(fā)到郵箱嗎? 3640609@qq.com 謝謝

    來(lái)自浙江 回復(fù)
  14. 大神辛苦,請(qǐng)發(fā)郵箱llasting@foxmail.com 鏈接失效無(wú)用。

    來(lái)自四川 回復(fù)
  15. 樓主辛苦,鏈接失效了,請(qǐng)發(fā)郵箱:179952081@qq.com 十分感謝!

    來(lái)自浙江 回復(fù)
  16. 樓主辛苦,鏈接失效了,請(qǐng)發(fā)郵箱:1450276401@qq.com 十分感謝!

    來(lái)自吉林 回復(fù)