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