對(duì)于 Axure原型工具，很少有產(chǎn)品經(jīng)過系統(tǒng)學(xué)習(xí)，一般都是直接上手，邊摸索邊學(xué)習(xí)，這直接導(dǎo)致很多快捷操作被忽視。筆者在日常工作中總結(jié)出以下小技巧，希望對(duì)各位有幫助。

1.?安裝Axure后要做的第一件事

如果系統(tǒng)崩潰后，再次進(jìn)入時(shí)，系統(tǒng)一般會(huì)提示恢復(fù)最近備份的文件。也可以通過文件→從“備份中恢復(fù)”找回最新的版本。

2.?必須會(huì)的快捷鍵

快捷鍵不需要刻意去記憶，經(jīng)常使用就熟記于心

3.?日常技巧匯總

（1）重復(fù)的元件可以轉(zhuǎn)化成母版

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

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

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

注意：

• 使用母版元件時(shí)，元件里所有的樣式和交互都是一樣的。實(shí)際工作中，肯定存在不同交互，這時(shí)可以“點(diǎn)擊鼠標(biāo)右鍵——脫離母版”，然后對(duì)這個(gè)元件單獨(dú)操作。
• 不要把元件過多的組合變成母板，元件組合越是越多，越可能需要在母版的元件上做修改。

（2）避免使用多余的控件

一個(gè)元件可以實(shí)現(xiàn)的效果，不要使用多個(gè)元件。

舉個(gè)例子：兩個(gè)看起來相同的“確認(rèn)”按鈕，實(shí)際上下圖①只有一個(gè)矩形元件，而②是由文本框+矩形組成。雖然只多余的一個(gè)元件，但是之后只要需要對(duì)該元件做修改，就一定會(huì)出現(xiàn)多余的操作，非常影響效率。

（3）整合多個(gè)元件——組合，方便移動(dòng)與調(diào)整尺寸

（4）隱藏的元件，設(shè)置交互顯示時(shí)，最好選中：置于頂層，避免被遮擋

（5）善用鎖定——不常移動(dòng)的元件進(jìn)行鎖定

鎖定不常移動(dòng)的元件，比如背景頁，表頭。好處：避免誤移。

注意：鎖定后的元件，不能進(jìn)行選中要注意哦！

（6）選項(xiàng)組命名——實(shí)現(xiàn)單選效果

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

注意：

• 選項(xiàng)組的名稱必須唯一。尤其是在復(fù)制選項(xiàng)組后，一定要先修改選項(xiàng)組名稱！不然會(huì)出現(xiàn)：明明設(shè)置的選中效果，但是預(yù)覽時(shí)怎么樣都選不中，這時(shí)就要看看是不是選項(xiàng)組命名重復(fù)。
• 推薦一個(gè)選項(xiàng)組命名大法：亂敲鍵盤法（不推薦哈，建議規(guī)范化命名）。

（7）元件提示——鼠標(biāo)懸浮時(shí)會(huì)顯示提示內(nèi)容

步驟如下：

（8）文本框大法——共11種類型

拖拽文本框元件后，右側(cè)面板里可選擇不同的文本框類型，選擇不同的類型可以達(dá)到不同的效果。

如：密碼格式：輸入的內(nèi)容會(huì)被隱藏

數(shù)字格式：只能輸入數(shù)字

文件格式：可以選擇文件

日期格式：可以直接選擇日期

另外，文本框里的預(yù)置文字，可以直接在右側(cè)“提示文字”框輸入。

（9）一個(gè)元件上添加多個(gè)事件

同一個(gè)元件會(huì)出現(xiàn)多種 case，如點(diǎn)擊登錄按鈕后出現(xiàn)的多種情況。雖然可以通過添加條件判斷來做區(qū)分，但是一般比較費(fèi)時(shí)。不那么嚴(yán)格的情況下，我們可以將多個(gè)事件添加同一個(gè)元件上，對(duì)事件進(jìn)行命名來區(qū)分。

操作如下：

（10）動(dòng)態(tài)面板——固定到瀏覽器的某個(gè)位置

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

