編輯導語：對于Axure原型工具，在工作的過程中有許多好用的技巧可以運用，使得工作效率更加高速。本文作者整理了Axure9的使用技巧，包括連接線、預覽刷新、自适應文本高度/寬度、浏覽器字體大小、快速對齊/調整間距等内容，一起來學習一下吧，希望對你有幫助。

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

PS：以下内容基于Axure9整理。

一、連接線

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

不過連接線的樣式是可以調整的，可以有直線連接、曲線連接線。

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

另外，在使用連接線連接時，我們可以設置連接點的位置。

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

就可以對連接點的位置進行調整。

二、預覽刷新

在Axure畫原型時，我們一定會預覽效果，可通過【F5】快捷鍵可直接預覽；

但是預覽的次數多了，經常會打開很多窗口。

其實對于同一個頁面，我們可以預覽時打開一次。

當原型有變更時，我們隻需要在【alt tab】快捷鍵（windows電腦）切換窗口，切換到打開預覽頁面的浏覽器中，按【F5】刷新預覽原型的頁面。

這樣會預覽出當前頁面最新的原型内容。

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

三、自适應文本高度/寬度

對于文本元件，我們在輸入文字後，會出現元件長度大于文字内容。

由于對齊、分布是根據元件長度進行調整的。當元件長度大于文字長度時，對齊、分布時會出現錯亂。

我們可以選中文本元件，樣式下有個“自動适應文本寬度”。

選擇後，元件寬度就可以按照字數自動調整。

對于高度也是同樣的，調整寬度的右側的就是自動調整高度。

對于其它能寫文字的元件也是一樣的，都能根據元件内的字數自動調整元件寬度/高度。

含文字的元件會受字體的不同出現變形的現象，我們可以直接選擇自适應大小，從而快速調整。

四、浏覽器字體大小

明明Axure中查看正常，但是在浏覽器預覽時卻錯亂。

一般的原因是Axure中設置的文字字号＜浏覽器中的保護字号，就是小于浏覽器支持的最小字号。

比如Axure中字體大小是10，浏覽器中保護字号是12px，預覽時，10px文字會自動放大到12px。

解決這個問題的方法，可以設置浏覽器中的最小字号，如果想按照10px查看，把最小字号設置成10px即可。

上圖是Edge浏覽器，在 【設置】中調整即可。

其它浏覽器自行設置就行，不過多說了。

有時也會出現Axure中查看的字體，和浏覽器中預覽的字體不一樣，同樣的，可以把浏覽器默認字體設置為Axure中的字體即可。

我個人習慣用蘋方字體，所有浏覽器也都設置的是蘋方。

五、快速對齊/調整間距

在Axure9中，我們可以設置【标尺·網格·輔助線】，把網格對齊、對齊輔助線、元件對齊都勾上，這樣就可以自動對齊。

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

【網格】間距設置為10px。

另外在選擇一個元件後，按中【alt】鍵，同時移動鼠标，鼠标懸浮在其它元件上時，就會顯示出與選中元件之間的間距大小。

六、總結

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

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

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

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

本文由 @王大鹿 原創發布于人人都是産品經理，未經許可，禁止轉載

題圖來自 Unsplash，基于 CC0 協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部