Starbucks是星巴克的一種便捷購(gòu)買(mǎi)App，可以在店內(nèi)付款或提前訂購(gòu)。其中還內(nèi)置了獎(jiǎng)勵(lì)，你可以收集星星，賺取免費(fèi)的飲料和食物。這款A(yù)pp中，采用了一些小插畫(huà)，交互動(dòng)效也很特別，有的頁(yè)面切換之后，會(huì)出現(xiàn)一些小動(dòng)畫(huà)，這在Mockplus中可以使用“載入時(shí)”觸發(fā)方式實(shí)現(xiàn)。有的頁(yè)面切換方式是向上下展開(kāi)切換，目前我們?cè)谠碗A段還暫時(shí)做不到，但是這種交互方式是可以借鑒的，它能讓我們的App變得生動(dòng)有趣。

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

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

再送上UI Flow大圖：

這個(gè)原型的主要頁(yè)面有：主頁(yè)、登錄注冊(cè)頁(yè)面、設(shè)置頁(yè)面、地圖頁(yè)面、個(gè)人信息頁(yè)面等。

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

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

Enjoy it！