工具类App原型制作分享-Bear-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

工具类App原型制作分享-Bear

0.0°

2017-09-04 原创文章 教程举报 1538 8 2 1

anny丹关注

这次给大家讲解一下Mockplus中如何实现侧滑菜单效果。

Bear是一款记事工具，App画风简约可爱，这只萌熊也是这款App的最大亮点，为了真实还原这款工具，我也是将熊的图片放进了原型中，其次就是一些常见的交互动效，这次给大家讲解一下Mockplus中如何实现侧滑菜单效果。

先简单看看动图：

Image title

点击这里，可以立即在线预览：

http://run.mockplus.cn/niWz9rg0LCnuyKZk/index.html

三个步骤轻松搞定侧滑菜单：

1. 找到交互分类里面的抽屉组件，拖入工作区任意位置。

Image title

2. 拖拽App左上角图标的链接点，链接抽屉组件。

Image title

3. 双击抽屉组件，再次双击里面的面板，就可以拖入任意组件，摆放任意图标或者文字。

Image title

这样，一个侧滑菜单就完成了，是不是超级简单！演示时即可看到效果。

再送上UI Flow大图：

Image title

这个原型的主要页面有：主页、欢迎页面、添加事件页面、设置页面、升级页面等。

以上设计的所有页面可以在这里下载分享。

所有页面的图片集(10张)， 在这里下载。

Enjoy it！

更新：2017-09-04

8人已收藏

anny丹

UI设计师

105

作品
169

粉丝
1

关注

猜你喜欢

2017-09-04 原创文章 教程举报 1538 8 2 1

工具类App原型制作分享-Bear

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年09月04日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得