FitStar Yoga是一款瑜伽App,這類App幫助用戶輕鬆學習瑜伽課程,主要以視頻爲主,由於是原型設計,所以不必把真的視頻導入其中,這裏除了用相應的視頻圖標來表示視頻外,Mockplus中也提供了常用的批註組件,當在原型中有的組件無法表現完整的功能時,我們就可以使用批註組件來標註說明我們這個組件的完整功能,既減輕了設計工作量,又便於後期溝通。下面來看看成果。
先簡單看看動圖:
點擊這裏,可以立即在線預覽:http://run.mockplus.cn/SZANiZKINuNkKHmE/index.html
再送上UI Flow大圖:
這個原型的主要頁面有:啓動頁面、登錄註冊頁面、主頁、課程列表頁面、課程視頻頁面、個人信息頁面、設置頁面等。
以上設計的所有頁面可以在這裏下載分享。
所有頁面的圖片集(17張),在這裏下載。
Enjoy it!