墨刀原型設計介紹
目錄:
前言
墨刀簡介
墨刀功能介紹
墨刀的基本使用
墨刀與Axure的比較
前言
在第八周的課堂上,王文娟老師發布了對於自行選擇的原型設計軟件進行資料查找以及自學的任務,因此,這是軟件工程綜合實踐專題課程第二次個人作業所寫的博客。
因為上學期課程的學習需要,我們已經大概掌握了原型設計軟件Axure的使用,所以在這篇博客中我選擇了另一原型設計進行介紹,與Axure有很高相似度的原型設計軟件:墨刀。
編寫此博客的心得:通過這次學習任務,我大致知道了墨刀的產品理念以及它的基本功能, 並且學會了如何簡單的使用墨刀。從而我進一步了解了Axure與墨刀的不同之處。就我個人而言,我更傾向於使用墨刀。因為Axure是沒有元件庫的,而墨刀不僅有元件庫,還有模板庫,不論是微信小程序還是各類應用界面,只需要小部分的修改,就能在最短的時間做出自己想要的模板,十分便捷,因此墨刀使用起來更加方便。
墨刀簡介
墨刀是一款在線原型設計與協同工具,借助墨刀,產品經理、設計師、開發、銷售、運營及創業者等用戶群體,能夠搭建為產品原型,演示項目效果。墨刀同時也是協作平台,項目成員可以協作編輯、審閱 ,不管是產品想法展示,還是向客戶收集產品反饋,向投資人進行Demo展示,或是在團隊內部協作溝通、項目管理。
墨刀功能介紹:
1. 操作簡單
2. 演示
3. 團隊協作
4. 交互簡單
5. 自動標注及切圖
6. 素材庫
7. 免費版
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的功能了.