步驟如下：

（11）輔助線——快速對(duì)齊元件

輔助線分為兩種：頁面輔助線和全局輔助線。頁面輔助線只會(huì)在當(dāng)前頁面出現(xiàn)，全局輔助線在每個(gè)頁面都會(huì)出現(xiàn)。

注意：輔助線過多時(shí)：布局→柵格和輔助線→取消顯示輔助線（或者刪除輔助線）。

（12）預(yù)覽原型時(shí)，點(diǎn)擊站點(diǎn)導(dǎo)航處的小箭頭，可以看到所有帶交互的元件

（13）合并多個(gè) axure 文件

步驟：點(diǎn)擊文件→從RP文件導(dǎo)入→選擇文件→導(dǎo)入。

（14）拖動(dòng)頁面名稱

鼠標(biāo)選擇左側(cè)畫板里的頁面名稱，直接拖入畫布里，會(huì)出現(xiàn)頁面名稱的按鈕框，可以用來做流程圖，點(diǎn)擊頁面名稱按鈕框，會(huì)直接跳轉(zhuǎn)到對(duì)應(yīng)頁面。

（15）快速實(shí)現(xiàn)頁面流程圖——頁面快照

拖動(dòng)頁面快照到畫布里，選擇對(duì)應(yīng)的頁面，會(huì)出現(xiàn)頁面預(yù)覽，點(diǎn)擊可進(jìn)入對(duì)應(yīng)頁面。

（16）實(shí)現(xiàn)點(diǎn)擊時(shí)顯示，再次點(diǎn)擊時(shí)隱藏，用切換（Toggle）即可實(shí)現(xiàn)

（17）實(shí)現(xiàn)鼠標(biāo)滾動(dòng)查看的效果

通過動(dòng)態(tài)面板實(shí)現(xiàn)：鼠標(biāo)右鍵→滾動(dòng)條→自動(dòng)顯示滾動(dòng)條

（18）及時(shí)命名、規(guī)范命名

對(duì)要進(jìn)行交互事件的元件和動(dòng)態(tài)面板要及時(shí)命名，在之后的修改里會(huì)降低很大成本。另外命名也要規(guī)范化，避免出現(xiàn)重復(fù)、遺漏、忘記等情況。頁面元件過多時(shí)，找到元件就是一件很費(fèi)時(shí)的事。自己可以整理出自己的命名法則。

（19）元件過多時(shí)選中的方法

1）透過上層元件選擇下層元件：多個(gè)元件重疊時(shí)，想選中下層元件，元件管理窗口直接找到，元件過多的時(shí)候可以通過搜索，這是命名的重要性就出現(xiàn)了。

2）選中上層元件，等1秒左右，在點(diǎn)擊一次，就會(huì)選中下一層元件

3） 使用“查找”功能：Ctrl+F，通過搜索元件里的文字來找到

（20）按住 Ctrl，將鼠標(biāo)放在元件的邊緣，移動(dòng)鼠標(biāo)，就可以旋轉(zhuǎn)部件

（21）鼠標(biāo)放在元件邊緣，按住 shift+鼠標(biāo)左鍵，可以鎖定長(zhǎng)寬比來放大縮小元件

（22）建立回收站文件夾

用來存放淘汰的頁面。但是生成 html 文件時(shí)，不要選擇生成回收站內(nèi)容。

（23）記錄修改內(nèi)容

新建一個(gè)空白頁面，記錄 rp 文件的改動(dòng)，如改動(dòng)時(shí)間，版本、修改內(nèi)容、修改人等。

（24）找Icon必備網(wǎng)站：https://www.iconfont.cn/

搜索自己需要的Icon類型，點(diǎn)擊復(fù)制SVG，粘貼進(jìn)Axure面板里，點(diǎn)擊鼠標(biāo)右鍵，選擇“轉(zhuǎn)化成矢量圖”，就可以對(duì)Icon進(jìn)行顏色的填充與修改了。

（25）靈感來源>>花瓣：https://huaban.com/

（26）原型尺寸大?。ú晃ㄒ唬?/strong>