為什么別人的原型畫(huà)起來(lái)又快又高級(jí)，效率極高；而我們畫(huà)起原型來(lái)，又慢又比較簡(jiǎn)單，效率極差，問(wèn)題的根源在哪？這篇文章，作者總結(jié)了Axure的50個(gè)小技巧，相信你看完學(xué)習(xí)上，你也能畫(huà)得又快又好。

一、偏好配置，把能配置的都配置上

Mac 使用快捷鍵 「Cmd + ，」，Win 使用「F9」，調(diào)出「偏好配置」彈窗。

1、啟用自動(dòng)備份

可以在調(diào)出的「偏好配置」彈窗中選擇「?jìng)浞荨梗?/p>

也可以點(diǎn)擊「文件 」，選擇「自動(dòng)備份設(shè)置」。

勾選啟用備份，備份間隔 5 分鐘。

如果系統(tǒng)崩潰后，再次進(jìn)入時(shí)，系統(tǒng)一般會(huì)提示恢復(fù)最近備份的文件。

做交互设计10年，我为何转岗到产品经理？

真正转岗之后，我发现很多工作还是超出了自己的想象。产品经理的工作确实比较杂。理论上，产品经理的工作包括了产品的方方面面，从市场研究、用户调研、数据分析...

查看详情 >

也可以通過(guò)「文件→從“備份中恢復(fù)”」找回最新的版本。

2、畫(huà)布配置

把「單快捷鍵、畫(huà)布負(fù)空間」都勾上，如果喜歡暗黑風(fēng)格，也可以選擇「黑暗模式」。

3、網(wǎng)格配置

把「網(wǎng)格對(duì)齊」勾上，間距設(shè)置成 10 即可。

元件將會(huì)按照網(wǎng)格進(jìn)行吸附，可以快速對(duì)齊。

如果想在「畫(huà)布」中展示出網(wǎng)格，可以使用快捷鍵「Ctrl+’」

或者在畫(huà)布的空白區(qū)域，鼠標(biāo)右鍵，勾上「顯示網(wǎng)格」，將會(huì)把網(wǎng)格顯示出來(lái)。

不過(guò)展示出網(wǎng)格并不好看，可以不展示網(wǎng)格，只要能自動(dòng)網(wǎng)格對(duì)齊就行了。

4、輔助線配置

使用輔助線快速對(duì)齊，將「輔助線對(duì)齊」勾上。

在畫(huà)布空白區(qū)域「鼠標(biāo)右鍵」，設(shè)置標(biāo)尺。

然后把「顯示標(biāo)尺」「顯示全局輔助線」、「顯示頁(yè)面輔助線」都勾上，就可以從畫(huà)布左邊、上邊，拖出輔助線，幫助我們快速對(duì)齊。

5、元件對(duì)齊配置

把「元件對(duì)齊」「邊緣對(duì)齊」勾上，垂直和水平設(shè)置成 10 即可。

這樣在拖拽元件時(shí)將會(huì)展示出對(duì)齊輔助線與元件之間的間距數(shù)字，幫助元件快速對(duì)齊。

按住 Alt 鍵（Wins）/Option 鍵（Mac），鼠標(biāo)放在元件上可展示出元件之間的距離。

二、復(fù)制粘貼很厲害

使用 Ctrl+C、Ctrl+V，快速?gòu)?fù)制內(nèi)容。

6、復(fù)制粘貼圖片

可以將圖片直接復(fù)制粘貼進(jìn) Axure；Axure 中的組件可以選中后，可以復(fù)制粘貼成圖片到微信去發(fā)送。

7、復(fù)制粘貼樣式

選擇元件后，Ctrl+C，然后選中要粘貼樣式的元件。

快捷鍵 Alt+Ctrl+V（Mac 則是 Option +Cmd+V），即可復(fù)制樣式。

也可以通過(guò)「右鍵—粘貼選項(xiàng)—粘貼樣式」。

8、復(fù)制粘貼表格

