系統(tǒng)之家 - 系統(tǒng)光盤(pán)下載網(wǎng)站!

當(dāng)前位置:系統(tǒng)之家 > 系統(tǒng)教程 > Axure基本操作教程

Axure如何使用?Axure基本操作教程

時(shí)間:2016-10-24 10:43:49 作者:zhiwei 來(lái)源:系統(tǒng)之家 1. 掃描二維碼隨時(shí)看資訊 2. 請(qǐng)使用手機(jī)瀏覽器訪(fǎng)問(wèn): https://m.xitongzhijia.net/xtjc/20161024/85866.html 手機(jī)查看 評(píng)論

  Axure是一款功能強(qiáng)大的原型設(shè)計(jì)軟件,它也是美國(guó)Axure公司所開(kāi)發(fā)的,它十分好用,因此有很多人會(huì)下載安裝它,但是有些人下載安裝它,卻不知道怎么使用。那么Axure如何使用呢?不懂的朋友趕緊看看小編整理的Axure基本操作教程吧!

  制作界面原型的方法很多(我掌握的):

  1、使用網(wǎng)頁(yè)制作軟件創(chuàng)建:可以直接操作HTML文件,更接近真實(shí)。缺點(diǎn),你需要掌握HTML語(yǔ)法,掌握復(fù)雜的網(wǎng)頁(yè)制作工具。操作復(fù)雜性高。

  2、Visio,可以快速的創(chuàng)建單個(gè)頁(yè)面,也可以用創(chuàng)建,缺點(diǎn):最多只能做到頁(yè)面直接的關(guān)聯(lián),按鈕,鏈接上無(wú)法創(chuàng)建事件,死板。無(wú)法作出接近真實(shí)的效果,無(wú)法生成HTML文件。

  3、Axure,Axure可以以所見(jiàn)即所得的方式創(chuàng)建界面原型,優(yōu)點(diǎn):操作者無(wú)須懂的HTML語(yǔ)法,無(wú)須懂得控制人機(jī)交互的事件處理,例如頁(yè)面跳轉(zhuǎn)時(shí)、命令按鈕按下時(shí)系統(tǒng)響應(yīng) 程序腳本(JAVA Script)。因此很適合業(yè)務(wù)需求分析人員使用。生成的頁(yè)面,串接在一起,可以進(jìn)行操作,模擬場(chǎng)景,讓系統(tǒng)“動(dòng)”起來(lái)。

  本文章通過(guò)一個(gè)簡(jiǎn)單頁(yè)面的創(chuàng)建,講解Axure的基本操作。

  步驟/方法:

  1、啟動(dòng)Auxre。成功后如圖:

  首次啟動(dòng),打開(kāi)了所有的工具欄及相關(guān)視圖。界面可以分為9個(gè)部分:

 。1)菜單欄,所有應(yīng)用程序(C/S模式)都有的內(nèi)容。File菜單包括了關(guān)于文件的操作,例如保存,另存為,最近打開(kāi)設(shè)計(jì),退出等。Edit菜單,重做,撤銷(xiāo),復(fù)制,粘貼,剪貼,查找與替換。View菜單:設(shè)置界面中工具欄的出現(xiàn),隱藏,各種視圖③、⑤、⑥、⑦、⑧、⑨的出現(xiàn)與隱藏。默認(rèn)全部出現(xiàn);Wireframe菜單:全局性系統(tǒng)設(shè)置菜單;Object菜單:頁(yè)面中對(duì)象的對(duì)齊,分組,轉(zhuǎn)換等;Generate菜單:生成原型與說(shuō)明書(shū)功能。Share菜單:配置管理相關(guān)功能(團(tuán)隊(duì)設(shè)計(jì)時(shí)使用)。Help菜單:在線(xiàn)幫助、版權(quán)信息。

 。2)工具按鈕欄:工具按鈕欄中按鈕組是否出現(xiàn),通過(guò)View菜單控制。View---》Toolbars 進(jìn)行設(shè)置。

 。3)頁(yè)面地圖欄:此欄顯示你設(shè)計(jì)的頁(yè)面及頁(yè)面之間的樹(shù)狀關(guān)系,頁(yè)面的上下文菜單可以刪除頁(yè)面,改名等。

 。4)頁(yè)面工作區(qū):頁(yè)面設(shè)計(jì)區(qū),可以打開(kāi)多個(gè)頁(yè)面,點(diǎn)擊頁(yè)面標(biāo)簽,右鍵上下文菜單包括了打開(kāi)關(guān)閉頁(yè)面的操作。雙擊頁(yè)面地圖欄的頁(yè)面,工作區(qū)打開(kāi)該頁(yè)面。

 。5)頁(yè)面屬性欄:輸入頁(yè)面注釋?zhuān)O(shè)置頁(yè)面事件,頁(yè)面屬性。

  (6)控件欄:構(gòu)成頁(yè)面的元素,各種控件,拖動(dòng)到頁(yè)面上需要的位置。

  (7)控件屬性欄:每個(gè)控件的屬性設(shè)置欄,包括三項(xiàng):A:控件說(shuō)明 B:事件設(shè)置 C:控件屬性:包括位置、字體、對(duì)齊、分組。

 。8)模板欄:在整個(gè)系統(tǒng)界面的設(shè)計(jì)中,有一些內(nèi)容可能會(huì)在多個(gè)頁(yè)面中重復(fù)出現(xiàn),這些內(nèi)容可以被組織成一個(gè)Master,Master可以通過(guò)包組織管理。拖動(dòng)Master到頁(yè)面中,Master中的控件一起作為一個(gè)整體出現(xiàn)在頁(yè)面中。簡(jiǎn)單說(shuō)Master就是為了重用。另外修改Master內(nèi)容后,使用了Master的頁(yè)面內(nèi)容也被修改(從生成原型的效果上來(lái)看)。

  (9)動(dòng)態(tài)面板管理欄:動(dòng)態(tài)面板是Axure的核心概念,使用好可以做出很好的效果。動(dòng)態(tài)面板包括多個(gè)狀態(tài),每個(gè)狀態(tài)里邊可以放置不同的內(nèi)容,通過(guò)事件切換狀態(tài),使頁(yè)面表現(xiàn)不同狀態(tài)的內(nèi)容。

  頁(yè)面中的View等,右上角的叉,點(diǎn)擊可關(guān)閉,在View菜單上可以再打開(kāi)(頁(yè)面除外)。

  View之間及View與頁(yè)面設(shè)計(jì)工作區(qū)之間的上下,左右分割線(xiàn),都可以點(diǎn)擊拖動(dòng),調(diào)整區(qū)域的大小。左右分割線(xiàn)上的小三角可以隱藏區(qū)域,再點(diǎn)可打開(kāi),試試就知道。

