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

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

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

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

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

最后，奉上OmniGraffle項(xiàng)目特寫照：

神秘代碼：

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

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

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