Axure有哪些元件? Axure元件介紹以及使用

  • A+
所屬分類:百科知識

Axure有哪些元件?經常使用Axure設計網頁原型,下面我們就來看看Axure元件的使用方法。

一、矩形等各種形狀的使用

1、添加元件到畫布

在左側元件庫中,選擇想要使用的元件>>按住鼠標左鍵不放拖入畫布中

Axure有哪些元件? Axure元件介紹以及使用

2、設置元件尺寸及位置

元件的位置與尺寸的調整有三種方式:直接拖拽調整、工具面板輸入數值調整、檢視功能區下的樣式中修改

Axure有哪些元件? Axure元件介紹以及使用

3、給元件命名

當我們使用到的元件非常多時,建議給每一個使用到元件進行命名,方便后期選擇與修改。

Axure有哪些元件? Axure元件介紹以及使用

4、設置元件的顯隱

當一開始我們不要某個元件顯示時,我們可以先將其隱藏,在需要時再讓其顯示。

Axure有哪些元件? Axure元件介紹以及使用

5、設置元件填充色

Axure有哪些元件? Axure元件介紹以及使用

6、設置元件陰影及邊框樣式

Axure有哪些元件? Axure元件介紹以及使用

7、設置元件圓角

Axure有哪些元件? Axure元件介紹以及使用

8、設置元件的水平/垂直翻轉

Axure有哪些元件? Axure元件介紹以及使用

9、設置元件的不透明度

元件的不透明度包括填充色不透明度和邊框色不透明度兩部分,在將填充以及邊框樣式的時候我們有提到,這里說另外一種方式。

Axure有哪些元件? Axure元件介紹以及使用

10、設置字體、字號

Axure有哪些元件? Axure元件介紹以及使用

11、設置行間距、項目符號以及段落對齊形式

Axure有哪些元件? Axure元件介紹以及使用

12、設置元件文字填充

填充在這里指元件內文字與形狀邊緣之間填充的空隙。

Axure有哪些元件? Axure元件介紹以及使用

 

13、設置元件/文本角度

Axure有哪些元件? Axure元件介紹以及使用

14、設置文本鏈接

對于一段文字或者幾個文字我們可以為其設置鏈接。例如,注冊頁中的用戶協議、隱私條款。

Axure有哪些元件? Axure元件介紹以及使用

15、改變形狀元件的形狀

Axure有哪些元件? Axure元件介紹以及使用

16、給元件設置交互樣式

在網頁端,當鼠標移動到一個可以交互的文字或者button上時,我們需要給用戶一個及時的反饋,這時候就需要對元件的在鼠標懸停下的交互樣式進行設置。另外,需要時我們還可以設置元件選中、禁用和鼠標按下時的交互樣式。

Axure有哪些元件? Axure元件介紹以及使用

17、將元件轉換為圖像

一般情況下我們很少這樣做,當元件中包含特殊字體時,為了避免在不含該字體的設備上瀏覽出錯我們可以考慮將其轉換為圖片。

Axure有哪些元件? Axure元件介紹以及使用

18、設置元件默認狀態為禁用/選中

Axure有哪些元件? Axure元件介紹以及使用

推薦應用

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: