大家好，因为最近对原型交互设计比较感兴趣，所以想找一款原型设计软件学习一下。自己是个小白，Axure自己之前也只是接触过，百度了好久，决定先学习——墨刀这款软件。
通过两天业余时间的学习，觉得自己对墨刀这款软件的基本操作和逻辑已经了解。希望可以和大家分享一下自己的学习结果。因为自己也是初学者，这篇分享也只适合和我一样，刚接触原型设计，或是想了解墨刀这款软件的小伙伴。
首先介绍下，墨刀是一款在线原型设计工具，也有客户端，建议大家下载客户端使用。链接就不放了，免得是打广告，百度搜索就能找的到。
在墨刀的讨论区，看到一篇有奖悬赏的帖子：关于网易云音乐TAB左右滑动切换效果的制作，自己尝试了一下，同时也做出了，侧边栏的效果，下面跟大家分享下。
下面是我的效果图，大家可以先看一下
https://modao.cc/app/cFt7ZYNAryO3IhySfuvnmy9VND6L9uN
上图为整体界面。
本次我们需要用到4个状态：
1.默认状态：音乐的界面
2.视频
3.电台
4.侧边栏
4个状态的搭建
首先在全局状态下，我们需要制作好一些基本界面：导航栏，TAB，两个全局手势，侧边栏。
注：侧边栏要先移到屏幕之外
视频状态变化的地方如图：
电台状态：
侧边栏状态：在默认状态的基础上，把侧边栏移入屏幕
全局手势的添加
1.默认状态：
添加 左滑 → 视频状态
添加 右滑 → 侧边栏状态
2.视频状态
添加 左滑 → 电台状态
添加 右滑 → 默认状态
3.电台状态（只需添加一个全局手势，另一个全局手势空着即可）
添加 右滑 → 视频状态
4.侧边栏状态
因为我想要的效果是点击灰色部分或左滑，都可以切换到默认状态，所以需要给灰色部分也要加入连接。
灰色部分：添加 点击 → 默认状态
全局手势：添加 左滑 → 默认状态
第一次写分享类的文章，整体逻辑上还是有些模糊；还是以初学者的身份，一定会有些一些讲的不明白的地方。希望可以和大家一起交流学习。
网友评论