資源描述：
《Axure原型設(shè)計：Axure原型加流程圖功能的高效結(jié)合.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、Axure原型設(shè)計：Axure原型加流程圖功能的高效結(jié)合 大部分PM使用Visio或者Mindmanager來畫流程圖然后倒入Axure，而很少有人知道Axure自帶的流程圖功能也很實用。尤其是和原型搭配使用，絕對是雙劍合璧，天下無敵?！ xure原型設(shè)計：Axure原型加流程圖功能的高效結(jié)合 大部分PM使用Visio或者Mindmanager來畫流程圖然后倒入Axure，而很少有人知道Axure自帶的流程圖功能也很實用。尤其是和原型搭配使用，絕對是雙劍合璧，天下無敵?！ ∠Ｍㄎ沂褂谩霸?流程圖”的多年經(jīng)驗，讓更多的PM也
2、可以掌握并運用到平常的原型設(shè)計工作中。 一、流程圖的通病 目前所有流程圖軟件都存在一個問題，那就是流程圖無法關(guān)聯(lián)到原型頁面?！ o法做到直接點擊流程圖里面的節(jié)點(頁面、功能、操作)，展示與之相關(guān)的更多信息。這樣子使用上面會很受限?！ №撁媪鞒虉D無法查看指定頁面詳情 比如我們畫頁面流程圖，展示了所有頁面以及頁面間的流向關(guān)系。UI設(shè)計師和開發(fā)童鞋，有時候需要查看某個頁面的具體內(nèi)容?！ 」δ芰鞒虉D無法查看指定功能詳情 功能流程圖也存在類似的問題，開發(fā)童鞋想了解某個功能的具體情況，只能問PM或者自己找對應(yīng)功能的原型頁面?！ 」δ苓壿媹D無
3、法顯示具體控件 畫一個功能具體的步驟邏輯的時候，有時候我們需要展示一下其中的控件，比如寫下單流程的時候可能需要展示一下付款彈窗?！ ‘?dāng)然也可以使用原始方法，直接復(fù)制過來，第一麻煩第二修改了無法同步?！ o法對流程圖節(jié)點做注釋 流程圖是由一個個節(jié)點連接而成，有時候節(jié)點需要寫幾句話注釋一下。不是所有的流程圖軟件都能支持，更主要的是沒辦法做到默認隱藏，點擊展開注釋。除非你把流程導(dǎo)出為html格式，但是這樣子又不能導(dǎo)入到Axure中了?！ 《?、Axure流程圖的介紹 以上這些使用問題，都可以使用Axure的流程圖來滿足。接下來我會一一的來
4、講解如何解決。 先簡單介紹一下Axure的流程圖功能是什么，其實本質(zhì)上是一個元件庫?！ 『泻芏喾N元件，用途各不相同。大家使用的時候盡量遵循其定義的通用規(guī)范。當(dāng)然如果你有特殊需要，可以單獨定義?！ ∪?、流程圖如何關(guān)聯(lián)頁面 Axure提供了兩種操作方法，本質(zhì)上都是設(shè)置“引用頁面”屬性，F(xiàn)low元件庫中的所有元件都具備該屬性。Dafault默認元件庫中部分元件支持該屬性?！ 耙庙撁妗背岁P(guān)聯(lián)了對應(yīng)頁面，同時集成了對應(yīng)頁面的標題。當(dāng)你修改頁面結(jié)構(gòu)中的頁面標題，這里也會同步更新。 拖拽頁面到工作區(qū) 當(dāng)你畫頁面流程圖的時候
5、，需要展示某個頁面的詳情?！ ∧敲催x中Axure左方的頁面結(jié)構(gòu)中的該頁面。 然后拖動到右邊的工作區(qū)即可，效果如下圖?！ ∽罱K的顯示效果請查看我之前的文章，以及我繪畫的頁面原型圖?！ ∑渲杏蚁陆菐в小八{色矩形組”圖標的矩形，代表可以點擊進入該頁面的線框圖，查看詳細的頁面布局、控件、邏輯等?！ ≡O(shè)置引用頁面屬性 根據(jù)上圖，你應(yīng)該可以猜到其實拖曳頁面名稱到工作區(qū)，是創(chuàng)建了一個頁面并且設(shè)置了屬性“引用頁面”到該頁面。所以你也可以這樣做。 拖動Flow元件庫中的元件到工作區(qū) 設(shè)置屬性“引用頁面”到你所需的頁面 生成原型查看效
6、果?！ ∷?、流程圖如何關(guān)聯(lián)具體功能 方法有2種，大家可以按需參考?！ ≡O(shè)置“引用頁面”屬性到具體的功能頁面，方法如上?！ ≡O(shè)置單擊鏈接到具體的功能頁面，再簡單不過。 五、流程圖如何顯示具體控件 在畫某個功能的具體邏輯時候，我們可以借助Axure的“頁面快照”功能來展示一些控件。有助于技術(shù)童鞋對功能的理解和實現(xiàn)?！ ⌒陆撁婵煺铡 淖蠓降腇low元件庫，拖動”頁面快照”到右方的工作區(qū)?！ ≡O(shè)置引用頁面 方法和上面的類似，但是展示效果有點區(qū)別哦。所謂頁面快照是指將引用頁面的具體內(nèi)容顯示到該元件區(qū)域范圍里。比如我引用了閃電約首頁
7、這個頁面，那么效果如下?！ ⌒薷目煺諈?shù) 顯示明顯有問題，我們可以修改一下參數(shù)?！ ∪∠m應(yīng)比例，然后把該頁面快照元件的尺寸修改成375x667，然后填充的相對坐標改成(0,0,0,0)。此時快照效果如下。 配置動作 比如你可以設(shè)置該頁面隱藏一些控件，或者展示隱藏的彈框，吐司提示?！ 〈蟾攀沁@樣子了，在設(shè)計商品詳情、購物車、確認訂單的時候，該功能特別適用。有需要的童鞋可以試下?！ ∑摺⒘鞒虉D如何顯示節(jié)點的注釋 這個其實很簡單，但是很多PM沒用過?！ 【唧w的可以查看我寫過的舊文《產(chǎn)品邏輯的常用表達法》，《Axure
8、最正統(tǒng)的產(chǎn)品邏輯表達法》?！ “恕⒖偨Y(jié) 以上這些技巧都是Axure自帶的流程圖功能，只是很少有人系統(tǒng)的總結(jié)并分享出來?！ ∠Ｍㄟ^我的文章，大家以后能善用Axure的流程圖。而不是盲目的跟風(fēng)使用第三方腦圖
