Zobies, Run，一款運(yùn)動(dòng)類(lèi)App，幫助監(jiān)督你實(shí)行自己的健身計(jì)劃。這款A(yù)pp我試著做了板塊的立體視覺(jué)效果，由于Mockplus中沒(méi)有陰影效果（當(dāng)然在原型階段這是不必要的），但是為了嘗試讓這款A(yù)pp的特點(diǎn)更突出，我用矩形組件去除部分邊框，只留下底部邊框，再將底部邊框顏色加深，從而實(shí)現(xiàn)一個(gè)立體效果的選項(xiàng)，其次，分隔條我也使用了兩根不同顏色的線(xiàn)條組合，做出了立體分割的效果。下面，來(lái)一起看看效果吧。

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

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

再送上UI Flow大圖：

這個(gè)原型的主要頁(yè)面有：?jiǎn)?dòng)頁(yè)面、登錄注冊(cè)頁(yè)面、主頁(yè)、計(jì)時(shí)頁(yè)面、版本升級(jí)頁(yè)面、任務(wù)列表頁(yè)面等。

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

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

Enjoy it！