在評估一位產(chǎn)品新人的原型時(shí)猬仁,發(fā)現(xiàn)對方竟然不知道Axure的很多實(shí)用技巧帝璧,導(dǎo)致很多效果都是用極其復(fù)雜或者笨拙的方式實(shí)現(xiàn)。Axure是產(chǎn)品經(jīng)理的必備工具之一湿刽,熟練使用axure可以提高畫原型的效率的烁。那axure的這些實(shí)用技巧,你都知道嗎诈闺?
為避免他人也有同樣的問題渴庆,對Axure常用技巧做總結(jié)如下:
(1)點(diǎn)擊某些按鈕,或者鼠標(biāo)懸浮時(shí)雅镊,顯示某些隱藏的元件襟雷,元件被覆蓋,這是因?yàn)樵蛹壧腿逝耄@示元件的用例注意勾選置于頂層(見紅框)耸弄。
(2)可以批量居中頁面,不需要每個(gè)頁面都去設(shè)置一下居中樣式卓缰。點(diǎn)擊Project计呈,再點(diǎn)擊Page Style Editor,在彈出窗口中設(shè)置Page Align居中即可征唬。
(3)彈窗類動態(tài)面板N多震叮,聚在頁面中央,且一層層覆蓋在一起鳍鸵,想要改某個(gè)苇瓣,需要挨個(gè)找。這類面板可以錯落有致的放置在主頁面右邊偿乖,在Pin to Browser設(shè)置位置居中即可击罪。
(4)Tab切換哲嘲,所有Tab設(shè)置為選項(xiàng)組,給每個(gè)Tab設(shè)置點(diǎn)擊選中事件媳禁,這樣每次只有一個(gè)可以選中眠副,選中和懸浮的樣式可以在Interaction Styles里設(shè)置。
(5)不需要添加一橫線竣稽,通過隱藏/顯示事件囱怕,實(shí)現(xiàn)下圖“年費(fèi)會員”的效果。每個(gè)菜單一個(gè)矩形框毫别,隱藏左娃弓、上、右邊線岛宦,下邊線設(shè)置為白色台丛,在Interaction Styles里設(shè)置下邊線選中或者懸浮樣式。
(6)實(shí)現(xiàn)點(diǎn)擊時(shí)顯示砾肺,再次點(diǎn)擊時(shí)隱藏挽霉,用Toggle即可實(shí)現(xiàn)。
(7)沒有鎖定背景框变汪,移動時(shí)添亂侠坎。可以點(diǎn)擊工具欄Lock鎖定不需要移動的元件裙盾。
(8)可以用動態(tài)面板的Scrollbar屬性實(shí)現(xiàn)拖動滾動條來查看容器中的元素实胸。
(9)頁面比較大時(shí),將鼠標(biāo)的光標(biāo)放置在編輯窗口中闷煤,按住鍵盤的空格鍵童芹,就能看到鼠標(biāo)的光標(biāo)會切換成手狀涮瞻。然后就可以用來抓著畫面任意滑動鲤拿,而且不會對任何的部件造成影響。
(10)經(jīng)常會遇到幾個(gè)部件重疊的情況署咽,如何選擇下層部件呢近顷?可以在部件管理窗口中直接選擇想要的部件,另外可以選擇最上層的部件之后宁否,稍等會再點(diǎn)擊一次窒升,就會選中下一層的部件。若選擇再下一層的部件慕匠,做相同操作饱须。
(11)需要在水平方向或者垂直方向上移動部件,可以按住shift鍵台谊,拖動部件左右或者上下移動蓉媳,這樣可以直接平移部件譬挚。
(12)按住Ctrl鍵,拖動部件酪呻,可以快速復(fù)制部件减宣。按住Ctrl+shift鍵,拖動部件玩荠,就會復(fù)制了一個(gè)新的部件漆腌,并將新部件進(jìn)行平移。
(13)按住Ctrl鍵之后阶冈,將鼠標(biāo)放在部件的邊緣闷尿,就能夠旋轉(zhuǎn)部件了。
(14)生成HTML原型文件時(shí)眼溶,在“Logo”里可以添加logo和標(biāo)題語悠砚,這樣在導(dǎo)出的原型中,左上角會顯示添加的logo和標(biāo)題語堂飞。
(15)當(dāng)幾個(gè)部件組成一塊大的元件時(shí)灌旧,可使用組合快捷鍵Ctrl+G,這樣的好處是可以很方便地移動绰筛,不需要每次都全部選中后才移動枢泰。
(16)鎖定部件快捷鍵Ctrl+K后,部件鎖定后铝噩,不能被移動和復(fù)制衡蚂,可以避開不需要復(fù)制的部件,提高效率骏庸。
(17)如何實(shí)現(xiàn)列表整行的點(diǎn)擊效果呢毛甲?拖動熱點(diǎn)控件到列表的記錄中,覆蓋列表的一行記錄具被,然后設(shè)置熱點(diǎn)的點(diǎn)擊事件玻募,就可實(shí)現(xiàn)整塊的點(diǎn)擊效果。
(18)Axure代替viso來做流程圖一姿,它提供了畫流程圖的控件七咧,連線選擇連接模式,選中控件叮叹,按住左鍵艾栋,拖到鼠標(biāo)至下一個(gè)控件。
(19)重復(fù)比較多的地方請盡量使用母板蛉顽,最好是非固定位置的母板蝗砾。模板有三種類型:一種是固定位置的母版,一種是可以隨意移動位置的母版,還有一種是可以隨意移動并且母版元素可以拆解的母版悼粮。這三種可以根據(jù)需要設(shè)置拇泣,在模板右鍵鼠標(biāo)—>拖放行為,進(jìn)行選擇矮锈。
(20)如果是團(tuán)隊(duì)協(xié)作霉翔,使用Project,會使整個(gè)項(xiàng)目效率顯著提高且減少出錯苞笨。
最后強(qiáng)調(diào)一點(diǎn)經(jīng)常被大家忽略的問題债朵,沒有及時(shí)為組件和動態(tài)面板命名,用時(shí)瀑凝,才手忙腳亂的添加序芦,增加了維護(hù)原型的時(shí)間成本,切記粤咪,養(yǎng)成隨時(shí)命名的好習(xí)慣谚中。
Axure有些實(shí)用技巧是在使用過程中不斷摸索出來的,多畫原型寥枝,和他人多多交流宪塔,多看前輩的demo,可以在短期內(nèi)提高自己囊拜。
本次總結(jié)只針對近期所見某筐,axure還有大量的實(shí)用技巧,歡迎大家分享冠跷。
本文由 @柒柒是80后 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理南誊。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash蜜托,基于CC0協(xié)議