產(chǎn)品經(jīng)理用Axure制作高保真原型 or 低保真原型锁孟,很多前輩大神都有各自的見解,這個不在咱們今天話題范圍內(nèi)茁瘦,畢竟菜鳥一枚品抽,能夠利用休息時間和下班時間哼哧哼哧學(xué)習(xí),去提升自己腹躁,這很重要桑包。
今天咱們來說說快速掌握Axure的幾個方法。
基礎(chǔ)篇
元件的使用
從添加元件到畫布——修改元件名稱——設(shè)置顏色/透明——邊框線型/顏色——設(shè)置形狀或圖片圓角
文本框的使用
設(shè)置文本框的類型纺非,常用text哑了、密碼赘方、文件;
設(shè)置提示文字
設(shè)置隱藏的觸發(fā)條件弱左, 輸入/獲取焦點時隱藏(預(yù)覽才可看到實際效果)
設(shè)置最大長度窄陡,賬號/密碼輸入框比較常用
隱藏邊框, 矩形+文本框時一般會隱藏文本框的邊框
元件的默認(rèn)選中/禁用
元件的屬性可以對一些元件的默認(rèn)狀態(tài)進(jìn)行設(shè)置拆火,可以設(shè)置為默認(rèn)選中/禁用跳夭, 常見的比如未輸入賬號密碼可以默認(rèn)登錄按鈕為禁用的灰色。操作步驟①添加一個矩形②交互樣式設(shè)置選擇禁用③設(shè)置禁用樣式下的字體顏色/填充顏色们镜。
交互樣式設(shè)置
在網(wǎng)頁/APP的需求設(shè)計中币叹,經(jīng)常會用到一些很簡單的交互樣式,比如鼠標(biāo)懸停/鼠標(biāo)按下/選中/禁用模狭,上面我介紹了禁用的操作步驟颈抚, ?其他的懸停/按下的設(shè)置步驟和禁用類似,這里就不一一介紹了嚼鹉,容我偷個懶~
添加用例(簡單)
鼠標(biāo)單擊時打開鏈接
鼠標(biāo)單擊時顯示/隱藏
鼠標(biāo)單擊時選中/取消選中
鼠標(biāo)單擊時移動
鼠標(biāo)單擊時獲取焦點
以鼠標(biāo)單擊時打開鏈接為例贩汉,元件屬性里選擇鼠標(biāo)單擊時——打開鏈接——當(dāng)前窗口/新窗口——選擇鏈接到某個頁面
2-5的設(shè)置方式主要是左側(cè)添加對應(yīng)的動作,如下圖所示锚赤,里面部分設(shè)計到一些復(fù)雜的用法匹舞,會在下文中單獨介紹。
進(jìn)階篇
擅用母版
母版的使用應(yīng)該分三個階段:① 什么時候用母版 @ 怎么去使用母版 @ 如何更好的優(yōu)化母版线脚。
如果是Axure初學(xué)者赐稽,在摸索所有功能怎么玩,然后嘗試自己去做一個APP/Web的原型的時候酒贬,可能覺得一個界面一個界面的慢慢做,其實還不錯锭吨,要用母版干啥蠢莺? ? No no no 零如,當(dāng)需要對原型進(jìn)行修改時躏将,牽一發(fā)而動全身的痛想必每個產(chǎn)品dog都經(jīng)歷過考蕾。我的定義是當(dāng)組合元件在多個頁面顯示或者在一個頁面多次顯示祸憋,我就會把其轉(zhuǎn)化為母版。
怎么去用母版呢肖卧?
添加母版蚯窥,左側(cè)可以直接添加母版,然后進(jìn)行編輯;選中元件直接右鍵轉(zhuǎn)換為母版
使用母版拦赠,如下圖所示
母版的命名可以根據(jù)自己的需求來,建議有一定的規(guī)律荷鼠,否則母版太多就會忘;母版支持預(yù)覽允乐,鼠標(biāo)懸停就可以預(yù)覽母版的大概樣式矮嫉;單擊母版挪到工作區(qū),就表示使用這個母版 牍疏, ?注意:母版只能在左側(cè)雙擊后進(jìn)行編輯蠢笋,使用后是不支持編輯的,不過脫離母版后可編輯麸澜。
總而言之挺尿,母版其實能很大的方便我們完成原型奏黑,使用頻率很高,后期修改非呈焓罚快捷,后面說的優(yōu)化母版蹂匹,實際是在使用的過程中去發(fā)掘更好的使用方法碘菜,既不用頻繁的使用“脫離母版”限寞,又能達(dá)到我們的目的忍啸,這個我還在修煉履植,待我出師再來聊聊~
元件庫
形成自己的元件庫很重要啊喂,教你幾招輕輕松松搞定玫霎!
先偷點懶唄凿滤,去Axure中文官網(wǎng)逛逛庶近,看看別人分享的元件庫是啥樣的翁脆,覺得挺有用的可以copy過來
自己要有意識的去主動添加元件鼻种,我制作了一個組合元件反番,但是可能以后會用到,我會優(yōu)化一下罢缸,然后添加到我的元件庫 ,下圖就是我的元件庫祖能,大家可以看下
我按照自己的使用習(xí)慣,對元件進(jìn)行了分類 ? 养铸,其中比較常用的應(yīng)該是內(nèi)容/彈窗/圖標(biāo) 雁芙,在使用過程中也會擴(kuò)充~ ?預(yù)覽地址文末會附上~
進(jìn)階我決定單獨開個文章來寫钞螟,篇幅太多了兔甘,這一時半會也也不玩呀~
小技巧
FontAwesome字體的使用鳞滨,能夠靈活的改變圖標(biāo)的顏色(實際是通過修改字體顏色,把圖標(biāo)定義為文字)
圖標(biāo)網(wǎng)站iconfonthttp://www.iconfont.cn/collections?personal=1拯啦,海量圖標(biāo)而且支持在線編輯顏色澡匪,自從使用這個之后褒链,感覺我的世界從灰暗變成了光明。
其他小技巧暫時保密~ 保持學(xué)習(xí)甫匹,保持專注甸鸟。
總結(jié)
元件庫預(yù)覽地址:http://5awi9u.axshare.com/#g=1
元件庫下載地址:
鏈接:http://pan.baidu.com/s/1eShYiki密碼:12qp
官方地址:鏈接:http://pan.baidu.com/s/1o8rlr2i密碼: tnkh