Bon App!是一款美食類App，這次也是嘗試做出高保真的原型，最大可能的還原了App的配色和交互。因爲是高保真，所以特別注意的就是細節的設計，圖標、按鈕形狀、輸入框樣式等，在屬性上都做了相應的設置，Mockplus的組件屬性還是相當豐富，但如果涉及到一些個性化的組件，就需要使用一些基本組件的拼湊（比如二維碼掃描）；另外，交互方面也高度還原，彈出、內容切換、滑動這些基本交互都能輕鬆實現，一起來看成果吧！
先簡單看看動圖：
點擊這裏，可以立即在線預覽：http://run.mockplus.cn/NxqJ076plNFSg5l3/index.html
再送上UI Flow大圖：
這個原型的主要頁面有：主頁、登錄註冊頁面、搜索頁面、美食列表頁面、美食分享頁面、詳情頁、個人信息頁面等。
以上設計的所有頁面可以在這裏下載分享。
所有頁面的圖片集(22張)， 在這裏下載。
Enjoy it！