在 Excel 中寫(xiě)的內(nèi)容 Ctrl+ C 后，進(jìn)入到 Axure 中，「鼠標(biāo)右鍵 – 粘貼選項(xiàng) — 粘貼為表格」，即可按照表格進(jìn)行粘貼。

當(dāng)我們?cè)诋?huà)后臺(tái)表格頁(yè)面時(shí)，想快速填充內(nèi)容時(shí)，可以采用這種方式。

Axure 表格不支持合并單元格。

9、快速?gòu)?fù)制元件

除了 Ctrl+C、Ctrl+V 復(fù)制粘貼元件

還可以選中元件后，按住 Ctrl + 鼠標(biāo)拖動(dòng)（Mac 按住 Option 拖拽），即可拖出一個(gè)相同的組件。

還有「Ctrl+D」，直接復(fù)制出來(lái)。

10、快速?gòu)?fù)制頁(yè)面

在 Axure 的頁(yè)面里，選擇要復(fù)制的頁(yè)面后，可以使用 Ctrl+C、Ctrl+V 復(fù)制粘貼出頁(yè)面。

也直接「Ctrl + D」，即可快速?gòu)?fù)制出相同的頁(yè)面。

如果想復(fù)制整個(gè)文件夾下的全部頁(yè)面，選中文件夾后，「鼠標(biāo)右鍵-重復(fù)-分支」，可復(fù)制出文件夾下的全部頁(yè)面。

11、復(fù)制粘貼交互事件

選中交互事件后，Ctrl+C、Ctrl+V，即可實(shí)現(xiàn)復(fù)制。

三、快捷鍵 ——提效利器

12、單快捷鍵

單快捷鍵是Axure 9 的特色，在「偏好配置 – 畫(huà)布」里，勾上「啟用單快捷鍵」，即可實(shí)現(xiàn)單快捷鍵的使用。

常用的有：

• 按一下「O」， 快速畫(huà)圓形。
• 按一下「T 」，快速拉出文本。
• 按一下「L」， 快速拉出線段。
• 按下「O」后，直接使用鼠標(biāo)左鍵，即可拖出圓形；在按一下「O」，即可取消；
• 對(duì)于「T」「L」都是一樣的操作。
• 按一下「E」，快速畫(huà)連接線，元件中將會(huì)出現(xiàn)連接點(diǎn)，可以直接用鼠標(biāo)畫(huà)連接線，再按下「E」，即可取消。
• 按一下「>」 ，可快速預(yù)覽原型。

13、必會(huì)的快捷鍵

Axure 中的快捷鍵和其他工具，如 word、PPT 等，都有很多通用的，像 Ctrl+C、Ctrl+V、Ctrl+X 等等。

而且快捷鍵很多，我們不需要記住那么多，因?yàn)橐恍┛旖萱I還不如用鼠標(biāo)點(diǎn)擊的快。

以下是以下常用的，能提高效率的快捷鍵：

• Ctrl+S ，保存
• Ctrl+A，全選
• Ctrl+Z，撤銷
• Ctrl+Y，重做（比如撤銷多了，在使用 Ctrl+Y 恢復(fù)過(guò)來(lái)）
• Ctrl + G，合并成組，選中多個(gè)元件后，可以合并成組
• Shift + Ctrl + G，取消成組
• 按空格鍵，鼠標(biāo)左鍵拖動(dòng)畫(huà)布
• Ctrl + -，縮小畫(huà)布
• Ctrl + +，放大畫(huà)布
• 按住 Ctrl，移動(dòng)方向鍵，可以一次移動(dòng) 10px；如果開(kāi)啟網(wǎng)格對(duì)齊，則會(huì)先對(duì)齊最近的網(wǎng)格，然后才開(kāi)始 10px 移動(dòng)。
• Ctrl + B，加粗字體，但并不支持全部字體。
• Ctrl + T，修改字體
• Ctrl + Alt + -，縮小字號(hào)，MAC 對(duì)應(yīng) Cmd + option + –
• Ctrl + Alt + +，放大字號(hào)，MAC 對(duì)應(yīng) Cmd + option + +
• Ctrl + Shift + X，添加交互
• 快速新建頁(yè)面文件夾與頁(yè)面：
• 除了點(diǎn)擊右上方的新建頁(yè)面、新建文件夾，還有對(duì)應(yīng)的快捷鍵：
• Shift + Ctrl+Enter 可以快速新建文件夾
• Ctrl + Enter 可以快速新建頁(yè)面
• 快速移動(dòng)層級(jí)關(guān)系：只要按一下「Tab」鍵，將會(huì)自動(dòng)移入文件夾層級(jí)下，相當(dāng)方便。
• 按「Shift + Enter」則可以移出層級(jí)。

