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

Axure有哪些元件?經(jīng)常使用Axure設(shè)計(jì)網(wǎng)頁(yè)原型,下面我們就來(lái)看看Axure元件的使用方法。

一、矩形等各種形狀的使用文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

1、添加元件到畫布文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

在左側(cè)元件庫(kù)中,選擇想要使用的元件>>按住鼠標(biāo)左鍵不放拖入畫布中文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-1文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

2、設(shè)置元件尺寸及位置文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

元件的位置與尺寸的調(diào)整有三種方式:直接拖拽調(diào)整、工具面板輸入數(shù)值調(diào)整、檢視功能區(qū)下的樣式中修改文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-2文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

3、給元件命名文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

當(dāng)我們使用到的元件非常多時(shí),建議給每一個(gè)使用到元件進(jìn)行命名,方便后期選擇與修改。文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-3文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/43836.html

4、設(shè)置元件的顯隱

當(dāng)一開始我們不要某個(gè)元件顯示時(shí),我們可以先將其隱藏,在需要時(shí)再讓其顯示。

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

5、設(shè)置元件填充色

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

6、設(shè)置元件陰影及邊框樣式

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

7、設(shè)置元件圓角

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

8、設(shè)置元件的水平/垂直翻轉(zhuǎn)

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

9、設(shè)置元件的不透明度

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

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

10、設(shè)置字體、字號(hào)

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

11、設(shè)置行間距、項(xiàng)目符號(hào)以及段落對(duì)齊形式

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

12、設(shè)置元件文字填充

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

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

 

13、設(shè)置元件/文本角度

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

14、設(shè)置文本鏈接

對(duì)于一段文字或者幾個(gè)文字我們可以為其設(shè)置鏈接。例如,注冊(cè)頁(yè)中的用戶協(xié)議、隱私條款。

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

15、改變形狀元件的形狀

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

16、給元件設(shè)置交互樣式

在網(wǎng)頁(yè)端,當(dāng)鼠標(biāo)移動(dòng)到一個(gè)可以交互的文字或者button上時(shí),我們需要給用戶一個(gè)及時(shí)的反饋,這時(shí)候就需要對(duì)元件的在鼠標(biāo)懸停下的交互樣式進(jìn)行設(shè)置。另外,需要時(shí)我們還可以設(shè)置元件選中、禁用和鼠標(biāo)按下時(shí)的交互樣式。

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

17、將元件轉(zhuǎn)換為圖像

一般情況下我們很少這樣做,當(dāng)元件中包含特殊字體時(shí),為了避免在不含該字體的設(shè)備上瀏覽出錯(cuò)我們可以考慮將其轉(zhuǎn)換為圖片。

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

18、設(shè)置元件默認(rèn)狀態(tài)為禁用/選中

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

繼續(xù)閱讀
我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號(hào)
 

發(fā)表評(píng)論

匿名網(wǎng)友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動(dòng)滑塊以完成驗(yàn)證