天天看點

原型工具介紹—墨刀

1.簡介:墨刀是一款線上原型設計與協同工具,借助墨刀,産品經理、設計師、開發、銷售、營運及創業者等使用者群體,能夠搭建為産品原型,示範項目效果。墨刀同時也是協作平台,項目成員可以協作編輯、審閱 ,不管是産品想法展示,還是向客戶收集産品回報,向投資人進行Demo展示,或是在團隊内部協作溝通、項目管理。

2.功能介紹:

  (1)操作簡單

  簡單拖拽和設定,即可将想法、創意變成産品原型。

    (2)示範

  真機裝置邊框、沉浸感全屏、離線模式等多種示範模式,項目示範效果逼真。

    (3)團隊協作

  與同僚共同編輯原型,效率提升;一鍵分享發送給别人,分享便捷;還可在原型上打點、評論,收集回報意見,高效協作。

  (4)互動簡單

  簡單拖拽就可實作頁面跳轉,還可通過互動面闆實作複雜互動,多種手勢和轉場效果,可以實作一個媲美真實産品體驗的原型。

  (5)自動标注及切圖

  将 Sketch 設計稿墨刀插件上傳至墨刀,将項目連結分享給開發人員,無需登入可直接擷取到每個元素寬高、間距、字型顔色等資訊,支援一鍵下載下傳多倍率切圖。

  (6)素材庫

  内置豐富的行業素材庫,也可建立自己的素材庫、共享團隊元件庫,高頻素材直接複用。

3.使用步驟

Step1:完成登入/注冊綁定就進入了以下頁面,選擇建立空白項目。填寫項目名稱,選擇完機型、型号和系統後點選“建立”。

原型工具介紹—墨刀

Step2:建立頁面結構

左側建立頁面結構,可以快速添加新頁面,并且添加多級子頁面

選中特定頁面後,可以看到「添加子頁面」、「添加子檔案」、「建立副本」、「删除」等選項,進行更多操作

原型工具介紹—墨刀

Step3:建立頁面内容

墨刀建立頁面内容非常的簡單,從右邊元件區拖拽元件到頁面設計區,然後點選彈出的屬性,設定面闆及工具欄編輯其細節

主工具欄,可對元件進行對齊、置頂/置底、組合、橫豎屏、網格線等操作

副工具欄及屬性面闆,點選對應屬性,可設定其位置、顔色、圓角、透明度、等屬性

原型工具介紹—墨刀

Step4:應用預覽、分享及下載下傳

上側可以對整個項目做一些操作,導入圖檔,儲存,分享,工作流,運作等操作

原型制作過程中,可以随時檢查原型的運作效果,還可以将原型分享給他人

點選工作區右上角的運作按鈕,即可預覽項目

原型工具介紹—墨刀

4.例子

下面是我用墨刀制作的一個簡單的微信demo,主要建立了一個底部導航欄,用于頁面間的靈活互動。

原型工具介紹—墨刀
原型工具介紹—墨刀
原型工具介紹—墨刀
原型工具介紹—墨刀

5.編寫此部落格的心得:通過這次學習任務,我大緻知道了墨刀的産品理念以及它的基本功能, 并且學會了如何使用墨刀,并能利用它實作一些簡單的功能。