Axure的這些實(shí)用技巧,你都知道嗎?

4 評(píng)論 12954 瀏覽 45 收藏 8 分鐘

在評(píng)估一位產(chǎn)品新人的原型時(shí),發(fā)現(xiàn)對(duì)方竟然不知道Axure的很多實(shí)用技巧,導(dǎo)致很多效果都是用極其復(fù)雜或者笨拙的方式實(shí)現(xiàn)。Axure是產(chǎn)品經(jīng)理的必備工具之一,熟練使用axure可以提高畫(huà)原型的效率。那axure的這些實(shí)用技巧,你都知道嗎?

為避免他人也有同樣的問(wèn)題,對(duì)Axure常用技巧做總結(jié)如下:

(1)點(diǎn)擊某些按鈕,或者鼠標(biāo)懸浮時(shí),顯示某些隱藏的元件,元件被覆蓋,這是因?yàn)樵蛹?jí)太低,顯示元件的用例注意勾選置于頂層(見(jiàn)紅框)。

(2)可以批量居中頁(yè)面,不需要每個(gè)頁(yè)面都去設(shè)置一下居中樣式。點(diǎn)擊Project,再點(diǎn)擊Page Style Editor,在彈出窗口中設(shè)置Page Align居中即可。

(3)彈窗類(lèi)動(dòng)態(tài)面板N多,聚在頁(yè)面中央,且一層層覆蓋在一起,想要改某個(gè),需要挨個(gè)找。這類(lèi)面板可以錯(cuò)落有致的放置在主頁(yè)面右邊,在Pin to Browser設(shè)置位置居中即可。

(4)Tab切換,所有Tab設(shè)置為選項(xiàng)組,給每個(gè)Tab設(shè)置點(diǎn)擊選中事件,這樣每次只有一個(gè)可以選中,選中和懸浮的樣式可以在Interaction Styles里設(shè)置。

(5)不需要添加一橫線(xiàn),通過(guò)隱藏/顯示事件,實(shí)現(xiàn)下圖“年費(fèi)會(huì)員”的效果。每個(gè)菜單一個(gè)矩形框,隱藏左、上、右邊線(xiàn),下邊線(xiàn)設(shè)置為白色,在Interaction Styles里設(shè)置下邊線(xiàn)選中或者懸浮樣式。

(6)實(shí)現(xiàn)點(diǎn)擊時(shí)顯示,再次點(diǎn)擊時(shí)隱藏,用Toggle即可實(shí)現(xiàn)。

(7)沒(méi)有鎖定背景框,移動(dòng)時(shí)添亂??梢渣c(diǎn)擊工具欄Lock鎖定不需要移動(dòng)的元件。

(8)可以用動(dòng)態(tài)面板的Scrollbar屬性實(shí)現(xiàn)拖動(dòng)滾動(dòng)條來(lái)查看容器中的元素。

(9)頁(yè)面比較大時(shí),將鼠標(biāo)的光標(biāo)放置在編輯窗口中,按住鍵盤(pán)的空格鍵,就能看到鼠標(biāo)的光標(biāo)會(huì)切換成手狀。然后就可以用來(lái)抓著畫(huà)面任意滑動(dòng),而且不會(huì)對(duì)任何的部件造成影響。

(10)經(jīng)常會(huì)遇到幾個(gè)部件重疊的情況,如何選擇下層部件呢?可以在部件管理窗口中直接選擇想要的部件,另外可以選擇最上層的部件之后,稍等會(huì)再點(diǎn)擊一次,就會(huì)選中下一層的部件。若選擇再下一層的部件,做相同操作。

(11)需要在水平方向或者垂直方向上移動(dòng)部件,可以按住shift鍵,拖動(dòng)部件左右或者上下移動(dòng),這樣可以直接平移部件。

(12)按住Ctrl鍵,拖動(dòng)部件,可以快速?gòu)?fù)制部件。按住Ctrl+shift鍵,拖動(dòng)部件,就會(huì)復(fù)制了一個(gè)新的部件,并將新部件進(jìn)行平移。

(13)按住Ctrl鍵之后,將鼠標(biāo)放在部件的邊緣,就能夠旋轉(zhuǎn)部件了。

(14)生成HTML原型文件時(shí),在“Logo”里可以添加logo和標(biāo)題語(yǔ),這樣在導(dǎo)出的原型中,左上角會(huì)顯示添加的logo和標(biāo)題語(yǔ)。

(15)當(dāng)幾個(gè)部件組成一塊大的元件時(shí),可使用組合快捷鍵Ctrl+G,這樣的好處是可以很方便地移動(dòng),不需要每次都全部選中后才移動(dòng)。

(16)鎖定部件快捷鍵Ctrl+K后,部件鎖定后,不能被移動(dòng)和復(fù)制,可以避開(kāi)不需要復(fù)制的部件,提高效率。

(17)如何實(shí)現(xiàn)列表整行的點(diǎn)擊效果呢?拖動(dòng)熱點(diǎn)控件到列表的記錄中,覆蓋列表的一行記錄,然后設(shè)置熱點(diǎn)的點(diǎn)擊事件,就可實(shí)現(xiàn)整塊的點(diǎn)擊效果。

(18)Axure代替viso來(lái)做流程圖,它提供了畫(huà)流程圖的控件,連線(xiàn)選擇連接模式,選中控件,按住左鍵,拖到鼠標(biāo)至下一個(gè)控件。

(19)重復(fù)比較多的地方請(qǐng)盡量使用母板,最好是非固定位置的母板。模板有三種類(lèi)型:一種是固定位置的母版,一種是可以隨意移動(dòng)位置的母版,還有一種是可以隨意移動(dòng)并且母版元素可以拆解的母版。這三種可以根據(jù)需要設(shè)置,在模板右鍵鼠標(biāo)—>拖放行為,進(jìn)行選擇。

(20)如果是團(tuán)隊(duì)協(xié)作,使用Project,會(huì)使整個(gè)項(xiàng)目效率顯著提高且減少出錯(cuò)。

最后強(qiáng)調(diào)一點(diǎn)經(jīng)常被大家忽略的問(wèn)題,沒(méi)有及時(shí)為組件和動(dòng)態(tài)面板命名,用時(shí),才手忙腳亂的添加,增加了維護(hù)原型的時(shí)間成本,切記,養(yǎng)成隨時(shí)命名的好習(xí)慣。

Axure有些實(shí)用技巧是在使用過(guò)程中不斷摸索出來(lái)的,多畫(huà)原型,和他人多多交流,多看前輩的demo,可以在短期內(nèi)提高自己。

本次總結(jié)只針對(duì)近期所見(jiàn),axure還有大量的實(shí)用技巧,歡迎大家分享。

專(zhuān)欄作家

余田,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家,數(shù)據(jù)產(chǎn)品經(jīng)理,《用戶(hù)至上-用戶(hù)研究方法與實(shí)踐》譯者。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀(guān)點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 那個(gè)“產(chǎn)品新人”應(yīng)該說(shuō)的就是我吧??,好多沒(méi)用過(guò)、不知道的操作,感謝分享

    回復(fù)
  2. 我覺(jué)得用漢化版的看著更清晰一點(diǎn),因?yàn)楦嗟娜硕加脻h化的 ?

    來(lái)自北京 回復(fù)
    1. 同意漢化

      來(lái)自上海 回復(fù)
    2. 習(xí)慣英文版的了??

      回復(fù)