Bear是一款記事工具，App畫風簡約可愛，這只萌熊也是這款App的最大亮點，為了真實還原這款工具，我也是將熊的圖片放進了原型中，其次就是一些常見的交互動效，這次給大家講解一下Mockplus中如何實現(xiàn)側(cè)滑菜單效果。

先簡單看看動圖：

點擊這里，可以立即在線預覽：http://run.mockplus.cn/niWz9rg0LCnuyKZk/index.html

三個步驟輕松搞定側(cè)滑菜單：

1. 找到交互分類里面的抽屜組件，拖入工作區(qū)任意位置。

2. 拖拽App左上角圖標的鏈接點，鏈接抽屜組件。

3. 雙擊抽屜組件，再次雙擊里面的面板，就可以拖入任意組件，擺放任意圖標或者文字。

這樣，一個側(cè)滑菜單就完成了，是不是超級簡單！演示時即可看到效果。

再送上UI Flow大圖：

這個原型的主要頁面有：主頁、歡迎頁面、添加事件頁面、設(shè)置頁面、升級頁面等。

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

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

Enjoy it！