【知乎整理】Axure那些鮮為人知的使用技巧!
阿拓帶你飛:不管是想入門產(chǎn)品經(jīng)理還是已經(jīng)是PM的人對AXURE都很關注,它是制作產(chǎn)品原型的重要工具,但是有多少人了解AXURE的使用技巧?本文是來自“知乎問答”整理的回答,一起來看看那些不常用的使用技巧。
1,把當前的xx轉化為圖片。這個功能可以解決你原型中文字的字體或者大小或者換行等在瀏覽器中預覽的一系列問題。
2,你也可以用axure代替viso來做流程圖。個人覺得更順手。
3,用axure生成一個多觸發(fā)的小游戲或者課件。然后發(fā)布成網(wǎng)頁壓縮包。發(fā)給別人玩或者瀏覽。
4,圖片熱區(qū)功能可以很好的解決使用者鼠標經(jīng)過時光標變化體驗的同時,范圍性的點擊也會讓小按鈕更好點。特別是當你做觸屏手游的時候。
5,良好的習慣,可以使你用得上更多的發(fā)布功能,特別是規(guī)格說明書。
6,用axure可以找到志同道合的朋友,比如說你給的都是干貨時候,(項目經(jīng)理和產(chǎn)品經(jīng)理應該是主要讀者),給你點贊的人,絕對是個心胸開闊的尊敬他人的人,他身邊的人對他評價應該也不錯。在文中給予評論的則是尊敬技術的,并樂于分享自己經(jīng)驗看法的人,他們也是有匠心精神的人。
@孫一,互聯(lián)網(wǎng)
重復比較多的地方請盡量使用母板,最好是非固定位置的母板。
當功能不太好實現(xiàn)的時候(或者一時想不出來的時候),試試用動態(tài)面板,也許會有意想不到的方法。
Axure里面的語句執(zhí)行是有先后順序的。所以有時候如果你的語句設置都沒有問題,但是怎么也出現(xiàn)不了應有的效果,請檢查一下你的語句防止是否有問題。
用Axure可以對圖片進行裁剪、拼接。
Axure可以對圖片進行切圖操作。
@小樓,產(chǎn)品人
1.母版自定義觸發(fā)事。
2.動態(tài)面板多層嵌套。
3.自定義格式刷和注釋字段。
@Capricornushane,產(chǎn)品經(jīng)理
用透明矩形框來做頁面級交互事件
具體步驟如下:
1.設計完全部原型(不可點擊);
2.把需要跳轉頁面的點擊區(qū)域,畫一個矩形框,設定好交互事件;
3.把矩形框設為透明;
4.復用到其他區(qū)域;
好處:
1.全部設計原型后再細化交互細節(jié),可以避免陷入[摳細節(jié)]狀況,提高了設計效率;
2.用獨立矩形框設定交互,可以很快的復用到不同頁面,不同區(qū)域,簡單方便直接;
@冬源,交互設計
1,使用Project。如果你是團隊協(xié)作,Project無疑會使整個項目效率顯著提高且減少出錯;如果自己單獨使用也是好過Save的,可以方便做版本回溯。
2,更多時候,請把精力聚焦到線框的邏輯與結構,而非交互效果上,盡可能用簡潔的文字、分鏡、示意圖把交互效果描述清楚。很多人追求把交互效果做的跟flash或js編程似的,這完全本末倒置。
@王俊杰,產(chǎn)品人
1.判斷
在遇到幾乎任何“什么什么時候”,想要“怎么怎么樣”的情況,能且只能用UC用例的判斷來實現(xiàn)。這幾乎是高保真原型的靈魂。
2.智能手機上那種圖片滑動效果
需要至少兩重動態(tài)面板嵌套才能保證滑動(Axure里是Drag拖動)時,不超出范圍顯示,至于滑動到一定程度返回,則需要結合判斷里面“元件范圍”的接觸另一個控件與否,然后用動作來實現(xiàn)。
能實現(xiàn)iPhone 在iOS 7那種解鎖。
3.自適應屏幕
這里說的不是Axure 7自帶的那個坑爹的自適應,在顯示左側站點地圖或者像素有一點點差別就失效的效果怎么拿得出手呢?而這些其實是可以通過調(diào)用屏幕尺寸來強行使原型適應屏幕的。
比如一個banner,寬度=屏幕寬度;比如一個App原型,讓iPhone 機身始終處于屏幕水平垂直居中位置;Gmail 進度條也是一樣。
4.文本模糊搜索/分詞搜索
這些都可以利用中繼器實現(xiàn),只是稍微麻煩點,要從另一列數(shù)據(jù)中包含搜索,并且那一列數(shù)據(jù)要寫得比較全面在查找部分里可以找到。用sousuo那一列里的關鍵詞都能搜出左邊的東西。
5.圖片文件上傳
自從文本框可以設置為文件類型,支持用戶選擇電腦文件的時候,我就知道總有一天可以實現(xiàn)圖片上傳。上傳的圖片只要是圖片,不管什么格式都能正常顯示,不用在Axure里一個個后綴名單獨設置。我的做法是文件類型文本框選擇了一個文件之后,將文本框內(nèi)的數(shù)據(jù)通過字符串函數(shù)進行一系列處理,在一個內(nèi)部框架中打開。
6.圖片旋轉/翻轉
把同一張圖片放到不同尺寸/轉向的“圖片”控件里,所有控件以一個動態(tài)面板不同的狀態(tài)的形式保存,然后用一個UC設置動態(tài)面板的狀態(tài)“重復”顯示“下一個狀態(tài)”即可。
7.圖片按比例放大縮小
需要把圖片當作動態(tài)面板背景,并且在面板設置里設置好,才能用UC和變量控制它的比例縮放,此功能能衍生出非常多的效果。
@王文忠,產(chǎn)品經(jīng)理
比如切圖(摳圖)啊,各種動作啊,各種函數(shù)和條件的結合運用。
本文由人人都是產(chǎn)品經(jīng)理@阿拓整理自知乎問答,轉載請注明出處并保留本文鏈接。
上傳多張圖片怎么實現(xiàn)呢
請問你成功實現(xiàn)上傳多張圖片了嗎?我研究了兩天沒成功呢
也下載了樓主之前分享的交互原型,但是在mac電腦上運行還是顯示不出圖片。
樓主,求指導怎么實現(xiàn)本地上傳圖片,預覽的時候總是顯示不出圖片,是用的這串函數(shù):file:///D://[[sc.substring(sc.lastindexof(‘\\’)+1)]]
但是不明白是什么意思,而且如果是mac電腦,這個路徑又該怎么填呢?
3,用axure生成一個多觸發(fā)的小游戲或者課件。然后發(fā)布成網(wǎng)頁壓縮包。發(fā)給別人玩或者瀏覽。這點樓主是否能夠提供一個網(wǎng)頁?最好是手機版。樓主好人
?? ?? ?? ?? ?? ?? ?? ??
AXURE使用起來比較復雜,不容易上手,也需要過多的學習時間,這就是它的缺點