以上 Ctrl 對(duì)應(yīng) Mac 的 Command 鍵。

三、能提效的功能

14、自適應(yīng)文本大小

在使用文字時(shí)，可能會(huì)出現(xiàn)元件尺寸大。

想按照文字進(jìn)行調(diào)整的情況，選中元件，在「樣式」里，有 2 個(gè)小按鈕，點(diǎn)擊即可自適應(yīng)文本高度、寬度。

15、同比例放大/縮小尺寸

有 2 種方式：

第1種：鼠標(biāo)放在元件邊緣的編輯點(diǎn)上，按住 Shift+鼠標(biāo)左鍵拖，可以鎖定長(zhǎng)寬比來(lái)放大縮小元件。

都2種：手動(dòng)調(diào)節(jié)尺寸，將鎖勾上，即可鎖定長(zhǎng)寬比。

16、多種類型的文本框

拖拽「文本框」元件后，在「交互」面板里可選擇 11 種文本框類型，不同的類型可以達(dá)到不同的效果。

如：

• 密碼格式：輸入的內(nèi)容會(huì)被隱藏
• 數(shù)字格式：只能輸入數(shù)字
• 文件格式：可以選擇文件
• 日期格式：可以直接選擇日期
• ……

樣式將會(huì)使用瀏覽器的對(duì)應(yīng)樣式。

17、文本框里的預(yù)置文字

在表單填寫(xiě)時(shí)，經(jīng)常會(huì)在輸入框中填寫(xiě)提示內(nèi)容。

Axure 的文本框可以直接在右側(cè)“提示文字”框輸入文字，預(yù)置文字將會(huì)顯示出來(lái)，在輸入內(nèi)容時(shí)將會(huì)隱藏。

（可以在「隱藏提示」中設(shè)置是輸入內(nèi)容就隱藏，還是有了光標(biāo)就隱藏）。

同時(shí)可以填寫(xiě)文本框內(nèi)可以輸入的最大長(zhǎng)度。

18、替換、查找文字

Axure 也支持替換、查找文字，直接「 Ctrl+F」，輸入文字進(jìn)行查找；

當(dāng)元件內(nèi)容過(guò)多時(shí)，可使用「查找」，快速定位到具體元件。

替換的操作和其他工具一樣，MAC 快捷鍵是「 Cmd+R」，Windows 是「Ctrl+H」，直接替換即可。

19、不常移動(dòng)的元件進(jìn)行鎖定

鎖定不常移動(dòng)的元件，比如背景頁(yè)。鎖定的元件位置會(huì)固定住，這樣就可以避免選中后誤移。

可以使用「Ctrl+K」快捷鍵進(jìn)行鎖定，「Shift+Ctrl+K 」解除鎖定。

20、裁剪/切割圖片

畫(huà)原型時(shí)有時(shí)候會(huì)使用到截圖，需要對(duì)截圖進(jìn)行處理。可以選中圖片后，對(duì)圖片進(jìn)行裁剪、切割。

通過(guò)「右鍵-裁剪/切割圖片」；

也可以通過(guò)單快捷鍵「S」：快速分割，「C」：快速裁剪。

21、旋轉(zhuǎn)元件

按住 Ctrl，將鼠標(biāo)放在元件的邊緣，鼠標(biāo)變成旋轉(zhuǎn)樣式，即可旋轉(zhuǎn)。

