Axure使用技巧
編輯導語:對于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技巧可以看之前的文章。
本文由 @王大鹿 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
有點東西
111
111
嘻嘻嘻嘻次次
很好很好很好
測試呢么
感謝作者大大,又學習到關于Axure的知識啦,還是很有用處的!
杭州的產品嘛