編輯導(dǎo)語(yǔ)：對(duì)于Axure原型工具，在工作的過程中有許多好用的技巧可以運(yùn)用，使得工作效率更加高速。本文作者整理了Axure9的使用技巧，包括連接線、預(yù)覽刷新、自適應(yīng)文本高度/寬度、瀏覽器字體大小、快速對(duì)齊/調(diào)整間距等內(nèi)容，一起來(lái)學(xué)習(xí)一下吧，希望對(duì)你有幫助。

之前寫過幾篇Axure使用技巧，最近又整理了一些，分享給各位。

PS：以下內(nèi)容基于Axure9整理。

一、連接線

Axure可以畫流程圖大家都是知道的吧，直接使用連接工具可以畫連接線了。

不過連接線的樣式是可以調(diào)整的，可以有直線連接、曲線連接線。

選擇連接線，在【樣式】中，選擇不同的連接線樣式就行。

另外，在使用連接線連接時(shí)，我們可以設(shè)置連接點(diǎn)的位置。

直接選擇需要連接的元件，右鍵-【變換形狀】-【編輯連接點(diǎn)】。

就可以對(duì)連接點(diǎn)的位置進(jìn)行調(diào)整。

二、預(yù)覽刷新

在Axure畫原型時(shí)，我們一定會(huì)預(yù)覽效果，可通過【F5】快捷鍵可直接預(yù)覽；

但是預(yù)覽的次數(shù)多了，經(jīng)常會(huì)打開很多窗口。

其實(shí)對(duì)于同一個(gè)頁(yè)面，我們可以預(yù)覽時(shí)打開一次。

當(dāng)原型有變更時(shí)，我們只需要在【alt+tab】快捷鍵（windows電腦）切換窗口，切換到打開預(yù)覽頁(yè)面的瀏覽器中，按【F5】刷新預(yù)覽原型的頁(yè)面。

這樣會(huì)預(yù)覽出當(dāng)前頁(yè)面最新的原型內(nèi)容。

需要注意的是：原型中的頁(yè)面名稱不能修改。如果修改了，則需要重新預(yù)覽，才能看到最新的原型。

三、自適應(yīng)文本高度/寬度

對(duì)于文本元件，我們?cè)谳斎胛淖趾?，?huì)出現(xiàn)元件長(zhǎng)度大于文字內(nèi)容。

由于對(duì)齊、分布是根據(jù)元件長(zhǎng)度進(jìn)行調(diào)整的。當(dāng)元件長(zhǎng)度大于文字長(zhǎng)度時(shí)，對(duì)齊、分布時(shí)會(huì)出現(xiàn)錯(cuò)亂。

我們可以選中文本元件，樣式下有個(gè)“自動(dòng)適應(yīng)文本寬度”。

選擇后，元件寬度就可以按照字?jǐn)?shù)自動(dòng)調(diào)整。

對(duì)于高度也是同樣的，調(diào)整寬度的右側(cè)的就是自動(dòng)調(diào)整高度。

對(duì)于其它能寫文字的元件也是一樣的，都能根據(jù)元件內(nèi)的字?jǐn)?shù)自動(dòng)調(diào)整元件寬度/高度。

含文字的元件會(huì)受字體的不同出現(xiàn)變形的現(xiàn)象，我們可以直接選擇自適應(yīng)大小，從而快速調(diào)整。

四、瀏覽器字體大小

明明Axure中查看正常，但是在瀏覽器預(yù)覽時(shí)卻錯(cuò)亂。

一般的原因是Axure中設(shè)置的文字字號(hào)＜瀏覽器中的保護(hù)字號(hào)，就是小于瀏覽器支持的最小字號(hào)。

比如Axure中字體大小是10，瀏覽器中保護(hù)字號(hào)是12px，預(yù)覽時(shí)，10px文字會(huì)自動(dòng)放大到12px。

解決這個(gè)問題的方法，可以設(shè)置瀏覽器中的最小字號(hào)，如果想按照10px查看，把最小字號(hào)設(shè)置成10px即可。

上圖是Edge瀏覽器，在 【設(shè)置】中調(diào)整即可。

其它瀏覽器自行設(shè)置就行，不過多說(shuō)了。

有時(shí)也會(huì)出現(xiàn)Axure中查看的字體，和瀏覽器中預(yù)覽的字體不一樣，同樣的，可以把瀏覽器默認(rèn)字體設(shè)置為Axure中的字體即可。

我個(gè)人習(xí)慣用蘋方字體，所有瀏覽器也都設(shè)置的是蘋方。

五、快速對(duì)齊/調(diào)整間距

在Axure9中，我們可以設(shè)置【標(biāo)尺·網(wǎng)格·輔助線】，把網(wǎng)格對(duì)齊、對(duì)齊輔助線、元件對(duì)齊都勾上，這樣就可以自動(dòng)對(duì)齊。

【元件對(duì)齊設(shè)置】中勾上元件對(duì)齊、邊緣對(duì)齊，垂直與水平設(shè)置為5像素。

【網(wǎng)格】間距設(shè)置為10px。

另外在選擇一個(gè)元件后，按中【alt】鍵，同時(shí)移動(dòng)鼠標(biāo)，鼠標(biāo)懸浮在其它元件上時(shí)，就會(huì)顯示出與選中元件之間的間距大小。

六、總結(jié)

希望能幫到各位，其它Axure技巧可以看之前的文章。

《Axure使用技巧（第一彈）》

《Axure使用技巧（第二彈）》

《Axure使用技巧（第三彈）》

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

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議