Axure如何使用?Axure基本操作教程

  2、系統(tǒng)默認(rèn)建立4個(gè)頁(yè)面:Home及其下級(jí)頁(yè)面Page 1、Page 2、Page 3,聯(lián)系比較緊密的頁(yè)面可以分層組織在一起,例如一個(gè)功能模塊。點(diǎn)擊頁(yè)面、右鍵可以修改頁(yè)面的名字,改成你滿(mǎn)意的名稱(chēng)?梢詣h除,復(fù)制(Duplicate),移動(dòng)頁(yè)面(向上,向下,移出,移入:自己試試效果)。

  3、點(diǎn)擊保存按鈕,保存為設(shè)計(jì)文檔,后綴為.RP。

  4、如圖我在頁(yè)面上放置了5種控件:

 。1)文本(Text panel)控件:如圖所使用的,作為靜態(tài)文本顯示。

  (2)圖片控件:Image,在頁(yè)面上,右鍵選擇 Edit image---》Import image可以插入具體的圖片。

  (3)矩形控件:通常用來(lái)進(jìn)行界面分割,但也可以很多其他用法,比如Tab頁(yè)面的標(biāo)簽,總之當(dāng)你想畫(huà)個(gè)框框,就可以使用它。

  (4)文本框:需要輸入內(nèi)容的文本框,最常用的一個(gè)控件。

 。5)按鈕:系統(tǒng)中需要執(zhí)行某些命令時(shí)使用,例如提交內(nèi)容,計(jì)算等。途中右上角黃色的1表示這個(gè)按鈕上有一個(gè)事件(我加上的)。

Axure如何使用?Axure基本操作教程

  5、控件直接的對(duì)齊,你可要通過(guò)輸入控件的位置數(shù)據(jù)來(lái)控制,也可以把多個(gè)控件選中,然后點(diǎn)擊工具欄上的對(duì)齊命令(按鈕),對(duì)齊控件。如圖:

  根據(jù)圖標(biāo)基本可以看出其功能:從左到右為:選中的控件以上邊第一個(gè)為準(zhǔn)右對(duì)齊;水平居中對(duì)齊;向右對(duì)齊;向上對(duì)齊(控件有可能積壓在一塊,如果在垂直方向不重疊則不會(huì));垂直居中,向下對(duì)齊;平均分配控件間垂直間距;平均分配水平間距。

Axure如何使用?Axure基本操作教程

  6、完成這個(gè)簡(jiǎn)單的頁(yè)面后,可以生產(chǎn)HTML頁(yè)面了,點(diǎn)擊Generate---》Prototype,打開(kāi)對(duì)話(huà)框如圖:

  左邊選擇默認(rèn),選擇生成頁(yè)面的目錄,點(diǎn)擊Generate按鈕,生成HTML頁(yè)面,并打開(kāi)使用IE打開(kāi)第一頁(yè)(你也可以根據(jù)需要決定是否打開(kāi)以及你的系統(tǒng)默認(rèn)的瀏覽器打開(kāi))。

Axure如何使用?Axure基本操作教程

  7、效果如圖:

Axure如何使用?Axure基本操作教程

  8、保存原型,點(diǎn)擊Exit退出Axure。

  以上就是Axure基本操作教程了,是不是很簡(jiǎn)單,首先我們得先對(duì)該軟件的界面進(jìn)行分析,之后才能比較熟練的使用它。

標(biāo)簽 Axure

發(fā)表評(píng)論

0

沒(méi)有更多評(píng)論了

評(píng)論就這些咯,讓大家也知道你的獨(dú)特見(jiàn)解

立即評(píng)論

以上留言?xún)H代表用戶(hù)個(gè)人觀點(diǎn),不代表系統(tǒng)之家立場(chǎng)

其他版本軟件

人氣教程排行

相關(guān)系統(tǒng)推薦

官方交流群 軟件收錄