產(chǎn)品原型設(shè)計(jì)教材(文件)
【正文】 一控件，顯示一個(gè)動(dòng)態(tài)面板。 三則標(biāo)簽分別顯示不同的內(nèi)容，點(diǎn)擊相應(yīng)的標(biāo)簽顯示相應(yīng)內(nèi)容，當(dāng)前激活的標(biāo)簽加亮狀態(tài)，未激活標(biāo)簽暗色狀態(tài)?！边@是使用 OnMouseEnter、 OnMouseOut事件加動(dòng)態(tài)面板實(shí)現(xiàn)的。用鼠標(biāo)移入到 “黑白”小方框上進(jìn)行效果預(yù)覽。 22 高級(jí)交互設(shè)計(jì) ——菜單 菜單控件用于創(chuàng)建簡(jiǎn)單的彈出菜單。還可以增加、刪減下級(jí)子菜單的操作?？梢栽谀阍O(shè)計(jì)的任何交互中添加條件邏輯，條件可以是基于原型中控件輸入的值，如：復(fù)選框的選擇值、文本框中的文本等；另外，條件也可以是基于變量值。 在條件設(shè)置對(duì)話框中，可以添加多行條件。 在條件設(shè)置對(duì)話框中點(diǎn)擊確定按鈕，回到交互事件屬性對(duì)話框，這時(shí)就可以選擇當(dāng)條件滿足時(shí)要執(zhí)行的動(dòng)作了。這在原型中以下拉框進(jìn)行導(dǎo)航非常有用，即當(dāng)選擇下拉列表的某個(gè)選項(xiàng)時(shí)跳轉(zhuǎn)到相應(yīng)的頁面上或顯示相應(yīng)的內(nèi)容。 演示 1：使用下拉菜單模擬多個(gè)網(wǎng)頁面跳轉(zhuǎn)。例如，驗(yàn)證輸入的字符長(zhǎng)度、用戶名是否已經(jīng)存在、驗(yàn)證碼是否正確等，并在界面上進(jìn)行動(dòng)態(tài)信息提示。 27 高級(jí)功能 ——OnFocus和 OnLostFocus事件 什么是 OnFocus 和 OnLostFocus事件： OnFocus和 OnLostFocus事件可用于 輸入框，輸入域，下拉列表，列表框，復(fù)選框和單選按鈕 控件上。 其他高級(jí)功能： Axure還有很多高級(jí)功能，如變量、 OnPageLoad事件、控制模塊中控件、模塊自定義事件，這些高級(jí)功能都可以輔助我們把原型做得更高保真。 28 生成 Word文檔 設(shè)計(jì)完線框圖后，就可以輸出 Word格式的需求書或功能性規(guī)格文件。 在設(shè)計(jì)線框圖時(shí)，如果把 需求說明或規(guī)格描述 寫在了頁面?zhèn)渥⒒蚩丶⑨屩?，生成?guī)格文件時(shí)， Axure會(huì)自動(dòng)匯總這些文字和插圖，按照順序出現(xiàn)在 Word文檔中。 模塊：如果是大型項(xiàng)目，針對(duì)模塊（比如頁頭頁尾或一些公用模塊）說明時(shí)，可生成此部分。建議把章節(jié)標(biāo)題的“ User Interface”換成“ 效果圖 ”。把“ Footnote”、“ Label（功能點(diǎn)的標(biāo)簽）”、“說明（定義的注釋名稱）”打上勾。 30 生成 Word文檔 ——注意事項(xiàng) 組件：如果頁面中有動(dòng)態(tài)面板的效果出現(xiàn)時(shí)，“包括動(dòng)態(tài)面板”和“在每個(gè)動(dòng)態(tài)面板狀態(tài)截圖下放顯示動(dòng)態(tài)面板狀態(tài)注解表”兩個(gè)選項(xiàng)一定要選擇，會(huì)把動(dòng)態(tài)面板作為獨(dú)立的頁面展示在文檔里。 穿透控件選取下層的控件： 以鼠標(biāo)左鍵在對(duì)象上按住停留 1秒鐘以上，放開鼠標(biāo)左鍵再單擊下面的對(duì)象，可以穿透上層對(duì)象，選取到位于下層的對(duì)象 。建議設(shè)為 群組關(guān)系的單選按鈕再組合成為一個(gè)組件 ，避免混亂。 條條大路通羅馬： 很多效果都是可以使用不同的控件和動(dòng)作來完成的，高級(jí)的、低級(jí)的都可以實(shí)現(xiàn)，只要我們根據(jù)自身的情況（你是要做高保真模型，還是要做項(xiàng)目描述加文檔），最有效率的達(dá)到我們的目的就可以了。 把添加注釋和說明作為工作習(xí)慣： 頁面及控件的 注釋和說明 工作非常重要，前面提到過，現(xiàn)在再?gòu)?qiáng)調(diào)一下。 任何交互、鏈接跳轉(zhuǎn)、有需要說明的地方，都要詳細(xì)書寫功能描述。 線框圖： 盡量接近真實(shí)比例。 Word文檔： 章節(jié)標(biāo)題不能出現(xiàn)英文。不要抄襲，抄襲很容易看出來。 .rp文件： 注解的預(yù)設(shè)字段要求都刪除，新增一個(gè)文本型字段，命名為“功能描述”。 文檔： 最終提交的文檔必須包含如下內(nèi)容 原型頁面 word文檔，轉(zhuǎn)為 972023格式 請(qǐng)先讀我 .txt 34 作業(yè)要求 標(biāo)簽和注解： Logo、軟件圖片、介紹鏈接、下載鏈接必須要有填寫標(biāo)簽和功能描述，填寫內(nèi)容不限。 控件： 任何一個(gè)有交互效果或者功能描述的控件，標(biāo)簽和功能描述必須填寫。 最大限度的提升效率： Axure可以極大的提升我們的效率，規(guī)劃、管理好我們的模板可以在這個(gè)基礎(chǔ)上更大的提升，項(xiàng)目越大、越復(fù)雜，尤其是項(xiàng)目不斷推進(jìn)一些公共模塊需要進(jìn)行修改時(shí)，模板的管理工作就更加重要。 不僅僅是特效工具： 原型是可以貫穿在需求、設(shè)計(jì)、開發(fā)、測(cè)試各個(gè)階段的，所以 Axure可以發(fā)揮更大的作用。不同的部門可以根據(jù)自己部門的特性，定期整理匯總。當(dāng)這些單選按鈕輸出為原型時(shí)，就會(huì)形成真正的單選用戶接口。 更多生成器和配置：打開“生成 更多生成器和配置 (F8)” ，可以生成 Word 2023和 Csv文件（ Excel）的文件報(bào)告。如果想在多個(gè)表格表現(xiàn)不同的內(nèi)容，可以新增多個(gè)表格選擇不同的項(xiàng)目生成，比如，第一個(gè)對(duì)象表格的章節(jié)標(biāo)題命名為“功能列表”選擇“ Footnote”、“ Label”，第二個(gè)對(duì)象表格的章節(jié)標(biāo)題命名為“功能描述”選擇“ Label”、 “說明”，就會(huì)在文檔里生成 2個(gè)表格，第一個(gè)是編號(hào)和功能點(diǎn)標(biāo)簽，第二個(gè)表格是功能點(diǎn)標(biāo)簽和詳細(xì)注解?！盀榻貓D加上邊框”這個(gè)選項(xiàng)也可以選擇，并后期美化，讓屏幕截圖更顯眼。 注釋：如果針對(duì)頁面設(shè)定了多個(gè)注釋的話，建議選擇“顯示注釋名”，這樣生成的文檔會(huì)把注釋類型和具體內(nèi)容都顯示出來，比如設(shè)定了“頁面說明”、“完成時(shí)間” 2個(gè)注釋的話，文檔上顯示的就是“頁面說明： xxxxx”、“完成時(shí)間： 20231219”，如不選擇“顯示注釋名”，在生成的文檔上只顯示“ xxxxx。 29 生成 Word文檔 ——注意事項(xiàng) 頁面：選擇生成哪部份頁面，針對(duì)不同部門生成不同的文檔時(shí)，可以選擇不同的頁面生成。 如果沒有安裝 Word 2023，可以安裝 Microsoft Office Compatibility Pack兼容包，然后就可以讓Office2023/XP/2023打開、創(chuàng)建、編輯、保存 2023文件格式了。 Axure還提供了多人協(xié)助共享工程、版本管理的功能，在做一些大型項(xiàng)目時(shí)、尤其是參與人數(shù)較多時(shí)我們可以使用這個(gè)功能。 使用場(chǎng)合： OnFocus 和 OnLostFocus常用于顯示、隱藏與表單中
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1