Axure之旅:關(guān)于Axure的冷知識
Axure是頭大象,其實有很多不容易被大家注意到的功能。Axure以高度的自由度著稱,用好了絕對是大殺器。本篇是系列文章的第三篇,講講關(guān)于Axure的一些冷門小知識。
?一、手繪風(fēng)格的原型
其實Axure也是支持手繪風(fēng)格的。具體設(shè)置在Project——>Page style editor我習(xí)慣使用英文版,中文版的對照圖片找位置就可以了。
點進去以后,找到Sketch Effects,把Sketchiness的值拖大(默認(rèn)值是0),就能夠得到手繪的效果了。數(shù)值越大越“手繪”。
試著拖動一個矩形看看?
其實這個設(shè)置項還有其他有趣的用途,例如設(shè)置默認(rèn)的對齊方式、頁面背景等等。有的同學(xué)可能每次都拖動完 控件再去改樣式,如果樣式比較統(tǒng)一的話在這里設(shè)置可以省事不少。
?二、格式刷
Axure也是可以使用格式刷的,而且還可以選擇樣式粘貼。
格式刷在這里
選擇性復(fù)制/粘貼
如果你沒有找到這個按鈕,默認(rèn)是被隱藏的。從工具欄中找出即可。
點擊 customize main toolbar,選中format painter
?三、文件上傳效果
我看到許多人做原型中,要實現(xiàn)本地文件上傳彈出選擇文件的對話框,有兩種形式。第一種是最簡單,直接截圖系統(tǒng)的文件選擇對話框,然后放到原型里。第二種是自己做一個仿系統(tǒng)選擇文件對話框,費時費力,但是一次性做好是可以復(fù)用的。這里介紹一下Axure自帶的文件選擇對話框。效果如下:
無需做任何效果,只需要拖動一個文本輸入框,右鍵設(shè)置其輸入類型為file就行了。
大家注意到?jīng)],除了file類型,還有很多其他種類的類型可以選擇。不試試看嘛?說不定有意外收獲。
四、內(nèi)置瀏覽器(內(nèi)聯(lián)框架)
呃,其實這個應(yīng)該不算冷知識,但是這個控件用的比較少,稍微講一下。拖動一個inline frame,雙擊它,打開面板。在這個面板中可以打開外部網(wǎng)頁、視頻、文件等,也可以打開內(nèi)置的頁面。
參考用途:
- 單頁面應(yīng)用
- 插入視頻
- 插入地圖(例如百度地圖)
五、頂欄自適應(yīng)、固定
有些時候需要頂欄(如導(dǎo)航欄)固定并且自適應(yīng)。這時候可以使用動態(tài)面板。
右鍵動態(tài)面板,點擊這兩個選項(Pin to Browser和100%wide)就能達到我們想要的效果。
?六、彈窗遮罩
你還在用一個半透明矩形做彈窗遮罩的效果嗎?
其實Axure只需要在設(shè)置彈窗事件中選擇treat as lightbox即可實現(xiàn)彈窗遮罩。
效果如下:
另外這個地方還有一個push widget的效果,即可以將隱藏控件出現(xiàn)的地方自動將原本位置的控件往一個方向推,這樣可以做出側(cè)邊欄展開的效果,這邊篇幅原因不再累述。另外可能有的小伙伴會提到其實中繼器也是冷門知識,是的,打算單獨開篇講中繼器,中繼器可以講的東西太多了。
以上是本次的分享~
作者:躚塵,互聯(lián)網(wǎng)產(chǎn)品經(jīng)理(微信公眾號:躚塵),獨立音樂人(網(wǎng)易云音樂:躚塵),歡迎交流。
題圖來自PEXELS,基于CC0協(xié)議
額應(yīng)該不算是冷知識吧
樓主有沒有Axure中文破解軟件?
pin to browser很好用,之前一度迷戀,不過只能支持動態(tài)面板有點遺憾。
要多畫畫圖??
這篇真的是太贊了
果真有些冷,贊
的確有沒用到過的冷知識,贊
很有趣