Axure之旅:關於Axure的冷知識

分類:實用技巧 時間:2017-09-23

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

一、手繪風格的原型

其實Axure也是支持手繪風格的。具體設置在Project——>Page style editor我習慣使用英文版,中文版的對照圖片找位置就可以了。

點進去以後,找到Sketch Effects,把Sketchiness的值拖大(默認值是0),就能夠得到手繪的效果了。數值越大越“手繪”。

試著拖動一個矩形看看?

其實這個設置項還有其他有趣的用途,例如設置默認的對齊方式、頁面背景等等。有的同學可能每次都拖動完 控件再去改樣式,如果樣式比較統一的話在這裏設置可以省事不少。

二、格式刷

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

格式刷在這裏

選擇性復制/粘貼

如果你沒有找到這個按鈕,默認是被隱藏的。從工具欄中找出即可。

點擊 customize main toolbar,選中format painter

三、文件上傳效果

我看到許多人做原型中,要實現本地文件上傳彈出選擇文件的對話框,有兩種形式。第一種是最簡單,直接截圖系統的文件選擇對話框,然後放到原型裏。第二種是自己做一個仿系統選擇文件對話框,費時費力,但是一次性做好是可以復用的。這裏介紹一下Axure自帶的文件選擇對話框。效果如下:

無需做任何效果,只需要拖動一個文本輸入框,右鍵設置其輸入類型為file就行了。

大家註意到沒,除了file類型,還有很多其他種類的類型可以選擇。不試試看嘛?說不定有意外收獲。

四、內置瀏覽器(內聯框架)

呃,其實這個應該不算冷知識,但是這個控件用的比較少,稍微講一下。拖動一個inline frame,雙擊它,打開面板。在這個面板中可以打開外部網頁、視頻、文件等,也可以打開內置的頁面。

參考用途:

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

五、頂欄自適應、固定

有些時候需要頂欄(如導航欄)固定並且自適應。這時候可以使用動態面板。

右鍵動態面板,點擊這兩個選項(Pin to Browser和100%wide)就能達到我們想要的效果。

六、彈窗遮罩

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

其實Axure只需要在設置彈窗事件中選擇treat as lightbox即可實現彈窗遮罩。

效果如下:

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

以上是本次的分享~

作者:躚塵,互聯網產品經理(微信公眾號:躚塵),獨立音樂人(網易雲音樂:躚塵),歡迎交流。

題圖來自PEXELS,基於CC0協議


Tags: Axure 文件 手繪 對話框 設置 選擇

文章來源:


ads
ads

相關文章
ads

相關文章

ad