Bon App!是一款美食類App，這次也是嘗試做出高保真的原型，最大可能的還原了App的配色和交互。因?yàn)槭歉弑Ｕ?，所以特別注意的就是細(xì)節(jié)的設(shè)計(jì)，圖標(biāo)、按鈕形狀、輸入框樣式等，在屬性上都做了相應(yīng)的設(shè)置，Mockplus的組件屬性還是相當(dāng)豐富，但如果涉及到一些個(gè)性化的組件，就需要使用一些基本組件的拼湊（比如二維碼掃描）；另外，交互方面也高度還原，彈出、內(nèi)容切換、滑動(dòng)這些基本交互都能輕松實(shí)現(xiàn)，一起來(lái)看成果吧！

先簡(jiǎn)單看看動(dòng)圖：

點(diǎn)擊這里，可以立即在線預(yù)覽：http://run.mockplus.cn/NxqJ076plNFSg5l3/index.html

再送上UI Flow大圖：

這個(gè)原型的主要頁(yè)面有：主頁(yè)、登錄注冊(cè)頁(yè)面、搜索頁(yè)面、美食列表頁(yè)面、美食分享頁(yè)面、詳情頁(yè)、個(gè)人信息頁(yè)面等。

以上設(shè)計(jì)的所有頁(yè)面可以在這里下載分享。

所有頁(yè)面的圖片集(22張)， 在這里下載。

Enjoy it！