Axure有哪些鮮為人知的使用技巧?


實在很難一下子說出Axure鮮為人知的使用技巧,在我看來Axure不是一個在使用技巧上埋彩蛋的軟體。

但在充分理解每個控制項的用處和相應的UC動作的話,能在很多情況下極高保真地演示原型,而這些效果和功能是Axure本身不直接提供的:

1.判斷(這條是給新手看的)

在遇到幾乎任何「什麼什麼時候」,想要「怎麼怎麼樣」的情況,能且只能用UC用例的判斷來實現。這幾乎是高保真原型的靈魂。

2.智能手機上那種圖片滑動效果

需要至少兩重動態面板嵌套才能保證滑動(Axure里是Drag拖動)時,不超出範圍顯示,至於滑動到一定程度返回,則需要結合判斷裡面「元件範圍」的接觸另一個控制項與否,然後用動作來實現

你問能不能實現iPhone 在iOS 7那種解鎖?當然可以了。

http://pan.baidu.com/s/1pJYGqmv 滑動解鎖的說明文字和上下控制桿的效果研究了比較久

這個效果是13年做的了,有些細節沒有處理好,打算有時間重新做一個

3.自適應屏幕

這裡說的不是Axure 7自帶的那個坑爹的自適應,在顯示左側站點地圖或者像素有一點點差別就失效的效果怎麼拿得出手呢?而這些其實是可以通過調用屏幕尺寸來強行使原型適應屏幕的。

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

http://pan.baidu.com/s/1mh4A7pQ

當然,這個效果里,Gmail 進度條的無限無縫滾動才是難點。每次載入的長度各不相同相比前者來說只能算是個試手效果。

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

這些都可以利用中繼器實現,只是稍微麻煩點,要從另一列數據中包含搜索,並且那一列數據要寫得比較全面

在查找部分里可以找到。用sousuo那一列里的關鍵詞都能搜出左邊的東西。

http://pan.baidu.com/s/1bkCf98

5.圖片文件上傳

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

http://pan.baidu.com/s/1ntOAW1j

只寫了D盤的,本來做的是我自己桌面的,但每個電腦用戶名不同,還是改成D盤比較通用。

6.圖片旋轉/翻轉

把同一張圖片放到不同尺寸/轉向的「圖片」控制項里,所有控制項以一個動態面板不同的狀態的形式保存,然後用一個UC設置動態面板的狀態「重複」顯示「下一個狀態」即可。

http://pan.baidu.com/s/1dDSpcXz

7.圖片按比例放大縮小

需要把圖片當作動態面板背景,並且在面板設置里設置好,才能用UC和變數控制它的比例縮放,此功能能衍生出非常多的效果。

http://pan.baidu.com/s/1jHzoS5o 下拉信息區域可放大商品圖片,點擊購買按鈕有個不錯的轉場

http://pan.baidu.com/s/1H5OmU 點擊左上的齒輪即可,關閉時點擊叉叉

暫時也就能想到這一些。這些效果就本身來說,最多只有里程碑意義,但支持用戶能實現的效果一下子多了許多,也更能表達產品/交互設計者的想法。


產品經理小技術(一):使用新浪SAE發布在線Axure文檔

產品經理小技術(二):圖片素材隨手找,原型設計快又好(含素材與畫圖)


1.母版自定義觸發事件

2.動態面板多層嵌套

3.自定義格式刷和注釋欄位

其實還有很多功能,不過一般原型製作用不到那麼多


提高Axure設計效率的10條建議

這幾個建議都不錯

另外,可以想辦法提高一下原型的可復用性和可維護性

母版是一個很好的工具

變數函數啥的,也是可以很好利用一下


1,把當前的xx轉化為圖片。

這個功能可以解決你原型中文字的字體或者大小或者換行等在瀏覽器中預覽的一系列問題。

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

3,用axure生成一個多觸發的小遊戲或者課件。然後發布成網頁壓縮包。發給別人玩或者瀏覽。

4,圖片熱區功能可以很好的解決使用者滑鼠經過時游標變化體驗的同時,範圍性的點擊也會讓小按鈕更好點。特別是當你做觸屏手游的時候。

5,良好的習慣,可以使你用得上更多的發布功能,特別是規格說明書。

6,用axure可以找到志同道合的朋友,比如說你給的都是乾貨時候,(項目經理和產品經理應該是主要讀者),給你點贊的人,絕對是個心胸開闊的尊敬他人的人,他身邊的人對他評價應該也不錯。在文中給予評論的則是尊敬技術的,並樂於分享自己經驗看法的人,他們也是有匠心精神的人。不點贊還嗤之以鼻,擔心所有人都會了這些技術,自己變得沒優勢的,是遲早被淘汰的人^_^

一個人,在現在的社會,什麼事都做不成。

如果他用技術,個人的經驗、手段、方法去一個人閉門造車,不管他多牛,他還是做不成事,更別說偉大的事。


變數與函數咯,用到的相對少些,但是學會了那就一覽眾山小啦



題主應該是個產品新人,我當時也有這種想法,想一招學好這個軟體。但是我是失敗的。

知乎上類似的問題還是不少。我個人更覺得該問具體的問題,這樣對問答雙方都是一種幫助。

如果真要說Axure軟體的使用技巧,我是這麼理解的:

1、移動端的設計一定要用好「內部框架」,「動態面板」和「中繼器」要嫻熟使用,「用例」和「事件」要熟悉,函數要略懂2-3。

2、通俗的講,2.1 基本軟體界面要有感覺,這個可以通過模仿知名網站來做。2.2 常見的交互形式要會做。2.3 實踐中可以通過臨摹用戶量大的網站軟體來學習經驗再在具體工作中融會貫通。

