產(chǎn)品原型設(shè)計(jì)教材-免費(fèi)閱讀
【正文】 提交文件： 需要 .rp文件、 word文檔、原型，用“ xx部 _某某 .rar”的方式打包提交到部門主管后整體給高峰。 頁面注釋： 將 Default更改為“頁面說明”，如果頁面上還有其他的需要說明的地方，可以新增需要說明的項(xiàng)。 32 寫在最后 不要因?yàn)樾Ч鲆曅枨螅? 首先明確做原型的目的，來確定我們的模型的保真程度，在不同的項(xiàng)目中 Axure可以扮演不同的角色，高保真還是以文字描述部分特效，這是我們需要把握的，不要因?yàn)樘匦Ф鲆暳宋覀冋嬲男枨蟆? 單選按鈕群組： 您可以一次選取多個(gè)按鈕，按下鼠標(biāo)右鍵，并選擇“編輯單選按鈕 分配單選組 ” 來設(shè)定單選按鈕的群組關(guān)系。腳注列標(biāo)題的“ Footnote”換成“編號(hào)”；標(biāo)簽列標(biāo)題的“ Label”換成“功能點(diǎn)”。與“頁面” 部分類似。默認(rèn)的規(guī)格書生成器是 Word 2023 (.docx文件 )，需要安裝 Word 2023以生成和閱讀 .docx文件（也可以設(shè)置 Word2023作為規(guī)格書生成器，后面會(huì)講到）。OnFocus事件是當(dāng)是當(dāng)鼠標(biāo)點(diǎn)擊控件或用鍵盤 tab鍵讓控件獲得焦點(diǎn)時(shí)發(fā)生；而 OnLostFocus事件正好相反，是當(dāng)控件失去焦點(diǎn)時(shí)發(fā)生。 演示 2：當(dāng)下拉菜單的選項(xiàng)變化時(shí)，在矩形區(qū)域顯示不同的內(nèi)容。 邏輯條件還有很多高級(jí)應(yīng)用，主要是將原型做到更高保真度，有興趣的話可以繼續(xù)研究，這里只介紹到基本的應(yīng)用，后面會(huì)結(jié)合其他高級(jí)功能一起做范例應(yīng)用。 要添加條件，首先要在交互面板中為某個(gè)事件添加一個(gè)場(chǎng)景。菜單控件分為垂直菜單和水平菜單，可以通過控件面板中拖拉菜單控件到線框圖面板中創(chuàng)建菜單，默認(rèn)情況下菜單帶有 3個(gè)菜單項(xiàng)。不使用 OnMouseEnter, OnMouseOut和動(dòng)態(tài)面板，也可實(shí)現(xiàn)圖片翻轉(zhuǎn)、按鈕樣式翻轉(zhuǎn)。動(dòng)態(tài)面板設(shè)關(guān)閉按鈕，點(diǎn)擊后，關(guān)閉（隱藏）動(dòng)態(tài)面板。 只要選擇動(dòng)態(tài)面板，右鍵菜單選擇“編輯動(dòng)態(tài)面板 設(shè)為隱藏 ” 即可。任何時(shí)候都只有一個(gè)狀態(tài)是可見的，或這整個(gè)動(dòng)態(tài)面板可以被隱藏。 ? 由于頁面有兩種類型， wireframe與 flow，所以要善于用這兩種標(biāo)記頁面，從而讓人理解你的意圖。 在 頁面導(dǎo)航面板 中拖拉頁面到線框圖或流程圖中，將會(huì)創(chuàng)建一個(gè)引用了頁面的流程圖控件。 在連接狀態(tài)時(shí)，在流程圖中點(diǎn)擊和拖動(dòng)就可以繪制和添加連接線。其它人將 ZIP包解壓縮后，便可以直接在自己的計(jì)算機(jī)上瀏覽 HTML原型。 要重新生成某一個(gè)頁面，只打開這個(gè)頁面，然后選擇主菜單“生成 將當(dāng)前頁面重新生成為原型(CTRL+F5)” ，回到 HTML原型中刷新就可以看到更新的頁面了。Axure原型是一些 HTML和 JavaScript文件，可以在 IE6+瀏覽器中執(zhí)行。拖入到線框圖中后，根據(jù)模塊特性，模塊對(duì)象會(huì)有淡紅或灰色的遮罩，執(zhí)行菜單 “ 線框圖 標(biāo)記模塊 ” 可以移除遮罩。 4. 在“第三步 ” 中，點(diǎn)擊“ Link” ，在彈出的“鏈接屬性”對(duì)話框中可以選擇要鏈接的頁面或其它網(wǎng)頁地址。 控件注釋面板 自定義字段和視圖 點(diǎn)擊注解面板上的“自定義”打開設(shè)定自定義字段和視圖的菜單， 可以根據(jù)項(xiàng)目需求設(shè)定注解項(xiàng)目 ，如功能說明（文本類型）；優(yōu)先級(jí)（下拉菜單類型）；完成時(shí)間（日期類型）等等。在最上方以標(biāo)簽形式顯示打開的多個(gè)頁面。 可以直接拖動(dòng)頁面改變其層級(jí)結(jié)構(gòu)。另外， Axure還能讓團(tuán)隊(duì)成員進(jìn)行多人協(xié)同設(shè)計(jì)，并對(duì)設(shè)計(jì)進(jìn)行方案版本控制管理。 模塊面板 模塊是一種可以重復(fù)使用的特殊頁面，在該面板中可進(jìn)行模塊的添加、刪除、重命名和組織。里面的選項(xiàng)可以自定義，比如添加一個(gè)“功能說明”的項(xiàng)，并刪除原有的項(xiàng)目。 現(xiàn)在演示一下 Axure的工作環(huán)境。 使用條件說明可以有效操作條件流程，但如果需要建立一個(gè)高保真的原型（比如建立前期用戶調(diào)查原型），則必需在條件中定義條件邏輯：根據(jù)控件的值或變量值執(zhí)行動(dòng)作。常用于創(chuàng)建具有自定義屬性、注釋和交互的自定義控件庫，例如：具有白色文字的藍(lán)色按鈕。但需要安裝 Microsoft HTML Help Workshop。 需要注意的是：我們通常會(huì)把原型分發(fā)給不同的部門（比如設(shè)計(jì)部、制作部、技術(shù)部），有些帶交互功能的部分是沒有明確提示“這里可以點(diǎn)擊”，黃色便利貼圖標(biāo)是一個(gè)有效的標(biāo)記，我們?cè)谥谱髟蜁r(shí)， 有交互動(dòng)作的部分一定要加注釋 （會(huì)在原型上出現(xiàn)便利貼圖標(biāo)），不但可以為其他部門同事標(biāo)明這里可以點(diǎn)擊試試，同時(shí)也是針對(duì)這個(gè)交互功能描述，對(duì)以后生成的文檔有幫助。 在控件面板中的頂部工具欄上點(diǎn)擊“流程圖 ” 按鈕可以找到流程控件。另外，已經(jīng)繪制好的流程形狀可以通過控件右鍵菜單中的“編輯流程形狀 ” 的子菜單進(jìn)行流程圖形狀的轉(zhuǎn)變。 現(xiàn)在演示一下流程圖做法，并且在流程圖內(nèi)引用現(xiàn)有頁面、拖拉頁面進(jìn)流程圖。可以對(duì)頁面的細(xì)節(jié)部分進(jìn)行詳盡的解釋。在對(duì)話框中選中一個(gè)狀態(tài)，然后點(diǎn)擊“編輯狀態(tài) ” 按鈕，就可以中打開一個(gè)狀態(tài)線框圖進(jìn)行狀態(tài)設(shè)計(jì)。如果沒有為動(dòng)態(tài)面板指定標(biāo)簽名稱，動(dòng)態(tài)面板會(huì)被標(biāo)識(shí)為“ Unlabeled” 。 鼠標(biāo)懸停某一動(dòng)態(tài)面板，切換顯示另外一種狀態(tài)。應(yīng)用樣式后，在線框圖中用鼠標(biāo)移入到線框圖中按鈕左上角的“黑白”小方框上進(jìn)行效果預(yù)覽。 現(xiàn)在演示一下菜單的創(chuàng)建，以及在一級(jí)菜單、二級(jí)菜單內(nèi)使用不同的翻轉(zhuǎn)效果。如果要求所有條件都需要滿足，則在滿足下拉列表框中選擇“所有 ” ，即各個(gè)條件行之間是“ And” 關(guān)系；如果滿足下拉列表框中選擇為“任意 ” ，則只要滿足其中一個(gè)條件，即各個(gè)條件行之間是“ or” 關(guān)系。在交互事件屬性對(duì)話框中的第一步中點(diǎn)擊“添加條件 ??” ，然后在條件設(shè)置對(duì)話框中設(shè)置條件。下圖是在原型中的此事件的表現(xiàn)（身份證號(hào)碼驗(yàn)證）。 Axure還提供了多人協(xié)助共享工程、版本管理的功能，在做一些大型項(xiàng)目時(shí)、尤其是參與人數(shù)較多時(shí)我們可以使用這個(gè)功能。 29 生成 Word文檔 ——注意事項(xiàng) 頁面：選擇
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1