
我們在工作中常常需要用到axure畫原型,對于剛?cè)胄械耐瑢W(xué)來說,需要掌握一些axure基礎(chǔ)知識,以便于能快速的熟悉這款軟件
1、快速入門Axure界面
習界面-300x168.jpg)
Axure界面
工具欄:類似office軟件,可以對字體大小、背景填充、圖形寬高以及位于工作區(qū)的位置(X\Y軸)進行修改;
工作區(qū):繪制產(chǎn)品原型的操作區(qū)域,所有的用到的元件都直接拖拽到里面就好了。
頁面導(dǎo)航:可以通過鼠標拖動調(diào)整頁面順序以及頁面之間的關(guān)系,雙擊可以重命名。
部件庫:也叫組件庫或元件庫,所有軟件自帶的元件和加載的元件庫都在這里,這里可以執(zhí)行創(chuàng)建、加載、刪除axure元件庫的操作,也可以根據(jù)需求顯示全部元件或某一元件庫的元件。大家可以點擊放大鏡圖標,搜索自己需要的部件。
母版:這里可以創(chuàng)建重復(fù)出現(xiàn)在每一個頁面的元素,這樣在制作時就不用再重復(fù)這些操作。通常用于頁面頭部、菜單欄等的制作。
頁面交互:這里可以設(shè)置當前頁面的樣式,添加與該頁面有關(guān)的注釋,以及設(shè)置頁面加載時觸發(fā)的事件。
部件交互:這里可以設(shè)置選中元件的標簽、樣式,添加與該元件有關(guān)的注釋,以及設(shè)置頁面加載時觸發(fā)的事件。閃電樣式的小圖標代表交互事件。
2、部件庫的構(gòu)成
了解部件庫的使用是Axure的基礎(chǔ),下面我們就來梳理一下Axure中的常用部件:
3、部件使用易錯點
關(guān)于部件庫的使用,新手特別容易出錯的有以下幾點:
圖片:圖片拖拽進畫布時如果選擇“壓縮圖片大小”,gif文件會變成靜態(tài)的圖片形式。
圖片熱區(qū):圖片熱區(qū)可以用來創(chuàng)建自定義按鈕上的點擊區(qū)域。例如在一個區(qū)域中,既有圖片部件又有文字部件,我們只需在這些部件上面覆蓋一個圖片熱區(qū)并添加一次事件即可,無需在每個部件上都添加事件。反之,如果你想給一張圖片上添加多個交互,也可以給圖片的部分區(qū)域覆蓋一塊熱區(qū)來實現(xiàn)。
動態(tài)面板滾動欄:使用滾動欄給你的動態(tài)面板添加可滾動內(nèi)容,在動態(tài)面板屬性面板中選擇,滾動欄下拉菜單并選擇滾動欄的顯示方式,為了讓滾動欄正常顯示,動態(tài)面板狀態(tài)內(nèi)中的內(nèi)容必須比動態(tài)面板的邊界輪廓大,并且不能勾選調(diào)整大小以適合內(nèi)容。
內(nèi)部框架:你可以給內(nèi)部框架的屬性選項框中添加Axure內(nèi)置的預(yù)覽圖片,如視頻、地圖,也可以自定義預(yù)覽圖片。注意:預(yù)覽圖片會在設(shè)計區(qū)域中顯示,但不會在生成的原型中顯示。
列表選擇框:在一個交互事件中同時讀取或設(shè)置多個選項時,列表選擇框部件只允許你讀取或設(shè)置一個選項,即便你勾選了多選功能。
提交按鈕:提交按鈕無法設(shè)置交互樣式,如:選中/鼠標懸停/鼠標按下。提交按鈕的填充顏色、邊框顏色和其他大多數(shù)樣式格式都被禁用了。取而代之的是生成原型后在瀏覽器中它會使用內(nèi)建的樣式。如果你想自定義你的按鈕樣式,請使用形狀按鈕“Shape button”。
菜單部件:無法點擊展開子菜單。菜單部件默認是鼠標懸停展示子菜單的。
特別提醒大家,在創(chuàng)建部件時,一定要養(yǎng)成給部件命名的習慣,因為無論是創(chuàng)建交互事件還是進行變量調(diào)用,都需要明確部件的名稱。目前我使用的命名方法是“頁面名稱+部件功能”。