希望給大家有幫助。歡迎批評指正。


只說兩個:

1,使用Project。如果你是團隊協作,Project無疑會使整個項目效率顯著提高且減少出錯;如果自己單獨使用也是好過Save的,可以方便做版本回溯。

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


利益相關:Axhub 作者

提到「鮮為人知」的使用技巧,說幾個小眾但有新意的吧。

首先推薦一個自己寫的Axure工具:Axhub,一款Axure原型協作與發布工具。

以下場景是我工作中真實碰到的煩惱和自己折騰出來的解決方案= =,供大家參考。

一、原型html的發布與頻繁更新

作為一名初創公司產品,和部分人一樣,都是直接用Axure直接輸出PRD。這就免不了有頻繁的修改的需求,以往為了改一個錯別字,需要修改rp文件,生成原型html,再使用FTP或Git等工具上傳。特別麻煩和耗時。

現在可以使用Axhub託管項目,只需要在Axure內修改好對應錯別字,直接提交就可以直接更新html了,效率杠杠的。大家可以看看以下GIF演示(請無視拖影,渣渣的知乎GIF):

10秒內修改rp文件並更新html文件

二、團隊協作

承接上述場景,使用Axure直接寫PRD。由於我們經常幾個PM負責一個APP版本的不同功能模塊,經常需要共同編輯同一份rp文件。以往需要大家編輯好各自的模塊再匯總,更新起來比較麻煩,發布原型html時還會經常相互覆蓋。

使用Axure 自帶的團隊協作功能和Axhub ,就可以實現多人同時編輯一份rp文件了,還支持許可權管理,歷史版本管理。

Axure RP文件協作者管理

三、向外網分享原型

我們公司的原型演示伺服器是部署在區域網內,主要是考慮到外網的傳輸速度較慢以及放置到外網原型保密性不強。但偶爾需要分享原型給客戶或者第三方合作夥伴時,就會覺得特別麻煩,當然目前國內可以使用產品大牛、mockplus的託管服務。這裡同樣推薦使用Axhub來託管,不但支持rp文件直接導入,還有私密、加密和公開多種發布方式。

html原型多種發布方式

(待續)

目前Axhub還處於Beta階段,歡迎大家體驗並給出建議:)

https://axhub.im (務必使用PC訪問)


使用變數之後,變得異常強大


估計很多產品經理的Axure做完發給客戶打開會顯示沒有插件,而且發包也麻煩,因此在我學習html頁面開發的時候,發現新浪雲有免費的雲伺服器,可以上傳簡單的代碼,那麼Axure生成html文件後也一樣,因此我就把原型放進雲伺服器,果然,一試之後既可以通過連接打開,有了這個連接,以後發給BOSS還是客戶都不再擔心出錯了!

Axure生成的HTML如果讓其他人通過分享的網址就可以查看

1. Axure中的目錄命名都必須是英文字母 或者數字。

2. 發布Axure文件為html

3. 下載editplus軟體將html文檔批量轉換為etf-8編碼文件

I agree

然後open打開所有發布的文檔

Document-&>file Encoding-&>convert encoding multiple 全選所有的文檔ok後

將其格式轉換為utf-8格式。

4. 註冊新浪雲賬號

5. 選擇控制中心中的SAE免費伺服器

6. 創建應用

7. 選擇PHP版本標準模式

8. 進入代碼管理,上傳之前轉換成功的utf-8的包(格式為ZiP,即Axure生成的文件壓縮成ZIP)

9. 上傳成功後,進入編輯代碼,找到你的文件,雙擊找到index,右鍵url打開,複製鏈接發給人即可。


中繼器,要學好可真是考驗人。估計很多人發現不了還在用笨辦法


謝邀

複雜的技巧大家都說了。我祭出個簡單的

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

具體步驟如下:

1.設計完全部原型(不可點擊)

2.把需要跳轉頁面的點擊區域,畫一個矩形框,設定好交互事件

3.把矩形框設為透明

4.復用到其他區域

好處:

1.全部設計原型後再細化交互細節,可以避免陷入[摳細節]狀況,提高了設計效率

2.用獨立矩形框設定交互,可以很快的復用到不同頁面,不同區域,簡單方便直接

劣勢:

需要修改時,透明框相當於多了一個層級,會降低效率

總結:

我個人在做小項目時,10幾個網頁或者移動app時,就用這種方法快速原型。但如果是複雜項目還是建議使用母版+動態面板的標準組合,方便統一管理。函數什麼的,就是看個人喜好了,實話說我是覺得太誇張了一點。


我的博客裡面有一些,歡迎來看。[iaxure教程]


很多啊,比如切圖(摳圖)啊,各種動作啊,各種函數和條件的結合運用啊。可以看看小樓的博客,基本上屬於挖空心思研究axure到毛髮的地步了!


  • 重複比較多的地方請盡量使用母板,最好是非固定位置的母板。

  • 當功能不太好實現的時候(或者一時想不出來的時候),試試用動態面板,也許會有意想不到的方法。
  • Axure裡面的語句執行是有先後順序的。所以有時候如果你的語句設置都沒有問題,但是怎麼也出現不了應有的效果,請檢查一下你的語句防止是否有問題。
  • 用Axure可以對圖片進行裁剪、拼接
  • Axure可以對圖片進行切圖操作

(後面想到哪我就給你更新到哪)


推薦閱讀:

微波爐有哪些使用技巧?
手洗衣服有哪些小技巧?
Mac 有哪些鮮為人知的使用技巧?
如何理解 Lab 顏色模式的 a、b 通道?
360 安全衛士有哪些鮮為人知的使用技巧?

TAG:Axure | 產品原型 | 使用技巧 |