原型工具介紹———墨刀以及Axure RP比較


原型工具——墨刀以及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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM