基礎(chǔ)篇

元件的使用

從添加元件到畫布——修改元件名稱——設(shè)置顏色/透明——邊框線型/顏色——設(shè)置形狀或圖片圓角

文本框的使用

1. 設(shè)置文本框的類型，常用text、密碼、文件；
2. 設(shè)置提示文字
3. 設(shè)置隱藏的觸發(fā)條件， 輸入/獲取焦點(diǎn)時(shí)隱藏（預(yù)覽才可看到實(shí)際效果）
4. 設(shè)置最大長度，賬號(hào)/密碼輸入框比較常用
5. 隱藏邊框， 矩形+文本框時(shí)一般會(huì)隱藏文本框的邊框

元件的默認(rèn)選中/禁用

元件的屬性可以對一些元件的默認(rèn)狀態(tài)進(jìn)行設(shè)置，可以設(shè)置為默認(rèn)選中/禁用， 常見的比如未輸入賬號(hào)密碼可以默認(rèn)登錄按鈕為禁用的灰色。操作步驟①添加一個(gè)矩形②交互樣式設(shè)置選擇禁用③設(shè)置禁用樣式下的字體顏色/填充顏色。

交互樣式設(shè)置

在網(wǎng)頁/APP的需求設(shè)計(jì)中，經(jīng)常會(huì)用到一些很簡單的交互樣式，比如鼠標(biāo)懸停/鼠標(biāo)按下/選中/禁用，上面我介紹了禁用的操作步驟，其他的懸停/按下的設(shè)置步驟和禁用類似，這里就不一一介紹了，容我偷個(gè)懶~

添加用例（簡單）

1. 鼠標(biāo)單擊時(shí)打開鏈接
2. 鼠標(biāo)單擊時(shí)顯示/隱藏
3. 鼠標(biāo)單擊時(shí)選中/取消選中
4. 鼠標(biāo)單擊時(shí)移動(dòng)
5. 鼠標(biāo)單擊時(shí)獲取焦點(diǎn)

以鼠標(biāo)單擊時(shí)打開鏈接為例，元件屬性里選擇鼠標(biāo)單擊時(shí)——打開鏈接——當(dāng)前窗口/新窗口——選擇鏈接到某個(gè)頁面

2-5的設(shè)置方式主要是左側(cè)添加對應(yīng)的動(dòng)作，如下圖所示，里面部分設(shè)計(jì)到一些復(fù)雜的用法，會(huì)在下文中單獨(dú)介紹。

進(jìn)階篇

擅用母版

母版的使用應(yīng)該分三個(gè)階段：① 什么時(shí)候用母版 @ 怎么去使用母版 @ 如何更好的優(yōu)化母版。

如果是Axure初學(xué)者，在摸索所有功能怎么玩，然后嘗試自己去做一個(gè)APP/Web的原型的時(shí)候，可能覺得一個(gè)界面一個(gè)界面的慢慢做，其實(shí)還不錯(cuò)，要用母版干啥？   No no no ，當(dāng)需要對原型進(jìn)行修改時(shí)，牽一發(fā)而動(dòng)全身的痛想必每個(gè)產(chǎn)品dog都經(jīng)歷過。我的定義是當(dāng)組合元件在多個(gè)頁面顯示或者在一個(gè)頁面多次顯示，我就會(huì)把其轉(zhuǎn)化為母版。

怎么去用母版呢？

1. 添加母版，左側(cè)可以直接添加母版，然后進(jìn)行編輯；選中元件直接右鍵轉(zhuǎn)換為母版
2. 使用母版，如下圖所示

母版的命名可以根據(jù)自己的需求來，建議有一定的規(guī)律，否則母版太多就會(huì)忘；母版支持預(yù)覽，鼠標(biāo)懸停就可以預(yù)覽母版的大概樣式；單擊母版挪到工作區(qū)，就表示使用這個(gè)母版 ，  注意：母版只能在左側(cè)雙擊后進(jìn)行編輯，使用后是不支持編輯的，不過脫離母版后可編輯。

總而言之，母版其實(shí)能很大的方便我們完成原型，使用頻率很高，后期修改非常快捷。

元件庫

形成自己的元件庫很重要啊喂，教你幾招輕輕松松搞定！

1. 先偷點(diǎn)懶唄，去Axure中文官網(wǎng)逛逛，看看別人分享的元件庫是啥樣的，覺得挺有用的可以copy過來
2. 自己要有意識(shí)的去主動(dòng)添加元件，我制作了一個(gè)組合元件，但是可能以后會(huì)用到，我會(huì)優(yōu)化一下，然后添加到我的元件庫 ，下圖就是我的元件庫，大家可以看下

我按照自己的使用習(xí)慣，對元件進(jìn)行了分類   ，其中比較常用的應(yīng)該是內(nèi)容/彈窗/圖標(biāo) ，在使用過程中也會(huì)擴(kuò)充~  預(yù)覽地址文末會(huì)附上~

進(jìn)階我決定單獨(dú)開個(gè)文章來寫，篇幅太多了，這一時(shí)半會(huì)也也不玩呀~

小技巧

• FontAwesome字體的使用，能夠靈活的改變圖標(biāo)的顏色（實(shí)際是通過修改字體顏色，把圖標(biāo)定義為文字）
• 圖標(biāo)網(wǎng)站iconfont   ，海量圖標(biāo)而且支持在線編輯顏色，自從使用這個(gè)之后，感覺我的世界從灰暗變成了光明。
• 其他小技巧暫時(shí)保密~ 保持學(xué)習(xí)，保持專注。

總結(jié)

元件庫預(yù)覽地址：

元件庫下載地址：

鏈接： 密碼：12qp

官方地址：鏈接:  密碼: tnkh

本文轉(zhuǎn)載自