Axure 原型 | 用Axure畫流程圖

29 評論 152471 瀏覽 1355 收藏 4 分鐘

軟件行業(yè)從業(yè)6年，流程圖看過太多，大部分流程圖是在考驗閱讀者的理解能力，近期在設(shè)計公司新版APP，對流程圖的繪制也有點體會心得。

用Axure繪制流程圖好處是可以隨時預(yù)覽，比較靈活。不過就是沒有Visio那么多模板和強大的功能。

Axure默認的流程圖控件：

2015-11-10 18-07-37

其實我們最常用的是：矩形、菱形、箭頭。因為這些基本圖形其實并沒有形象的表明它們是什么，更多的還是需要使用者根據(jù)自身的流程實際情況多加注釋，所以大部分流程圖只需使用這兩個控件即可。

Axure選擇連接模式連接流程圖：

11月 10, 2015 21:22

繪制流程圖基本要點：

流程路徑不要交叉：

2015-11-10 18-01-31

對復(fù)雜流程進行精簡，只保留最少最優(yōu)路徑：

1GQ3G18-11

反復(fù)思考和理解需求，深入理解才能更好的改進：

屏幕快照 2015-11-10 下午9.34.09

網(wǎng)上也有非常多實用的要領(lǐng)和方法，本文不再贅述。我只列出最實用的三條，第一條是基礎(chǔ)，考驗基本功、第二條是要鍛煉清晰的思維、第三條為第二條服務(wù)，深入理解需求并改進流程。

案例共享：

下面這個流程圖是我目前正在做的項目，將隱私信息都屏蔽了。是一個P2P金融APP內(nèi)購買理財產(chǎn)品的跳轉(zhuǎn)邏輯，晚上閑著時間所以加了動態(tài)效果，可以讓人眼前一亮，而且包含部分頁面切換的交互邏輯[建議將交互邏輯分開寫]，這么寫在演示的時候自然更佳！也是能(zhuan)力(bi)的體現(xiàn)～

屏幕快照 2015-11-10 下午9.48.16

下面是一個幾年前寫的Bugfree處理流程，用的Visio畫的，用了幾年了，一直很好用，共享給大家！

u0

由于隱私保密問題，后臺的流程及更多的交互稿無法共享，以后有時間將隱私內(nèi)容除去再共享給大家，一起學(xué)習(xí)進步！

原型下載地址：

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

密碼：ermx

在線預(yù)覽：

http://bxmky1.axshare.com

 

本文由 @陳張良 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
陳張良
https://github.com/chenzhangliang
16篇作品 773702總閱讀量
11-202253 瀏覽
一文搞懂“紅包和錢包”
07-212887 瀏覽
美團直播：排頭兵先行，主力軍未動
05-043791 瀏覽
喜馬拉雅、微信連出新招，音頻生意又到春天了？
12-13925 瀏覽
原型說明咋寫-照片墻上傳
10-313719 瀏覽
「湊單」功能分析
評論
評論請登錄

  1. 作者我是位交互設(shè)計師 有些不解是否可以指教下，你我都是同道中人，所以不用多說 心照不宣的感覺，可以加個微信嗎？VX:raincnos(布衣)

    來自廣東 回復(fù)

  2. 請問你演示的“Axure選擇連接模式連接流程圖”的動畫是什么做的呢？140 KB還這么清晰。

    來自廣東 回復(fù)

  3. 樓主原型地址失效了,還能共享一下嗎

    來自甘肅 回復(fù)

  4. 圖1 吧業(yè)務(wù)流程圖和頁面流程圖放在一起，感覺有點亂

    來自上海 回復(fù)

  5. 請問那個在線預(yù)覽怎么做到的呀，好贊

    來自遼寧 回復(fù)

    1. Axure的發(fā)布 功能 吧

      來自四川 回復(fù)

    2. AXURE rp8直接就可以預(yù)覽的啊

      來自廣東 回復(fù)

  6. 請問您邏輯的線框圖用什么畫的

    來自重慶 回復(fù)

  7. 求中文版Axure下載的云鏈接？拜托~

    來自上海 回復(fù)

    1. 這篇文章里面有下載地址和漢化包http://www.aharts.cn/xiazai/58714.html

      來自北京 回復(fù)

  8. 跪求中文版軟件Axure~求百度云下載鏈接

    來自上海 回復(fù)

  9. 謝謝~我也是測試轉(zhuǎn)，做了一年測試，公司需要；轉(zhuǎn)了產(chǎn)品

    來自陜西 回復(fù)

  10. 樓主好人

    來自廣東 回復(fù)

  11. 謝謝樓主分享

    來自北京 回復(fù)

  12. 不錯，受教了，膜拜大神

    來自山東 回復(fù)

  13. 謝謝，很有用

    來自廣東 回復(fù)

  14. 您好 請問交互都添加在哪個元件了？

    來自遼寧 回復(fù)

  15. 我在網(wǎng)上看到一張流程圖，各項之間的連接線特別的流暢，學(xué)校有個課件想做成那張圖片的樣子，可是這個軟件做出來的連接線都太過于生硬了，不知道郵件沒有辦法讓流程圖的線條不要那么生硬？

    來自新疆 回復(fù)

  16. 請問用什么把在電腦上的操作做成GIF動圖的 ??

    來自江蘇 回復(fù)

  17. 很專業(yè)的感覺
    是否可以多分享一下你上圖那個APP的rp？
    目前我也在做一個社區(qū)購物的APP，想?yún)⒖家幌隆??? ??

    來自福建 回復(fù)

  18. 如果想要做UI/UE的，yohoo.looip.cn?id=51 可以來我們這里看看呦。優(yōu)乎只專注互聯(lián)網(wǎng)移動端設(shè)計，因為專注，所以專業(yè)。 ??

    來自北京 回復(fù)