墨刀原型設(shè)計(jì)工具

墨刀(MockingBot)是一款功能非常強(qiáng)大的原型設(shè)計(jì)工具，夠快速創(chuàng)建頁面連接，獨(dú)創(chuàng)的拖拽連接方式，讓頁面間的連接關(guān)系清晰呈現(xiàn)出來。擁有云端保存，實(shí)時(shí)手機(jī)預(yù)覽，多種手勢，頁面切換特效等多種功能。全球114個(gè)國家超過10萬名設(shè)計(jì)師的選擇，并且墨刀對開放項(xiàng)目永久免費(fèi)！

墨刀軟件特色

【多種設(shè)備完美演示】

你可以將你的作品分享給任何人，無論在 PC、手機(jī)或微信上，他們都能隨時(shí)查看最新版本。

快速生成高保真原型，在原型階段得到產(chǎn)品反饋，為我們節(jié)約開發(fā)成本，它已經(jīng)成為我們梅沙科技的必備工具。

【Sketch + 墨刀 = 交互批注利器】

將 Sketch 的設(shè)計(jì)稿一鍵導(dǎo)入墨刀即可馬上制作交互，工程師還可以通過開發(fā)者模式，看到完整的圖層信息。

墨刀 Sketch 插件極大程度地提升了我們的工作效率，讓我們可以一鍵導(dǎo)入設(shè)計(jì)稿，幾分鐘內(nèi)輕松制作出可跳轉(zhuǎn)的交互原型。

【在線團(tuán)隊(duì)協(xié)同，多人聚焦討論】

產(chǎn)品細(xì)節(jié)、新增需求、打點(diǎn)評論清晰可見。制作者可以第一時(shí)間收到細(xì)節(jié)反饋，方便意見的統(tǒng)一修改。

我們成員在美國洛杉磯、英國曼徹斯特、上海、北京，但絲毫不影響協(xié)作辦公。我們用墨刀做產(chǎn)品原型和客戶溝通更改。我們的工作就是把客戶在打點(diǎn)討論中的需求用最友好的方式展示出來。

【簡單易用的原型設(shè)計(jì)工具】

無論是 PM 從 0 到 1 繪制原型、還是設(shè)計(jì)師導(dǎo)入設(shè)計(jì)稿制作交互，都可以快速輕松完成可交互原型。

墨刀的出現(xiàn)，就是節(jié)約了溝通的成本，降低了試錯(cuò)成本，優(yōu)化了設(shè)計(jì)的效率！讓看不見的價(jià)值，更快速地用可見的方式表達(dá)。讓革新者有新的方法去改變世界。

【工作流文檔生成，關(guān)注產(chǎn)品全局】

開發(fā)人員可告別復(fù)雜的需求文檔，打開工作流便可看到全局狀態(tài)和注釋，實(shí)時(shí)同步進(jìn)度和文檔——工作流成為最有效的溝通語言。

針對移動(dòng)應(yīng)用，可以做出像開發(fā)完成的應(yīng)用一樣的原型。產(chǎn)品方案驗(yàn)證和演示的時(shí)候，工作流極大地減少了溝通和時(shí)間成本。

墨刀軟件功能

1、設(shè)計(jì)

一拖一拽輕松搭建界面

多種手勢和轉(zhuǎn)場效果

無需代碼也能做出酷炫動(dòng)效

2、高效演示及評審

真實(shí)設(shè)備邊框、全屏演示

一鍵分享

在線獲取評論

3、素材庫

內(nèi)置豐富的組件和模板

可自定義個(gè)人素材庫

還可共享團(tuán)隊(duì)組件庫

4、多人協(xié)作

協(xié)同編輯、查看、審閱

項(xiàng)目同步、溝通透明

項(xiàng)目&成員便捷管理

5、Sketch插件&標(biāo)注

導(dǎo)入Sketch稿

自動(dòng)標(biāo)注&切圖

獲取全平臺(tái)代碼

6、云端編輯

瀏覽器直接登錄

隨時(shí)隨地辦公

異地團(tuán)隊(duì)協(xié)作

使用教程

鏈接、手勢及定時(shí)器

使用墨刀可以非常方便的創(chuàng)建頁面間鏈接，墨刀獨(dú)創(chuàng)的拖拽鏈接方式，讓頁面間的鏈接關(guān)系清晰呈現(xiàn)眼前，要?jiǎng)?chuàng)建頁面間鏈接，只需要選中要鏈接的組件，然后拖動(dòng)組件右側(cè)的小圓圈到目標(biāo)頁面就可以了，如下圖：

創(chuàng)建好鏈接之后，我們會(huì)看到鏈接選項(xiàng)面板：

可以看到，鏈接面板包含3個(gè)部分：手勢、切換動(dòng)畫以及定時(shí)器，下面我們來依次介紹這3個(gè)部分。

由于手勢需要較大的可點(diǎn)擊區(qū)域，所以并不是所有組件都支持手勢，目前支持手勢的組件包括：全局手勢，鏈接區(qū)域，圖片以及矩形，可選的手勢如圖所示，共有6種：點(diǎn)按，長按以及上下左右滑動(dòng)。

接下來就是頁面切換動(dòng)畫選擇，共有15種特效可供選擇，如果您不確定需要那種效果，可以在選中之后，將鼠標(biāo)移到上面的預(yù)覽框，對效果進(jìn)行預(yù)覽。

最后是定時(shí)器，可以設(shè)定這個(gè)鏈接的自動(dòng)跳轉(zhuǎn)時(shí)間，到達(dá)時(shí)間后，即使用戶沒有任何操作，應(yīng)用也會(huì)自動(dòng)跳轉(zhuǎn)到目標(biāo)頁面，適合制作輪播動(dòng)畫等等。

常見問題

一、素材庫不見了，怎樣打開素材庫彈窗呢？我想要更多的圖標(biāo)？

1、首先，需要從組件區(qū)拖取一個(gè)“星星”圖標(biāo)，界面右側(cè)會(huì)彈出“3”號(hào)圖標(biāo)彈窗（如果沒出現(xiàn)就進(jìn)行第2步）；

2、點(diǎn)擊工具欄小星星，打開圖標(biāo)面板；

3、在搜索框找尋你的真愛icon。

二、點(diǎn)選組件好困難啊，鼠標(biāo)要戳穿了！怎么解決？

遇到這種情況，請點(diǎn)擊左上角保存按鈕對當(dāng)前操作進(jìn)行保存，之后刷新該頁面，或清理瀏覽器緩存后重啟瀏覽器。

更新日志

動(dòng)態(tài)組件撤銷編輯白屏bug。