Axure的這些實用技巧,你都知道嗎?

4 評論 12919 瀏覽 45 收藏 8 分鐘

在評估一位產品新人的原型時,發現對方竟然不知道Axure的很多實用技巧,導致很多效果都是用極其復雜或者笨拙的方式實現。Axure是產品經理的必備工具之一,熟練使用axure可以提高畫原型的效率。那axure的這些實用技巧,你都知道嗎?

為避免他人也有同樣的問題,對Axure常用技巧做總結如下:

(1)點擊某些按鈕,或者鼠標懸浮時,顯示某些隱藏的元件,元件被覆蓋,這是因為元件層級太低,顯示元件的用例注意勾選置于頂層(見紅框)。

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

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

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

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

(6)實現點擊時顯示,再次點擊時隱藏,用Toggle即可實現。

(7)沒有鎖定背景框,移動時添亂??梢渣c擊工具欄Lock鎖定不需要移動的元件。

(8)可以用動態面板的Scrollbar屬性實現拖動滾動條來查看容器中的元素。

(9)頁面比較大時,將鼠標的光標放置在編輯窗口中,按住鍵盤的空格鍵,就能看到鼠標的光標會切換成手狀。然后就可以用來抓著畫面任意滑動,而且不會對任何的部件造成影響。

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

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

(12)按住Ctrl鍵,拖動部件,可以快速復制部件。按住Ctrl+shift鍵,拖動部件,就會復制了一個新的部件,并將新部件進行平移。

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

(14)生成HTML原型文件時,在“Logo”里可以添加logo和標題語,這樣在導出的原型中,左上角會顯示添加的logo和標題語。

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

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

(17)如何實現列表整行的點擊效果呢?拖動熱點控件到列表的記錄中,覆蓋列表的一行記錄,然后設置熱點的點擊事件,就可實現整塊的點擊效果。

(18)Axure代替viso來做流程圖,它提供了畫流程圖的控件,連線選擇連接模式,選中控件,按住左鍵,拖到鼠標至下一個控件。

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

(20)如果是團隊協作,使用Project,會使整個項目效率顯著提高且減少出錯。

最后強調一點經常被大家忽略的問題,沒有及時為組件和動態面板命名,用時,才手忙腳亂的添加,增加了維護原型的時間成本,切記,養成隨時命名的好習慣。

Axure有些實用技巧是在使用過程中不斷摸索出來的,多畫原型,和他人多多交流,多看前輩的demo,可以在短期內提高自己。

本次總結只針對近期所見,axure還有大量的實用技巧,歡迎大家分享。

專欄作家

余田,人人都是產品經理專欄作家,數據產品經理,《用戶至上-用戶研究方法與實踐》譯者。

本文原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 那個“產品新人”應該說的就是我吧??,好多沒用過、不知道的操作,感謝分享

    回復
  2. 我覺得用漢化版的看著更清晰一點,因為更多的人都用漢化的 ?

    來自北京 回復
    1. 同意漢化

      來自上海 回復
    2. 習慣英文版的了??

      回復