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

先簡單看看動圖：

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

再送上UI Flow大圖：

這個原型的主要頁面有：啟動頁面、登錄注冊頁面、主頁、計時頁面、版本升級頁面、任務(wù)列表頁面等。

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

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

Enjoy it！