也可以在「樣式」中調(diào)整旋轉(zhuǎn)角度。

22、引用頁(yè)面

引用頁(yè)面，元件引用頁(yè)面后元件文案將會(huì)線上成頁(yè)面的名稱，點(diǎn)擊元件可快速跳轉(zhuǎn)到引用的頁(yè)面。

這個(gè)在畫(huà)原型時(shí)的具體應(yīng)用場(chǎng)景我沒(méi)有找到。

23、拖動(dòng)頁(yè)面名稱

鼠標(biāo)選擇頁(yè)面名稱，直接拖入畫(huà)布里，會(huì)出現(xiàn)頁(yè)面名稱的按鈕框。

可以用來(lái)做流程圖，點(diǎn)擊頁(yè)面名稱框，會(huì)直接跳轉(zhuǎn)到對(duì)應(yīng)頁(yè)面。

24、頁(yè)面快照

拖動(dòng)頁(yè)面快照到畫(huà)布里，雙擊彈出要引用頁(yè)面選擇框，選擇引用的頁(yè)面后，會(huì)出現(xiàn)頁(yè)面預(yù)覽。

點(diǎn)擊可進(jìn)入對(duì)應(yīng)頁(yè)面，可用于頁(yè)面概覽圖制作。

25、導(dǎo)出原型為圖片

除了能通過(guò)復(fù)制粘貼的方式復(fù)制圖片，也可以直接將整個(gè)頁(yè)面導(dǎo)出成圖片，「點(diǎn)擊文件 – 導(dǎo)出為圖片」，即可導(dǎo)出 PNG 格式的圖片。

26、頁(yè)面布局可以調(diào)整

在Axure中的每個(gè)模塊都是可以通過(guò)拖拽進(jìn)行調(diào)整的，你可以自定義你習(xí)慣的布局。

可以通過(guò)「視圖 – 重置視圖」，恢復(fù)成默認(rèn)布局。

27、自定義工具欄

在「視圖 – 工具欄」中，你可以設(shè)置工具欄的功能內(nèi)容。

按照你使用的習(xí)慣來(lái)，把經(jīng)常用的都放出來(lái)。

28、礙眼的遮罩顏色

在 Axure 中當(dāng)轉(zhuǎn)換成母版、動(dòng)態(tài)面板時(shí)，都會(huì)有一層顏色遮罩，在預(yù)覽原型時(shí)不會(huì)展示出來(lái)顏色，但是在畫(huà)原型時(shí)會(huì)有。

如果你覺(jué)得遮罩干擾你畫(huà)原型，可以通過(guò)「視圖 – 遮罩-勾選/取消勾選對(duì)應(yīng)內(nèi)容」，在畫(huà)原型則不會(huì)再有遮罩顏色。

取消遮罩后，效果如下（隱藏的遮罩還是保留，不然找不到了）。

29、不同的連接線

在使用連接線時(shí)，Axure 中有 4 種連接線樣式可以使用，選中連接線后，在「樣式」面板里，可以選擇直線、折線等樣式。

30、快速調(diào)整表格行高行寬

當(dāng)使用表格元件時(shí)，選中需要修改的表格，然后直接修改寬度與高度，即可批量修改選中表格的尺寸。

如果想修改個(gè)別表格，按照 Ctrl 鍵，再選中即可。接著修改寬度與高度，就可直接修改選中表格的尺寸。

31、畫(huà)泳道圖

Axure 中自帶了流程圖元件，但是沒(méi)有提供泳道圖的樣式。

可以使用「表格」元件，調(diào)整一下表格數(shù)量、尺寸即可。

32、快速重命名多個(gè)頁(yè)面

當(dāng)需要對(duì)多個(gè)頁(yè)面重命名時(shí)，比如批量對(duì)頁(yè)面名稱添加編號(hào)。

可以先選中一個(gè)頁(yè)面重命名，然后在重命名狀態(tài)下，使用「鍵盤(pán)上下鍵」，進(jìn)到下個(gè)頁(yè)面時(shí)還是重命名狀態(tài)，就可以直接重命名了。

