墨刀(MockingBot)是一款簡潔易懂的原型設計工具,功能強大、學習成本低,內置海量素材,具備便捷式交互、在線協同、打點評論、真機模擬演示、sketch插件等功能,以最短的時間完成設計并進行協作討論。墨刀旨在幫助產品經理及UI/UX設計師快速構建移動應用產品原型,并及時與團隊內其他成員分享和討論。作為一款專注移動應用的原型工具,除了云端保存,實時手機預覽,MockingBot還有多種手勢,頁面切換特效及主題可供選擇。
1.簡單易用的原型設計工具
無論是 PM 從 0 到 1 繪制原型、還是設計師導入設計稿制作交互,都可以快速輕松完成可交互原型。
墨刀的出現,就是節約了溝通的成本,降低了試錯成本,優化了設計的效率!讓看不見的價值,更快速地用可見的方式表達。讓革新者有新的方法去改變世界。
2.多種設備完美演示
你可以將你的作品分享給任何人,無論在 PC、手機或微信上,他們都能隨時查看最新版本。
快速生成高保真原型,在原型階段得到產品反饋,為我們節約開發成本,它已經成為我們梅沙科技的必備工具。
3.在線團隊協同,多人聚焦討論
產品細節、新增需求、打點評論清晰可見。制作者可以第一時間收到細節反饋,方便意見的統一修改。
我們成員在美國洛杉磯、英國曼徹斯特、上海、北京,但絲毫不影響協作辦公。我們用墨刀做產品原型和客戶溝通更改。我們的工作就是把客戶在打點討論中的需求用最友好的方式展示出來。
4.工作流文檔生成,關注產品全局
開發人員可告別復雜的需求文檔,打開工作流便可看到全局狀態和注釋,實時同步進度和文檔——工作流成為最有效的溝通語言。
針對移動應用,可以做出像開發完成的應用一樣的原型。產品方案驗證和演示的時候,工作流極大地減少了溝通和時間成本。
5.Sketch + 墨刀 = 交互批注利器
將 Sketch 的設計稿一鍵導入墨刀即可馬上制作交互,工程師還可以通過開發者模式,看到完整的圖層信息。
墨刀 Sketch 插件極大程度地提升了我們的工作效率,讓我們可以一鍵導入設計稿,幾分鐘內輕松制作出可跳轉的交互原型。
新建項目
注冊/登錄墨刀后,首先到達的是項目管理頁,在這個頁面您可以看到一個預先創建好的項目組(文件夾)——個人項目。 點擊進入項目組之后,您可以點擊「使用模板項目」和「創建空白項目」來新建原型項目。
添加頁面
在編輯區左側的頁面列表區域,您可以點擊頂部的「新建頁面」為原型添加新頁面。
添加組件
在編輯區右側的組件區域,有「內置組件」、「我的組件」、「圖標」及「母版」素材,您可以點擊打開對應的素材面板,添加您需要的組件。
設置頁面/組件外觀
選中整個頁面畫板時,您可以在右側的外觀設置面板中設置頁面畫板的外觀(尺寸、背景色)。
選中某個組件時,您可以在右側的外觀設置面板中設置組件的外觀(如位置、大小、顏色、透明度、陰影、動效等)。
添加交互鏈接
您可以用兩種方式來添加頁面跳轉鏈接:
1、選中組件,拖拽組件旁邊的鏈接(小閃電)圖標,到您想要跳轉的頁面即可。
2、選中組件,編輯區右側切換到「鏈接」,點擊「添加事件」,然后設置鏈接觸發方式、要跳轉的頁面、動效以及時長即可。
添加批注/備注說明
如果需要為頁面添加備注說明,您可以用「批注」組件來實現。「批注」在「內置組件」-「基礎組件」當中。