Axure是頭大象瓣铣,其實(shí)有很多不容易被大家注意到的功能。Axure以高度的自由度著稱碗旅,用好了絕對是大殺器渡处。本篇是系列文章的第三篇,講講關(guān)于Axure的一些冷門小知識祟辟。
一医瘫、手繪風(fēng)格的原型
其實(shí)Axure也是支持手繪風(fēng)格的。具體設(shè)置在
Project——>Page style editor
我習(xí)慣使用英文版旧困,中文版的對照圖片找位置就可以了醇份。
點(diǎn)進(jìn)去以后稼锅,找到Sketch Effects,把Sketchiness的值拖大(默認(rèn)值是0)僚纷,就能夠得到手繪的效果了矩距。數(shù)值越大越“手繪”。
試著拖動一個矩形看看畔濒?
其實(shí)這個設(shè)置項(xiàng)還有其他有趣的用途剩晴,例如設(shè)置默認(rèn)的對齊方式、頁面背景等等侵状。有的同學(xué)可能每次都拖動完 控件再去改樣式赞弥,如果樣式比較統(tǒng)一的話在這里設(shè)置可以省事不少。
二趣兄、格式刷
Axure也是可以使用格式刷的绽左,而且還可以選擇樣式粘貼。
格式刷在這里
選擇性復(fù)制/粘貼
如果你沒有找到這個按鈕艇潭,默認(rèn)是被隱藏的拼窥。從工具欄中找出即可。
點(diǎn)擊 customize main toolbar蹋凝,選中format painter
三鲁纠、文件上傳效果
我看到許多人做原型中,要實(shí)現(xiàn)本地文件上傳彈出選擇文件的對話框鳍寂,有兩種形式改含。第一種是最簡單,直接截圖系統(tǒng)的文件選擇對話框迄汛,然后放到原型里捍壤。第二種是自己做一個仿系統(tǒng)選擇文件對話框,費(fèi)時費(fèi)力鞍爱,但是一次性做好是可以復(fù)用的鹃觉。這里介紹一下Axure自帶的文件選擇對話框。效果如下:
無需做任何效果睹逃,只需要拖動一個文本輸入框盗扇,右鍵設(shè)置其輸入類型為file就行了。
大家注意到?jīng)]唯卖,除了file類型粱玲,還有很多其他種類的類型可以選擇。不試試看嘛拜轨?說不定有意外收獲。
四允青、內(nèi)置瀏覽器(內(nèi)聯(lián)框架)
呃橄碾,其實(shí)這個應(yīng)該不算冷知識卵沉,但是這個控件用的比較少,稍微講一下法牲。拖動一個inline frame史汗,雙擊它,打開面板拒垃。在這個面板中可以打開外部網(wǎng)頁停撞、視頻、文件等悼瓮,也可以打開內(nèi)置的頁面戈毒。
參考用途:
- 單頁面應(yīng)用
- 插入視頻
- 插入地圖(例如百度地圖)
五、頂欄自適應(yīng)横堡、固定
有些時候需要頂欄(如導(dǎo)航欄)固定并且自適應(yīng)埋市。這時候可以使用動態(tài)面板。
右鍵動態(tài)面板命贴,點(diǎn)擊這兩個選項(xiàng)(Pin to Browser和100%wide)就能達(dá)到我們想要的效果道宅。
六、彈窗遮罩
你還在用一個半透明矩形做彈窗遮罩的效果嗎胸蛛?
其實(shí)Axure只需要在設(shè)置彈窗事件中選擇treat as lightbox即可實(shí)現(xiàn)彈窗遮罩污茵。
效果如下:
另外這個地方還有一個push widget的效果,即可以將隱藏控件出現(xiàn)的地方自動將原本位置的控件往一個方向推葬项,這樣可以做出側(cè)邊欄展開的效果泞当,這邊篇幅原因不再累述。另外可能有的小伙伴會提到其實(shí)中繼器也是冷門知識玷室,是的零蓉,打算單獨(dú)開篇講中繼器,中繼器可以講的東西太多了穷缤。
以上是本次的分享~