33、合并多個(gè) Axure 文件

當(dāng)需要將多個(gè) Axure 文件合并到一個(gè)文件中時(shí)，點(diǎn)擊「文件→從 RP 文件導(dǎo)入→選擇文件→導(dǎo)入」。

選擇文件后，選擇需要導(dǎo)入的頁(yè)面與內(nèi)容，按照頁(yè)面操作一直進(jìn)行即可。

34、重復(fù)的元件可以轉(zhuǎn)化成母版

對(duì)于多個(gè)重復(fù)的元件，每次修改一個(gè)地方，其它也挨個(gè)修改，很麻煩，這個(gè)時(shí)候我們可以使用「母版」。

選中元件后，「右鍵 – 選擇轉(zhuǎn)換成母版」，轉(zhuǎn)換成母版后，修改母版內(nèi)容，則整個(gè) Axure 中使用到母版的都會(huì)一起調(diào)整。

雙擊母版元件，就會(huì)進(jìn)入到母版編輯窗口，修改后的元件會(huì)同步到所有母版元件。

使用到母版元件時(shí)，直接在母版區(qū)拖進(jìn)畫(huà)布使用。

使用母版元件時(shí)，元件里所有的樣式和交互都是一樣的。

可以「點(diǎn)擊鼠標(biāo)右鍵——脫離母版」，然后對(duì)這個(gè)元件單獨(dú)操作。

35、母版可以調(diào)整賦值

對(duì)于母版中放在不同頁(yè)面里，可以需要單獨(dú)調(diào)整某些字段；

比如我們把「左側(cè)導(dǎo)航+頂部菜單+面包屑 」整體轉(zhuǎn)成母版，需要修改頁(yè)面的面包屑。

我們可以選中母版，在「樣式」，找到「重寫(xiě)」，選取對(duì)應(yīng)的字段填寫(xiě)新的文字即可修改。

36、元件過(guò)多時(shí)選中的方法

1）多個(gè)元件重疊時(shí)，想選中下層元件，選中上層元件，然后等 1 秒左右，在點(diǎn)擊一次，就會(huì)選中下一層元件

2）在概要中通過(guò)搜索找到，元件過(guò)多的時(shí)候可以通過(guò)搜索，這是命名的重要性就出現(xiàn)了。

3） 使用「查找」功能：Ctrl+F，通過(guò)搜索元件里的文字來(lái)找。

四、一些動(dòng)態(tài)效果

37、鼠標(biāo)懸浮顯示提示內(nèi)容

添加元件提示后，鼠標(biāo)懸浮時(shí)將會(huì)展示出提示內(nèi)容，可以用使用元件提示來(lái)達(dá)到鼠標(biāo)懸浮顯示全部?jī)?nèi)容的效果。

選中元件后，可以「右鍵-工具提示」填寫(xiě)內(nèi)容。

也可以在「交互」面板里填寫(xiě)。

38、選項(xiàng)組命名——實(shí)現(xiàn)單選效果

將多個(gè)可選中的元件設(shè)置成相同的選項(xiàng)組后，每次只能選中一個(gè)元件，其它元件自動(dòng)取消選中。

39、快速返回上一頁(yè)

如果你在畫(huà)原型時(shí)，涉及到頁(yè)面間的跳轉(zhuǎn)，想直接返回上一頁(yè)。

進(jìn)入「交互」面板，點(diǎn)擊“打開(kāi)鏈接”，選擇下方的“返回上一頁(yè)”就可以了。

40、滾動(dòng)查看

將元件轉(zhuǎn)換成動(dòng)態(tài)面板，然后選中動(dòng)態(tài)面板，「鼠標(biāo)右鍵→滾動(dòng)條→選擇滾動(dòng)方式」即可。

也可以在樣式面板中，直接選中滾動(dòng)方式即可。

41、位置固定到瀏覽器

比如：將彈窗在屏幕中間顯示、導(dǎo)航固定在頂部。都可以通過(guò)固定到瀏覽器實(shí)現(xiàn)。

