【知乎整理】Axure那些鮮為人知的使用技巧!

11 評論 86353 瀏覽 107 收藏 7 分鐘

阿拓帶你飛:不管是想入門產(chǎn)品經(jīng)理還是已經(jīng)是PM的人對AXURE都很關(guān)注,它是制作產(chǎn)品原型的重要工具,但是有多少人了解AXURE的使用技巧?本文是來自“知乎問答”整理的回答,一起來看看那些不常用的使用技巧。

@高超,互聯(lián)網(wǎng)

1,把當(dāng)前的xx轉(zhuǎn)化為圖片。這個功能可以解決你原型中文字的字體或者大小或者換行等在瀏覽器中預(yù)覽的一系列問題。

2,你也可以用axure代替viso來做流程圖。個人覺得更順手。

3,用axure生成一個多觸發(fā)的小游戲或者課件。然后發(fā)布成網(wǎng)頁壓縮包。發(fā)給別人玩或者瀏覽。

4,圖片熱區(qū)功能可以很好的解決使用者鼠標(biāo)經(jīng)過時光標(biāo)變化體驗(yàn)的同時,范圍性的點(diǎn)擊也會讓小按鈕更好點(diǎn)。特別是當(dāng)你做觸屏手游的時候。

5,良好的習(xí)慣,可以使你用得上更多的發(fā)布功能,特別是規(guī)格說明書。

6,用axure可以找到志同道合的朋友,比如說你給的都是干貨時候,(項(xiàng)目經(jīng)理和產(chǎn)品經(jīng)理應(yīng)該是主要讀者),給你點(diǎn)贊的人,絕對是個心胸開闊的尊敬他人的人,他身邊的人對他評價應(yīng)該也不錯。在文中給予評論的則是尊敬技術(shù)的,并樂于分享自己經(jīng)驗(yàn)看法的人,他們也是有匠心精神的人。

@孫一,互聯(lián)網(wǎng)

重復(fù)比較多的地方請盡量使用母板,最好是非固定位置的母板。

當(dāng)功能不太好實(shí)現(xiàn)的時候(或者一時想不出來的時候),試試用動態(tài)面板,也許會有意想不到的方法。

Axure里面的語句執(zhí)行是有先后順序的。所以有時候如果你的語句設(shè)置都沒有問題,但是怎么也出現(xiàn)不了應(yīng)有的效果,請檢查一下你的語句防止是否有問題。

用Axure可以對圖片進(jìn)行裁剪、拼接。

Axure可以對圖片進(jìn)行切圖操作。

@小樓,產(chǎn)品人

1.母版自定義觸發(fā)事。

2.動態(tài)面板多層嵌套。

3.自定義格式刷和注釋字段。

@Capricornushane,產(chǎn)品經(jīng)理

用透明矩形框來做頁面級交互事件

具體步驟如下:

1.設(shè)計(jì)完全部原型(不可點(diǎn)擊);

2.把需要跳轉(zhuǎn)頁面的點(diǎn)擊區(qū)域,畫一個矩形框,設(shè)定好交互事件;

3.把矩形框設(shè)為透明;

4.復(fù)用到其他區(qū)域;

好處:

1.全部設(shè)計(jì)原型后再細(xì)化交互細(xì)節(jié),可以避免陷入[摳細(xì)節(jié)]狀況,提高了設(shè)計(jì)效率;

2.用獨(dú)立矩形框設(shè)定交互,可以很快的復(fù)用到不同頁面,不同區(qū)域,簡單方便直接;

@冬源,交互設(shè)計(jì)

1,使用Project。如果你是團(tuán)隊(duì)協(xié)作,Project無疑會使整個項(xiàng)目效率顯著提高且減少出錯;如果自己單獨(dú)使用也是好過Save的,可以方便做版本回溯。

2,更多時候,請把精力聚焦到線框的邏輯與結(jié)構(gòu),而非交互效果上,盡可能用簡潔的文字、分鏡、示意圖把交互效果描述清楚。很多人追求把交互效果做的跟flash或js編程似的,這完全本末倒置。

@王俊杰,產(chǎn)品人

1.判斷

在遇到幾乎任何“什么什么時候”,想要“怎么怎么樣”的情況,能且只能用UC用例的判斷來實(shí)現(xiàn)。這幾乎是高保真原型的靈魂。

