天天看點

墨刀原型設計介紹墨刀原型設計介紹

墨刀原型設計介紹

 目錄:

  前言

  墨刀簡介

  墨刀功能介紹

  墨刀的基本使用

  墨刀與Axure的比較

 前言

  在第八周的課堂上,王文娟老師釋出了對于自行選擇的原型設計軟體進行資料查找以及自學的任務,是以,這是軟體工程綜合實踐專題課程第二次個人作業所寫的部落格。

  因為上學期課程的學習需要,我們已經大概掌握了原型設計軟體Axure的使用,是以在這篇部落格中我選擇了另一原型設計進行介紹,與Axure有很高相似度的原型設計軟體:墨刀。

  編寫此部落格的心得:通過這次學習任務,我大緻知道了墨刀的産品理念以及它的基本功能, 并且學會了如何簡單的使用墨刀。進而我進一步了解了Axure與墨刀的不同之處。就我個人而言,我更傾向于使用墨刀。因為Axure是沒有元件庫的,而墨刀不僅有元件庫,還有模闆庫,不論是微信小程式還是各類應用界面,隻需要小部分的修改,就能在最短的時間做出自己想要的模闆,十分便捷,是以墨刀使用起來更加友善。

 墨刀簡介

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

 墨刀功能介紹:

  1. 操作簡單

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

  2. 示範

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

  3. 團隊協作

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

  4. 互動簡單

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

  5. 自動标注及切圖

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

  6. 素材庫

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

  7. 免費版

  支援産品設計、工作流、原型預覽、Sketch标注插件、移動端示範,可免費建立3個項目,每個項目20個頁面,以及總共50MB素材容量。

  8. 個人專業版

  享受免費版所有功能,可以建立不限數量的項目及頁面,支援檔案導出。

  9. 企業版

  享受專業版所有功能,支援添加企業成員,進行成員協作及管理,共享企業自定義素材庫。友善進行成員管理、項目管理及資料管理。

  墨刀的基本使用

  完成登入/注冊綁定就進入了以下頁面(我這裡使用的是網頁版,目前墨刀分為網頁版和用戶端。不同于Axure一定要下載下傳才能使用,墨刀可以直接在網頁上打開進行創作,對于使用者來講很友善)

墨刀原型設計介紹墨刀原型設計介紹

  點選右下的“視訊教程”,裡面有較為詳盡的圖文教程,教你怎麼使用墨刀的各種功能。

  可以選擇建立空白項目,因為墨刀擁有模闆庫,是以還可以從已有模闆中建立項目(它的模版庫内容很是豐富)。

墨刀原型設計介紹墨刀原型設計介紹

  選擇建立空白項目。

   填寫項目名稱,選擇完機型、型号和系統後點選“建立”。

墨刀原型設計介紹墨刀原型設計介紹

  進入工作區

墨刀原型設計介紹墨刀原型設計介紹

  點選“首頁”進入編輯界面。

墨刀原型設計介紹墨刀原型設計介紹

  我嘗試着做了一個簡單的界面。

    

墨刀原型設計介紹墨刀原型設計介紹

  墨刀與Axure的比較

  1. 原型圖工具有axure、墨刀、摩客(Mockplus)、xiaopiu、Sketch等,其中現在最常用的原型圖工具主要包括axure和墨刀。axure作為老牌的原型圖工具,功能最齊全,互動最多樣,基本任何想要的效果都可以實作,尤其在制作PC端原型圖上有優勢。

  2. axure缺點同樣也相當明顯,Axure的動态面闆、中繼器等功能都是強大的,但是不容易搞懂。AXURE的素材也是很蛋疼的問題,大部分PM 都會在AXURE原型庫、素材庫去尋找相應的第三方素材庫,進行載入。需要花費相應的時間。

  3. 墨刀對于APP的原型設計真的是體驗非常好,怎麼說呢?就像有一個無形的人在幫助你,和你一起打造你的原型APP。(當然以後也适用微信小程式的設計),其控件的拖拉、大小的調整,都會自然的去比對相應的母版大小。無需去擔心有多移動一點或多 選擇一點。并且墨刀的系統控件都是基于APP,以及系統平台IOS和安卓,是以在裡面可以首先選擇相應的裝置布局,減少了不少工作環節。

  4. 墨刀的缺點就是相應的就是不自由啦,首先這也于墨刀的産品定位有關,清晰定位為移動端原型設計工具,是以在互動效果上、控件組合上,操作面闆的選擇上都不如AXURE 靈活,并且效果切換因為是采用連線的方式,有時候會讓使用者腦子錯亂的感覺。并且目前原型的互動效果系統自帶的還比較少,但基本滿足日常所有原型的使用。另外需要充費才能夠使用更強大的共享建立功能。

  5. 總的來說墨刀和Axure就像美圖秀秀和photoshop。前者都是簡化了基礎的操作,很像封裝好了一個函數,你直接調用就可以了。大部分小夥伴外出拍了照片肯定是美圖秀秀,選選效果,感覺不錯之後立即分享。但是真的設計到很多的圖層組合,可控地調整頁面元素,還是會用到photoshop這就涉及到不同的需求,你用這個軟體是想達到什麼目的。是更想研究邏輯結構還是更像展現原型效果。

  6. 對于我來說這要看做什麼樣的原型,給誰看?墨刀更加友善快捷,可以做一個簡單的DEOM和上司溝通;如果是給技術将詳細功能會用axure繪制原型圖,互動更多更加自由,也可以更加友善的增加備注标簽,友善研發人員了解。

寫在最後

  如果從産品演變的角度,其實我覺得墨刀這種産品形态和互動比Axure好很多,如果墨刀能持續更新疊代,我甚至會覺得Axure終将被取代,因為Axure作為一個原型工具,在産品形态,盈利模式和操作互動上是不如墨刀的.我覺得最理想的情況肯定是墨刀的互動+Axure的功能了.

轉載于:https://www.cnblogs.com/zxy1113/p/10773882.html