原型設計工具個人部落格

壹贰叁肆伍陆柒發表於2024-05-22

今天我想向大家介紹一款新的原型設計的工具——墨刀,我將從操作方式、墨刀的優勢以及Axure與墨刀兩者的比較這三部分分別闡述。
一、操作方法。
1.使用郵箱註冊或者選擇微信快捷登入。

2.登陸成功後我們就可以開始建立專案了,有模板專案和空白專案兩種選項。

3.空白專案:有手機、平板、網頁/電視、Watch、其他裝置五中選項,並且在底部可以選擇裝置的型號和大小。

4.我以使用模板專案為例新建一個專案。墨刀推出了豐富的模板專案,可先預覽模板效果,挑選成功後點選使用模板即可。透過編輯模板你可以更快地掌握頁面 設計、互動設計的方法。

5.專案建立好之後,我們就可以按照需求來繪製原型圖了。但是我們需要先來認識一下墨刀的工作區。方便我們接下來製作原型圖。
>>工作區上一些基礎的操作,比如儲存、撤銷、橫豎屏、放大縮小、分享、執行等等,這些操作一看就知道是做什麼的了,這裡就不記錄,有興趣的可以去看操作教程。
>>頁面列表位於工作區的左側,你可以在頁面列表下新增新頁面、子頁面、建立副本、移動當前頁到其他專案、刪除等操作。
>>墨刀有兩個元件區:
高頻元件區:位於左側,當您畫網頁原型時,可以將頁面列表收攏起來,空間會大很多。
右側元件區:包括墨刀內建的元件、我的元件、圖示、母版(母版具有繼承屬性——即編輯母版,當前專案中的所有對應母版例項都會同步發生改變。)

 6.如果要進行頁面之間的跳轉,可以點選右側元件區內的內建元件,然後拉動元件旁邊的連結區域圖示到相應的區域,只要拖動元件旁的這根線到你想要的跳轉的頁面;頁面即可執行進行頁面跳轉功能。

 7.還有一個在移動端比較重要的功能,應用全域性手勢的新增,在左側“元件”欄目找到全域性手勢元件,拖入至應用的任意位置,然後選擇你要發動手勢後跳轉的頁面,選擇手勢方式和動效即可。

8.手機預覽功能,可以直接將原型導到手機上檢視。只需要在執行介面,點選分享,用墨刀app掃描二維碼即可直接在手機上檢視原型。

9.素材廣場

二、墨刀的優勢

  1.元件方面,墨刀自帶了很多成熟的元件,例如鍵盤,開關,手機模型等。

  2.墨刀有一個非常有特點的功能,就是透過連線的方式進行頁面之間的跳轉,在應用中選擇任何一個控制元件,圖片或者文字都可以透過新增手勢和頁面切換方式實現頁面跳轉,只要拖動其各種元件右邊的這根線,即可連結開啟各種頁面。優點在於操作方便,且比較直觀。
  3.本身支援手機預覽功能,更加方便於移動產品的建立和展示。
  4.比較容易上手、能團隊協作,並且能快速地做出一個產品原型。
三、Axure與墨刀兩者的比較
  1.入門難度
  兩個軟體用下來最大的感受就是墨刀入門快,我用了一個下午就學會了它的基本操作,它的學習成本很低,一般大概半天就能掌握所有基礎操作。而且官方論壇也設有交流區,而Axure我跟著老師斷斷續續學習了快一個學期,可能也和課時有關係。
  2.互動效果
  墨刀勝在便捷,利用拖動連線的方式即可快速的實現頁面的切換,但是互動效果有限,內建的互動效果還是不夠用。這方面相比Axure就強大很多了,透過動態皮膚,函式,中繼器等,幾乎能實現所有常見的互動效果,或者自己也能設計出想要的互動效果。
  3.素材庫
  墨刀內建了很多移動端的素材庫,做這類原型的時候會方便很多但是作為產品經理,平常涉及到的產品不單隻有移動端,可能還有PC端後臺等,這時候使用Axure會發現素材庫和原型庫會多一些。更重要的是,Axure強大的編輯功能使得製作素材庫會更便捷一點。
  4.分享難易
  墨刀的原型分享功能做得很好,可以很方便的在手機上預覽原型。但是透過自建伺服器Axure也能實現線上分享和預覽,但是比墨刀是麻煩很多。

相關文章