關(guān)于axure教程,axure教程這個(gè)問(wèn)題很多朋友還不知道,今天小六來(lái)為大家解答以上的問(wèn)題,現(xiàn)在讓我們一起來(lái)看看吧!
1、首先做個(gè)聲明:此次教程里為了快速完成,借用了一些網(wǎng)上已有教程的圖文,不是剽竊,只圖方便。
2、另外,因?yàn)闈h化版本可能功能名稱等略有差別,請(qǐng)自行理解。
3、 名詞解釋: 線框圖:一般就是指產(chǎn)品原型,比如:把線框圖盡快畫(huà)出來(lái)和把原型盡快做出來(lái)是一個(gè)意思。
4、 axure元件:也叫axure組件或axure部件,系統(tǒng)自帶了一部分最基礎(chǔ)常用的,網(wǎng)上也有很多別人做好的,軟件使用到一定階段可以考慮自己制作元件,以便提高產(chǎn)品原型的制作速度。
5、 生成原型:是指把繪制好的原型通過(guò)axure rp生成靜態(tài)的html頁(yè)面,檢查原型是否正確,同時(shí),方便演示。
6、建議生成時(shí)選擇用谷歌瀏覽器打開(kāi)(第一次會(huì)有提示安裝相關(guān)插件),ie會(huì)每次都有安全提示,不如谷歌瀏覽器方便。
7、 (一)? Axure rp的界面 ? 1-主菜單工具欄:大部分類似office軟件,不做詳細(xì)解釋,鼠標(biāo)移到按鈕上都有對(duì)應(yīng)的提示。
8、 2-主操作界面:繪制產(chǎn)品原型的操作區(qū)域,所有的用到的元件都拖到該區(qū)域。
9、 3-站點(diǎn)地圖:所有頁(yè)面文件都存放在這個(gè)位置,可以在這里增加、刪除、修改、查看頁(yè)面,也可以通過(guò)鼠標(biāo)拖動(dòng)調(diào)整頁(yè)面順序以及頁(yè)面之間的關(guān)系。
10、 4-axure元件庫(kù):或者叫axure組件庫(kù)、axure部件庫(kù),所有軟件自帶的元件和加載的元件庫(kù)都在這里,這里可以執(zhí)行創(chuàng)建、加載、刪除axure元件庫(kù)的操作,也可以根據(jù)需求顯示全部元件或某一元件庫(kù)的元件。
11、 5-母版管理:這里可以創(chuàng)建、刪除、像頁(yè)面頭部、導(dǎo)航欄這種出現(xiàn)在每一個(gè)頁(yè)面的元素,可以繪制在母版里面,然后加載到需要顯示的頁(yè)面,這樣在制作頁(yè)面時(shí)就不用再重復(fù)這些操作。
12、 6-頁(yè)面屬性:這里可以設(shè)置當(dāng)前頁(yè)面的樣式,添加與該頁(yè)面有關(guān)的注釋,以及設(shè)置頁(yè)面加載時(shí)觸發(fā)的事件onpageload。
13、 7-元件屬性:這里可以設(shè)置選中元件的標(biāo)簽、樣式,添加與該元件有關(guān)的注釋,以及設(shè)置頁(yè)面加載時(shí)觸發(fā)的事件; A-交互事件:元件屬性區(qū)域閃電樣式的小圖標(biāo)代表交互事件; B-元件注釋:交互事件左面的圖標(biāo)是用來(lái)添加元件注釋的,在這里我們能夠添加一些元件限定條件的注釋,比如:文本框的話,可以添加注釋指出輸入字符長(zhǎng)度不能超過(guò)20。
14、 C-元件樣式:交互事件右側(cè)的圖標(biāo)是用來(lái)設(shè)置元件樣式的,可以在這里更改原件的字體、尺寸、旋轉(zhuǎn)角度等,當(dāng)然也可以進(jìn)行多個(gè)元件的對(duì)齊、組合等設(shè)置。
15、 8 動(dòng)態(tài)面板:這個(gè)是很重要的區(qū)域,在這里可以添加、刪除動(dòng)態(tài)面板的狀態(tài),以及狀態(tài)的排序,也可以在這里設(shè)置動(dòng)態(tài)面板的標(biāo)簽;當(dāng)繪制原型動(dòng)態(tài)面板被覆蓋時(shí),我們可以在這里通過(guò)點(diǎn)擊選中相應(yīng)的動(dòng)態(tài)面板,也可以雙擊狀態(tài)進(jìn)入編輯。
16、 Axure rp的界面就介紹到這里,界面中的各個(gè)區(qū)域基本上在做產(chǎn)品原型的過(guò)程中,使用都很頻繁,所以建議不要關(guān)閉任何一個(gè)區(qū)域。
17、如果不小心關(guān)閉了,可以通過(guò)主菜單工具欄—視圖—重置視圖來(lái)找回。
本文分享完畢,希望對(duì)大家有所幫助。
標(biāo)簽:
免責(zé)聲明:本文由用戶上傳,如有侵權(quán)請(qǐng)聯(lián)系刪除!