Axure之旅:關(guān)于Axure的冷知識(shí)

9 評(píng)論 18660 瀏覽 149 收藏 6 分鐘

Axure是頭大象,其實(shí)有很多不容易被大家注意到的功能。Axure以高度的自由度著稱,用好了絕對(duì)是大殺器。本篇是系列文章的第三篇,講講關(guān)于Axure的一些冷門小知識(shí)。

?一、手繪風(fēng)格的原型

其實(shí)Axure也是支持手繪風(fēng)格的。具體設(shè)置在Project——>Page style editor我習(xí)慣使用英文版,中文版的對(duì)照?qǐng)D片找位置就可以了。

點(diǎn)進(jìn)去以后,找到Sketch Effects,把Sketchiness的值拖大(默認(rèn)值是0),就能夠得到手繪的效果了。數(shù)值越大越“手繪”。

試著拖動(dòng)一個(gè)矩形看看?

其實(shí)這個(gè)設(shè)置項(xiàng)還有其他有趣的用途,例如設(shè)置默認(rèn)的對(duì)齊方式、頁(yè)面背景等等。有的同學(xué)可能每次都拖動(dòng)完 控件再去改樣式,如果樣式比較統(tǒng)一的話在這里設(shè)置可以省事不少。

?二、格式刷

Axure也是可以使用格式刷的,而且還可以選擇樣式粘貼。

格式刷在這里

選擇性復(fù)制/粘貼

如果你沒(méi)有找到這個(gè)按鈕,默認(rèn)是被隱藏的。從工具欄中找出即可。

點(diǎn)擊 customize main toolbar,選中format painter

?三、文件上傳效果

我看到許多人做原型中,要實(shí)現(xiàn)本地文件上傳彈出選擇文件的對(duì)話框,有兩種形式。第一種是最簡(jiǎn)單,直接截圖系統(tǒng)的文件選擇對(duì)話框,然后放到原型里。第二種是自己做一個(gè)仿系統(tǒng)選擇文件對(duì)話框,費(fèi)時(shí)費(fèi)力,但是一次性做好是可以復(fù)用的。這里介紹一下Axure自帶的文件選擇對(duì)話框。效果如下:

無(wú)需做任何效果,只需要拖動(dòng)一個(gè)文本輸入框,右鍵設(shè)置其輸入類型為file就行了。

大家注意到?jīng)],除了file類型,還有很多其他種類的類型可以選擇。不試試看嘛?說(shuō)不定有意外收獲。

四、內(nèi)置瀏覽器(內(nèi)聯(lián)框架)

呃,其實(shí)這個(gè)應(yīng)該不算冷知識(shí),但是這個(gè)控件用的比較少,稍微講一下。拖動(dòng)一個(gè)inline frame,雙擊它,打開面板。在這個(gè)面板中可以打開外部網(wǎng)頁(yè)、視頻、文件等,也可以打開內(nèi)置的頁(yè)面。

參考用途:

  • 單頁(yè)面應(yīng)用
  • 插入視頻
  • 插入地圖(例如百度地圖)

五、頂欄自適應(yīng)、固定

有些時(shí)候需要頂欄(如導(dǎo)航欄)固定并且自適應(yīng)。這時(shí)候可以使用動(dòng)態(tài)面板。

右鍵動(dòng)態(tài)面板,點(diǎn)擊這兩個(gè)選項(xiàng)(Pin to Browser和100%wide)就能達(dá)到我們想要的效果。

?六、彈窗遮罩

你還在用一個(gè)半透明矩形做彈窗遮罩的效果嗎?

其實(shí)Axure只需要在設(shè)置彈窗事件中選擇treat as lightbox即可實(shí)現(xiàn)彈窗遮罩。

效果如下:

另外這個(gè)地方還有一個(gè)push widget的效果,即可以將隱藏控件出現(xiàn)的地方自動(dòng)將原本位置的控件往一個(gè)方向推,這樣可以做出側(cè)邊欄展開的效果,這邊篇幅原因不再累述。另外可能有的小伙伴會(huì)提到其實(shí)中繼器也是冷門知識(shí),是的,打算單獨(dú)開篇講中繼器,中繼器可以講的東西太多了。

以上是本次的分享~

 

作者:躚塵,互聯(lián)網(wǎng)產(chǎn)品經(jīng)理(微信公眾號(hào):躚塵),獨(dú)立音樂(lè)人(網(wǎng)易云音樂(lè):躚塵),歡迎交流。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 額應(yīng)該不算是冷知識(shí)吧

    來(lái)自江蘇 回復(fù)
  2. 樓主有沒(méi)有Axure中文破解軟件?

    來(lái)自北京 回復(fù)
  3. pin to browser很好用,之前一度迷戀,不過(guò)只能支持動(dòng)態(tài)面板有點(diǎn)遺憾。

    來(lái)自浙江 回復(fù)
  4. 要多畫畫圖??

    回復(fù)
  5. 這篇真的是太贊了

    來(lái)自湖南 回復(fù)
  6. 果真有些冷,贊

    來(lái)自江蘇 回復(fù)
  7. 的確有沒(méi)用到過(guò)的冷知識(shí),贊 :mrgreen:

    來(lái)自北京 回復(fù)
  8. 很有趣

    回復(fù)