2.智能手機(jī)上那種圖片滑動效果

需要至少兩重動態(tài)面板嵌套才能保證滑動(Axure里是Drag拖動)時,不超出范圍顯示,至于滑動到一定程度返回,則需要結(jié)合判斷里面“元件范圍”的接觸另一個控件與否,然后用動作來實(shí)現(xiàn)。

能實(shí)現(xiàn)iPhone 在iOS 7那種解鎖。

3.自適應(yīng)屏幕

這里說的不是Axure 7自帶的那個坑爹的自適應(yīng),在顯示左側(cè)站點(diǎn)地圖或者像素有一點(diǎn)點(diǎn)差別就失效的效果怎么拿得出手呢?而這些其實(shí)是可以通過調(diào)用屏幕尺寸來強(qiáng)行使原型適應(yīng)屏幕的。

比如一個banner,寬度=屏幕寬度;比如一個App原型,讓iPhone 機(jī)身始終處于屏幕水平垂直居中位置;Gmail 進(jìn)度條也是一樣。

4.文本模糊搜索/分詞搜索

這些都可以利用中繼器實(shí)現(xiàn),只是稍微麻煩點(diǎn),要從另一列數(shù)據(jù)中包含搜索,并且那一列數(shù)據(jù)要寫得比較全面在查找部分里可以找到。用sousuo那一列里的關(guān)鍵詞都能搜出左邊的東西。

jiao

5.圖片文件上傳

自從文本框可以設(shè)置為文件類型,支持用戶選擇電腦文件的時候,我就知道總有一天可以實(shí)現(xiàn)圖片上傳。上傳的圖片只要是圖片,不管什么格式都能正常顯示,不用在Axure里一個個后綴名單獨(dú)設(shè)置。我的做法是文件類型文本框選擇了一個文件之后,將文本框內(nèi)的數(shù)據(jù)通過字符串函數(shù)進(jìn)行一系列處理,在一個內(nèi)部框架中打開。

6.圖片旋轉(zhuǎn)/翻轉(zhuǎn)

把同一張圖片放到不同尺寸/轉(zhuǎn)向的“圖片”控件里,所有控件以一個動態(tài)面板不同的狀態(tài)的形式保存,然后用一個UC設(shè)置動態(tài)面板的狀態(tài)“重復(fù)”顯示“下一個狀態(tài)”即可。

7.圖片按比例放大縮小

需要把圖片當(dāng)作動態(tài)面板背景,并且在面板設(shè)置里設(shè)置好,才能用UC和變量控制它的比例縮放,此功能能衍生出非常多的效果。

@王文忠,產(chǎn)品經(jīng)理

比如切圖(摳圖)啊,各種動作啊,各種函數(shù)和條件的結(jié)合運(yùn)用。

本文由人人都是產(chǎn)品經(jīng)理@阿拓整理自知乎問答,轉(zhuǎn)載請注明出處并保留本文鏈接。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 上傳多張圖片怎么實(shí)現(xiàn)呢

    來自福建 回復(fù)
    1. 請問你成功實(shí)現(xiàn)上傳多張圖片了嗎?我研究了兩天沒成功呢

      來自北京 回復(fù)
  2. 也下載了樓主之前分享的交互原型,但是在mac電腦上運(yùn)行還是顯示不出圖片。

    來自浙江 回復(fù)
  3. 樓主,求指導(dǎo)怎么實(shí)現(xiàn)本地上傳圖片,預(yù)覽的時候總是顯示不出圖片,是用的這串函數(shù):file:///D://[[sc.substring(sc.lastindexof(‘\\’)+1)]]
    但是不明白是什么意思,而且如果是mac電腦,這個路徑又該怎么填呢?

    來自浙江 回復(fù)
  4. 3,用axure生成一個多觸發(fā)的小游戲或者課件。然后發(fā)布成網(wǎng)頁壓縮包。發(fā)給別人玩或者瀏覽。這點(diǎn)樓主是否能夠提供一個網(wǎng)頁?最好是手機(jī)版。樓主好人

    來自上海 回復(fù)
  5. ?? ?? ?? ?? ?? ?? ?? ??

    來自北京 回復(fù)
  6. AXURE使用起來比較復(fù)雜,不容易上手,也需要過多的學(xué)習(xí)時間,這就是它的缺點(diǎn)

    來自四川 回復(fù)