原型工具——墨刀以及Axure的比較
1759233
目錄
一.了解背景... 1
二.下面分開介紹一下這兩款工具... 1
2.1 Axure RP. 1
2.2墨刀... 6
三.比較... 8
四.總結心得... 8
五.參考文獻... 9
一.了解背景
墨刀:首先是國產的,是北京一家公司設計的。墨刀是一款在線原型設計與協同工具,借助墨刀,產品經理、設計師、開發、銷售、運營及創業者等用戶群體,能夠搭建為產品原型,演示項目效果。它同時也是協作平台,項目成員可以協作編輯、審閱 [1] ,不管是產品想法展示,還是向客戶收集產品反饋,向投資人進行Demo展示,或是在團隊內部協作溝通、項目管理。
Axure RP:Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建各種圖和一些規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。
二.下面分開介紹一下這兩款工具:
2.1 Axure RP:
1.進入之后先進行注冊,注冊之后,一些功能才能正常使用。
2.注冊過后,進入到一個空白的界面,之后我們主要在這個界面進行操作;
3.接下來介紹axure界面中常用的幾個部件:
(1)主菜單和工具條;
(3)各種組建在的地方
(5)操作面板;
(6)交互設置面板;
4.介紹一下主要的控件:
5.界面設計:
在一側的libraries中直接拖動需要的組件放在右側操作面板中即可。(若是制作手機應用界面,經常先設置一個矩形框,並根據手機分辨率進行設置界面大小)
首先,我們可以按照一般手機分辨率設置一個矩形框:設置大小為640*960
接下來,我們拖動一個Button,並對它進行一些設置:
點擊之后,右側的屬性面板有三個可以選擇的標簽:
我們在這里簡單的演示一下點擊事件的設置:
點擊AddCase之后,我們進入到這個界面,按照數字的順序進行操作,1是點擊過后打開頁面的類型;2是可以跳轉的當前界面;3就是一些設置,比如說可以跳轉回上一層等。
這樣一個簡單的點擊事件設計就結束了。
6.交互事件:
點擊一個控件之后,在一側的inspector page一欄中,有如下樣式:
點擊AddCase可以為這個控件添加各樣的事件;
如下所示:
7.通過axureSHARE,實現團隊合作:
Axure RP特點之一就是可以進行高效的團隊合作,實現進度和代碼的管理,下面簡單介紹一下如何實現:
首先在網站上注冊賬號,登陸之后,按照提示創建項目,如下:
在這個頁面,可以邀請團隊成員進入(好像QQ郵箱注冊的接收不到邀請但是可以發出邀請)
在Axure RP中在Team中可以創建團隊項目;
8.利用中繼器進行簡單案例設計:
利用中繼器實現一個你的讀書列表,給出各個步驟的簡單說明和截圖。(提示:中繼器可以轉載圖片,在中繼器項放入一個Image元件,在數據集的相應字段點右鍵,選擇“import image”。)
截圖與功能說明:
這是在數據集的地方添加 自己選擇的照片;
這里是Preview的時候的效果;
特別注意:在設置Onclick事件中,設置圖片要選擇 Setimage將default也就是默認的時候設置為數據集 “item.Photo”
2.2墨刀:
墨刀可以在網頁上直接使用,這也是十分方便的一個方面,下面主要講一下它的使用。
首先登錄之后,在右上角可以創建應用;
應用創建之后,可以選擇不同的類型,比如ipad,iphone等;
進入之后,主要是講解一下這個界面:
這個圖中表明了各部分功能以及樣式,經常用到的就是左側的控件區以及右側的一個頁面和元素列表。
接下來主要是一些編輯的方式。
1.像Axure一樣,可以直接把控件拖拽到編輯區域進行編輯,在右側會顯示這些組件的排列,可以雙擊這個組件對顏色和內容等進行編輯;
2.關於界面跳轉,這款工具比Axure的使用更加方便。它不再需要設計交互事件等,只需要點擊組件,再拉一條線到你想要的跳轉界面就可以實現,十分便捷有沒有!(如下)
三.比較
Axure RP十分的強大,但是也有缺點。比如說里面很多組件使用起來很繁瑣,對於初學者上手比較慢。另外,Axure RP中的一些默認的圖標使用起來真的不是很好看,所以很多人在使用的時候會導入一些外部的素材庫。
對於墨刀,我覺得讓我感受最深刻的是,不需要設計母板的模式布局。在創建的時候就選擇了母板的類型,所以以后不會出現這類問題;
但是,對於一些交互方式,墨刀跳轉頁面時,主要是拉一條線過去,沒有Axure那么靈活,所以在這個方面,Axure還是有它強大之處的。
在做一些強大的功能時,個人認為Axure還是比墨刀強大一些。
四.總結心得:
其實上學期學了一門移動開發的課程,在課上就主要學習了Axure RP的使用。過了快半年,有一些組件的使用有些忘了(這也體現出Axure中一些組件的使用有些復雜),這次作業讓我有溫故知新的感覺。另外,之前並沒有聽說過其他原型構建工具,通過這次作業,我了解到了類似的工具還有:xiaopiu,Sketch和摩客等,同時也着重了解和體驗了一下墨刀這個工具。用完之后,就覺得也沒有哪個好和哪個不好,針對不同的人和不同的情景,每一個設計工具都有他自己的優勢。總結起來,收獲還是有的,不僅溫故知新,而且還學了新的簡單好用的工具。
五.參考文獻
(1)https://baike.baidu.com/item/%E5%A2%A8%E5%88%80/20111640?fr=aladdin
(2)https://baike.baidu.com/item/axure%20rp/9653646?fromtitle=axure&fromid=5056136&fr=aladdin