大家好肢预，因?yàn)樽罱鼘?duì)原型交互設(shè)計(jì)比較感興趣，所以想找一款原型設(shè)計(jì)軟件學(xué)習(xí)一下葬燎。自己是個(gè)小白误甚，Axure自己之前也只是接觸過(guò)，百度了好久谱净，決定先學(xué)習(xí)——墨刀這款軟件。
通過(guò)兩天業(yè)余時(shí)間的學(xué)習(xí)擅威，覺(jué)得自己對(duì)墨刀這款軟件的基本操作和邏輯已經(jīng)了解壕探。希望可以和大家分享一下自己的學(xué)習(xí)結(jié)果。因?yàn)樽约阂彩浅鯇W(xué)者郊丛，這篇分享也只適合和我一樣李请，剛接觸原型設(shè)計(jì)，或是想了解墨刀這款軟件的小伙伴厉熟。
首先介紹下导盅，墨刀是一款在線原型設(shè)計(jì)工具，也有客戶端揍瑟，建議大家下載客戶端使用白翻。鏈接就不放了，免得是打廣告绢片，百度搜索就能找的到滤馍。
在墨刀的討論區(qū)，看到一篇有獎(jiǎng)懸賞的帖子：關(guān)于網(wǎng)易云音樂(lè)TAB左右滑動(dòng)切換效果的制作底循，自己嘗試了一下巢株，同時(shí)也做出了，側(cè)邊欄的效果熙涤，下面跟大家分享下阁苞。
下面是我的效果圖困檩，大家可以先看一下
https://modao.cc/app/cFt7ZYNAryO3IhySfuvnmy9VND6L9uN
上圖為整體界面。
本次我們需要用到4個(gè)狀態(tài)：
1.默認(rèn)狀態(tài)：音樂(lè)的界面
2.視頻
3.電臺(tái)
4.側(cè)邊欄
4個(gè)狀態(tài)的搭建
首先在全局狀態(tài)下那槽，我們需要制作好一些基本界面：導(dǎo)航欄悼沿，TAB，兩個(gè)全局手勢(shì)倦炒，側(cè)邊欄显沈。
注：側(cè)邊欄要先移到屏幕之外
視頻狀態(tài)變化的地方如圖：
電臺(tái)狀態(tài)：
側(cè)邊欄狀態(tài)：在默認(rèn)狀態(tài)的基礎(chǔ)上，把側(cè)邊欄移入屏幕
全局手勢(shì)的添加
1.默認(rèn)狀態(tài)：
添加 左滑 → 視頻狀態(tài)
添加 右滑?→ 側(cè)邊欄狀態(tài)
2.視頻狀態(tài)
添加 左滑?→ 電臺(tái)狀態(tài)
添加 右滑?→ 默認(rèn)狀態(tài)
3.電臺(tái)狀態(tài)（只需添加一個(gè)全局手勢(shì)逢唤，另一個(gè)全局手勢(shì)空著即可）
添加 右滑?→ 視頻狀態(tài)
4.側(cè)邊欄狀態(tài)
因?yàn)槲蚁胍男Ч屈c(diǎn)擊灰色部分或左滑拉讯，都可以切換到默認(rèn)狀態(tài)，所以需要給灰色部分也要加入連接鳖藕。
灰色部分：添加 點(diǎn)擊?→ 默認(rèn)狀態(tài)
全局手勢(shì)：添加 左滑?→ 默認(rèn)狀態(tài)
第一次寫分享類的文章魔慷，整體邏輯上還是有些模糊；還是以初學(xué)者的身份著恩，一定會(huì)有些一些講的不明白的地方院尔。希望可以和大家一起交流學(xué)習(xí)。
