Axure教程 axure元件使用思路的補充(7)

3 評論 130010 瀏覽 160 收藏 5 分鐘

我們曾經對axure線框圖基本元件進行過說明,現結合這我對這些元件的使用習慣,對部分元件的使用,再做一些補充。

1、 圖片:可以編輯懸停、按下時候顯示不同的圖片,做圖片的一些特殊效果。

2、 文本(lable):這個元件到處都能用得到,這個元件是可以通過事件觸發改變元件文字的,可以通過全局變量,實現如登陸前后不同的文字提示效果。對我來說這個元件還有一個用處就是除錯,因為axure沒有調試器,所以當因為變量值出現問題導致交互效果無法出現的時候,我通常會在調用變量時順便加上一個動作,拖進去一個文本,讓文本文字等于變量值,這樣就能一目了然的看到是不是因為變量值不正確出的錯。

3、 矩形:這個也是最常用的axure元件之一,常見的使用方式我就不說了,我對矩形的使用,我通常是把矩形拖進編輯區然后根據需要調整好大小,再轉換成動態面板,這樣做比拖入動態面板-調整大小-雙擊狀態-拖入矩形-調整大小,要省很多的事??赡芎芏嗳硕歼@么用,但是我覺得還是有必要講出來,讓新手少走些彎路。

4、 占位符:除了懶得找廣告圖片,用它來表示廣告位之外基本很少用,不過我倒是經常把它縮小做關閉按鈕使用。

5、 圓角矩形:不知道為什么axure單獨有個這個,我已經把它在我做的小樓axure元件庫1.0中淘汰了,因為我把矩形改成了默認能夠直接編輯圓角的。

6、?動態面板:教程里各種各樣的用法太多,就不說了。不過有一個我沒有講過,就是函數里的DragTime,這個函數能獲取拖動面板的時長,精確到毫秒,這個功能在移動端原型里應該有很大作用,因為我很少接觸,所以沒有怎么用。不過我用這個函數的特點,做了一個隨機骰子,實現了猜大小的游戲,有興趣的話去小樓元件里下載參考一下。

7、 圖片熱區:基本上不用,用的時候基本功能也可以用透明矩形來代替。之前沒有提到是的,圖片熱區能夠作為錨記,通過對其他元件設定滾動事件返回到錨記,比如一些網站頁面較長,一般在右側下部有一個點一下就回到頁面開始部位的功能,這個博客就有這個功能。

8、 文本框(單行):真心希望axure能加上文本框驗證的設置,這樣就省很多事。感覺對密碼框的支持還不夠,不能通過事件觸發的讓輸入的字符變成隱式的。

9、 復選框:這個難度大一些的用法,就是像全選、反選、勾選計數,這些效果,基本上是苦力活。

10、 內部框架:web端使用最多的是后臺設計或者選項卡的實現(會有刷新,不如動態面板的好),但是在移動端,這個axure元件的作用就很大了,把它在主頁拖動到手機外殼圖片上并設置好大小覆蓋整個屏幕,再雙擊指定一個頁面作為框架內的主頁,就能像設計網站一樣,方便的實現手機屏幕上的多種效果。

本文作者:@小樓;轉載自:Axure原創教程網

新手入門基礎教程目錄

Axure教程 axure新手入門基礎(1)

Axure教程 axure新手入門基礎(2

Axure教程 axure新手入門基礎(3)

Axure教程 axure新手入門基礎(4)

Axure教程 axure新手入門基礎(5)

Axure教程 關于Axure rp觸發事件中IF和ELSE IF的使用說明(6)

Axure教程 axure元件使用思路的補充(7)

Axure教程 動態面板的用途(8)

Axure教程 帶遮罩層的彈出框(9)

Axure教程 動態面板滑動效果(10)

更多Axure學習技巧:Axure專欄

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

    來自廣東 回復
  2. 我說,文章作者的名字能不能放到文章牽頭?總是最后關頭來一個……

    來自新疆 回復