1. 程式人生 > >工具類App原型制作分享-TickTick

工具類App原型制作分享-TickTick

用戶體驗 原型設計 交互設計 產品經理

TickTick是一個功能強大的任務管理App, 這款App的教程動畫做得特別好,采用的是真實的手機界面加上與用戶互動的方式來引導使用。在Mockplus中,移動端項目並沒有手機機殼組件,而網頁端項目中有這個組件,那麽如何在移動端項目中使用手機機殼組件呢?這裏交大家一個方法:再打開一個Mockplus窗口,新建一個網頁項目,拖出手機機殼組件,復制,然後回到移動項目中,粘貼,就得到一個手機機殼組件啦。


先簡單看看動圖:


TickTick


點擊這裏,可以立即在線預覽:https://run.mockplus.cn/4oCaCBJ1R7Iqygh2/index.html


再送上UI Flow大圖:


TickTick


這個原型的主要頁面有:歡迎頁面、教程頁面、主頁、登錄註冊頁面、設置頁面等。


以上設計的所有頁面可以在這裏下載分享。


所有頁面的圖片集(10張),在這裏下載。


Enjoy it!


工具類App原型制作分享-TickTick