拯救你時間的Axure技巧

9 評論 10110 瀏覽 84 收藏 9 分鐘

工欲善其事,必先利其器,本文介紹了Axure的一些常用技巧,千萬不要小看哦,這能大大節(jié)省你的時間~~

選擇元件

選擇多個元件:一直按著Ctrl,鼠標(biāo)點擊多個元件即可,若已選的點擊則為取消選擇。

Axure提供了兩種選擇方式,可以讓我們更快捷的選中元件:

相交選中:只要將選擇的范圍觸碰到該元件,即可選中該元件,通常用在我要選擇某大片區(qū)域,就不需要我用鼠標(biāo)拉很寬的區(qū)域了,如下圖:

包含選中:只有將選擇的范圍將整個元件包圍,才能選中該元件,通常用在某片區(qū)域,我需要選擇某個方位的部分元件(較少使用),如下圖:

常用快捷鍵

1. 快速移動工作區(qū)

    • 操作方式:按住“空格”鍵,鼠標(biāo)移動工作區(qū)即可。
    • 使用場景:在分辨率較小,工作區(qū)內(nèi)容過多,需要移動底部或右部滾動條達(dá)到目標(biāo)區(qū)域。

2. 組合元件

  • 操作方式:選中多個元件后,Ctrl+G即可組合一個整體。
  • 使用場景:將部分元件組裝成一個整體,形成更大的目標(biāo)體,便于拖動、添加互動事件等。

3. 鎖定組件

  • 操作方式:選擇某個元件,Ctrl+K即可鎖定,鎖定后組件的邊框為紅色。
  • 使用場景:鎖定后不可在工作區(qū)進(jìn)行拖動、拉伸等操作,防止誤操作,通常用于鎖定某個頁面背景圖。

4. 其他

  • 平移組件:按住shift拖動元件(組件)
  • 復(fù)制組件:按住ctrl拖出一個復(fù)制的元件(組件)
  • 上移組件一層:Ctrl+]
  • 下移組件一層:Ctrl+[
  • 上移組件頂層:Ctrl+Shift+]
  • 下移組件底層:Ctrl+Shift+[
  • 復(fù)制:Ctrl+C
  • 粘貼:Ctrl+V
  • 剪貼:Ctrl+X
  • 全選:Ctrl+A
  • 尋找:Ctrl+F
  • 替換:Ctrl+H
  • 撤退:Ctrl+Z

母版

當(dāng)某個組件總是重復(fù)使用,推薦其變成母版,而不是總做復(fù)制粘貼動作。

  • 母版為全局唯一,只要更改母版,擁有該母版的頁面都同步更改;
  • 母版可固定位置,拖動某個模板到某個頁面,自動固定位置,不可拖動到其他位置。

樣式復(fù)制粘貼

Office辦公軟件都會有格式刷,方便快捷復(fù)制樣式,不需要一個個重復(fù)設(shè)置樣式,而在Axure里也具有格式刷,通常用于一些簡單樣式,如:按鈕、字體等。

圖標(biāo)的使用

1. 使用場景

在利用Axure進(jìn)行畫原型時候,我們常常會使用圖標(biāo)增加頁面的設(shè)計美感,通常的方法:

  • 尋找更多的元件庫(即使找到了元件庫,其實在元件庫找圖標(biāo)也是痛苦的,大部分元件名稱是英文,且元件庫的視野范圍較小,雖然可調(diào)整視野范圍但也麻煩)
  • 在圖標(biāo)網(wǎng)站進(jìn)行尋找(在圖標(biāo)網(wǎng)上進(jìn)行改變顏色,如果不符合顏色又得重新下載復(fù)制粘貼,步驟很繁瑣)

2. 對應(yīng)方法

(1)下載Axhub Assistant.crx插件,地址:https://pan.baidu.com/s/1eUml4wR5Ef-6Wp_f9fyNvQ?提取碼:7u32

(2)安裝至瀏覽器中,教程請看https://jingyan.baidu.com/article/da1091fbdf12e9027949d673.html。裝好后將會有該圖標(biāo),ps我的是谷歌瀏覽器~

(3)打開阿里巴巴矢量圖標(biāo)庫,搜索你想要的圖標(biāo),找到合適后直接按照下圖點擊復(fù)制。ps:在阿里巴巴矢量圖標(biāo)庫中,你所想要的圖標(biāo)絕大部分都可以搜索的到,本人的圖標(biāo)一直都是在該網(wǎng)址尋找~真心推薦~

(4)粘貼至Axure的頁面中,將該圖標(biāo)轉(zhuǎn)換為SVG格式圖片,如下圖:

(5)轉(zhuǎn)換成功后,該圖標(biāo)即可隨意更換顏色以及大小~

分享作品

托管至Axure Share,分享鏈接給他人

只需要打開連接即可看到你提交的最新版本,但有時候反應(yīng)比較慢。

生成圖片,直接發(fā)送給他人

生成圖片該方式,適用于一些小應(yīng)用的設(shè)計。

生成Html文件,直接發(fā)送給他人

若需要查看菜單欄,還需要對方安裝“Axure RP Extension for Chrome”插件【建議使用Chrome瀏覽器】

發(fā)送源文件,安裝Axure直接預(yù)覽查看

對于內(nèi)部人員可采用該方式,另外可和團(tuán)隊協(xié)作的SVN相結(jié)合,查看穩(wěn)定,同步更新。

建立共享項目步驟:

  1. 在主菜單中選擇“Team > Create Team Project from Current File”。
  2. 在Create Team Project對話框中選擇“AxShare”選項。
  3. 如果你還沒有登錄,可點擊對話框頂部左上角的“Log in”用你的Axure賬號(或注冊一個新賬號)進(jìn)行登錄。
  4. 選擇AxShare的保存目錄,如果不進(jìn)行選擇,將會默認(rèn)創(chuàng)建于My Projects文件夾下。
  5. 添加項目名稱。
  6. 指定項目文件存儲的本地目錄。
  7. 點擊“Create”。

總之,針對不同的場景,可使用不同的方式,多了解一些方式,采取合適自己以及團(tuán)隊的方式。

小結(jié)

作為一位產(chǎn)品經(jīng)理,在使用某應(yīng)用的時候,除了要知道頁面直觀的使用方式,更要尋找隱藏的使用方式,思考其設(shè)計、流程邏輯,要學(xué)會提問“有沒有更好的方式解決”,有時候不將就可以收獲意料之外的驚喜~

 

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

題圖來自unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 還有一個很實用的平移+復(fù)制功能:ctrl+shift+鼠標(biāo)拖動

    來自浙江 回復(fù)
  2. 好頂贊!

    來自四川 回復(fù)
  3. 添加擴(kuò)展程序的時候顯示程序包無效咋辦呀

    來自江蘇 回復(fù)
    1. 我也是這個情況

      來自四川 回復(fù)
    2. 你可以試試這個,把他改成壓縮包 https://jingyan.baidu.com/article/a3f121e4740189fc9052bb9a.html

      來自廣東 回復(fù)
    3. 3Q

      來自四川 回復(fù)
  4. 怎么辦?你用的是什么版本?

    回復(fù)
  5. 我用的是axure8 沒有轉(zhuǎn)SVG圖片為形狀的選擇啊

    回復(fù)
    1. 我也是axure8~現(xiàn)在弄好了么你

      來自廣東 回復(fù)