首先將固定的內(nèi)容轉(zhuǎn)換成動(dòng)態(tài)面板，然后在「樣式」中選擇固定到瀏覽器，選擇對(duì)應(yīng)的位置即可。

42、使用動(dòng)態(tài)面板達(dá)到合并成組的效果

在進(jìn)行分組時(shí)，除了可以使用 Ctrl+G，也可以將元件轉(zhuǎn)化成動(dòng)態(tài)面板，同樣可以達(dá)到合并成組的效果。43、實(shí)現(xiàn)灰底突出彈窗

有 2 種方式：

第1種：加個(gè)灰底樣式元件，與彈窗一起顯示。

多個(gè)元件會(huì)影響效率，不推薦。

第2種：使用「燈箱效果」，在設(shè)置顯示時(shí)，更多選項(xiàng)選擇「燈箱效果」。

背景色選擇黑色，不透明度設(shè)置成 50%。

在設(shè)置顯示時(shí)，推薦勾選“置于頂層”。

注：當(dāng)使用燈箱效果時(shí)，點(diǎn)擊灰底區(qū)域，彈窗將會(huì)自動(dòng)消失。

44、實(shí)現(xiàn)非模態(tài)的效果

比如彈出氣泡彈窗后，想實(shí)現(xiàn)點(diǎn)擊彈窗外的區(qū)域關(guān)閉彈窗的效果。

可以使用「顯示/隱藏」，選擇「燈箱效果」，背景顏色選擇透明。

45、顯示時(shí)勾上置于頂層

在做顯示/隱藏動(dòng)效時(shí)，當(dāng)需要顯示時(shí)，可以將「置于頂層」勾上，這樣可以避免要顯示的內(nèi)容被遮擋。

五、還能這樣導(dǎo)出與查看原型

46、導(dǎo)出原型為 word

你可以試下「Ctrl+Shift+D」，或者是點(diǎn)擊「發(fā)布-生成 word 說(shuō)明書(shū)」。

將會(huì)把 Axure 原型導(dǎo)出為一個(gè) word 文檔，文檔里包含內(nèi)容，排版樣式等內(nèi)容都可以配置。

常規(guī)的包含原型圖片、功能說(shuō)明等內(nèi)容。

原型圖片會(huì)按照每個(gè)畫(huà)布生成圖片，功能說(shuō)明則是在「說(shuō)明」面板里填寫(xiě)的內(nèi)容。

導(dǎo)出Word的主要的使用場(chǎng)景是在將需求描述寫(xiě)到「說(shuō)明」里，然后直接生成 Word 格式的需求文檔。47、快速導(dǎo)出 Excel

使用 「Ctrl+Shift+M」，或者是「發(fā)布 – 更多生成器和配置文件」，選擇 CSV，點(diǎn)擊生成

選擇保存文件地址后，創(chuàng)建 CSV 報(bào)告，即可將頁(yè)面和頁(yè)面中的說(shuō)明導(dǎo)出成 Excel。

這個(gè)導(dǎo)出 Excel，對(duì)于我來(lái)說(shuō)最大的用處是導(dǎo)出頁(yè)面名稱，然后使用頁(yè)面名稱去劃分功能點(diǎn)，最終用于研發(fā)評(píng)估功能的工時(shí)。

48、查看原型看帶交互的元件

瀏覽器查看原型時(shí)，或者是別人看我們帶有交互動(dòng)效的原型時(shí)，可以告訴對(duì)方，勾上顯示熱點(diǎn)，讓對(duì)方知道哪里可以觸發(fā)動(dòng)效。

49、查看原型時(shí)調(diào)整寬度

瀏覽器查看原型時(shí)，原型的寬度是默認(rèn)的，如果你想看整個(gè)頁(yè)面的原型，可選擇不同的原型尺寸。

50、查看原型時(shí)快速切換頁(yè)面

瀏覽器查看原型時(shí)，可以使用<，>這兩個(gè)快捷鍵，在多個(gè)頁(yè)面之間來(lái)回移動(dòng)。