一個(gè)好的原型涨颜，不僅要體現(xiàn)產(chǎn)品構(gòu)想斧账、交互凛驮，也應(yīng)該有恰當(dāng)木人、明確的標(biāo)注缩挑。不僅可以讓團(tuán)隊(duì)其他設(shè)計(jì)流昏、開發(fā)扎即、測試?yán)斫猱a(chǎn)品需求，也能幫助最終實(shí)現(xiàn)的產(chǎn)品能最大程度的貼近原始設(shè)想况凉。
那么自然會(huì)產(chǎn)生出這些問題谚鄙，我們有哪些好的方式來對(duì)原型做標(biāo)注呢？在標(biāo)注的同時(shí)刁绒，是否可以體現(xiàn)產(chǎn)品操作流程襟锐？哪些內(nèi)容適合添加在標(biāo)注里？
從Axure8.0開始膛锭，軟件自帶元件增加了標(biāo)記元件粮坞。
因此蚊荣，本文總結(jié)的經(jīng)驗(yàn)是，通過內(nèi)聯(lián)框架和標(biāo)記元件莫杈，來展現(xiàn)頁面流程和更好的進(jìn)行頁面標(biāo)注互例。內(nèi)聯(lián)框架屬于基礎(chǔ)元件分類，而標(biāo)記元件專門做了一個(gè)分類筝闹，可見Axure公司也非常重視原型中的標(biāo)注問題媳叨。
一、自帶標(biāo)記元件
分為五種元件关顷，每一種用途不同糊秆。如下所列，是每種元件最適合的使用方式议双。
按照上面的方式可以在完成原型的整體結(jié)構(gòu)以后痘番，制作所有頁面的操作流程圖。
頁面快照：可自動(dòng)隨著頁面而更新平痰，因?yàn)樗谋举|(zhì)就是對(duì)引用頁面的縮放顯示汞舱。
水滴和箭頭：可體現(xiàn)各個(gè)頁面之間的關(guān)聯(lián)。
頁面流程圖宗雇，更適合移動(dòng)端產(chǎn)品昂芜。web前端產(chǎn)品或后端產(chǎn)品，都更偏重實(shí)時(shí)或個(gè)性篩選功能赔蒲，不太注重流程的體現(xiàn)泌神。
二、自帶流程圖元件
流程圖也是產(chǎn)品經(jīng)理經(jīng)常接觸的好幫手舞虱。
常見的強(qiáng)大靈活如Visio欢际，還有部分在線協(xié)同類流程圖工具。所謂萬變不離其宗砾嫉，只要能清晰幼苛、完整地表達(dá)各個(gè)環(huán)節(jié)關(guān)聯(lián)窒篱，及邏輯順序判斷焕刮，使用什么工具都是可以的，哪怕用Word墙杯。
此處想說明的是配并，Axure也可以畫流程圖，而且能加入任何元素高镐，只要使用得當(dāng)溉旋，也可讓你稱心如意。
個(gè)人自覺唯一的缺點(diǎn)是自帶樣式不甚好看嫉髓，但好在可以隨心所欲調(diào)整观腊。
三邑闲、自帶框架元件
在軟件基礎(chǔ)元件的倒數(shù)第二個(gè)，便是內(nèi)聯(lián)框架梧油。
內(nèi)聯(lián)框架的表現(xiàn)形式就是
點(diǎn)擊某處A時(shí)苫耸，讓另一個(gè)區(qū)域B顯示你期望的內(nèi)容C。
這個(gè)效果和動(dòng)態(tài)面板有點(diǎn)類似儡陨，但二者各有優(yōu)劣褪子，內(nèi)聯(lián)框架建議的使用場景是下面這些。
四骗村、如何結(jié)合使用
本文小結(jié)內(nèi)容主要是關(guān)于流程和標(biāo)注嫌褪，那么以上三類元件如何結(jié)合使用呢？步驟要點(diǎn)可歸納如下
一）梳理一份原型所需要的頁面和每個(gè)頁面要點(diǎn)
說白了胚股，你得清楚你大概要繪制多少個(gè)頁面笼痛，每個(gè)頁面大概要實(shí)現(xiàn)什么，這就是結(jié)構(gòu)體現(xiàn)信轿。
有的頁面包含詳情頁晃痴，有的頁面一個(gè)功能和其他頁面有關(guān)聯(lián)跳轉(zhuǎn)，有的頁面層層遞進(jìn)财忽，怎么是合理的歸類倘核，怎么是方便直白的命名，都在這個(gè)環(huán)節(jié)考慮清楚即彪。
二）設(shè)置一個(gè)總目錄
這個(gè)總目錄先得初步有一份紧唱，后期完成所有頁面再更新。就像一份文檔都會(huì)有個(gè)目錄隶校，原型目錄體現(xiàn)的是框架漏益，能讓人第一眼對(duì)你的成果有整體全面的認(rèn)知。
目錄可以使用內(nèi)聯(lián)框架深胳，更建議使用動(dòng)態(tài)面板或最簡單的鏈接绰疤。
目錄要包含的內(nèi)容除了產(chǎn)品原型，也可加上業(yè)務(wù)背景舞终、用戶畫像及場景轻庆、市場或商業(yè)背景說明、更新日志等等敛劝。
三）繪制每個(gè)一級(jí)頁面余爆，二級(jí)次之
這一步不在此細(xì)說，就是豐富每個(gè)頁面的內(nèi)容夸盟。
四）繪制流程圖
流程圖可分為針對(duì)每個(gè)使用場景的操作流程圖蛾方、頁面間跳轉(zhuǎn)流程圖、單頁面流程圖。
操作流程圖建議使用類似Visio的畫法桩砰，上述第三部分已做說明拓春。
頁面間流程圖見第一部分，單頁面流程圖涉及內(nèi)容不會(huì)太多亚隅，用文字或箭頭示意皆可痘儡。
五）調(diào)整修改及預(yù)覽
一份原型少不了無數(shù)次的修修改改，做完了一定整體多次瀏覽枢步，每一處都要點(diǎn)擊測試沉删，保證你的效果正常顯示。最后生成預(yù)覽文件醉途。
— — — — 系 列 目 錄 — — — —
這不是Axure教程７濉（一）初步認(rèn)識(shí)
這不是Axure教程Ｅ寡ā（四）元件六要素與用例
這不是Axure教程！（五）變量與函數(shù)
這不是Axure教程；踉帷（六）動(dòng)態(tài)面板之一:屬性和動(dòng)效
這不是Axure教程２苫稀（六）動(dòng)態(tài)面板之二:經(jīng)典實(shí)踐
這不是Axure教程！（七）強(qiáng)大的中繼器__1
— — — — 目? 錄? 完 — — — —
