人機交互設計 課件 第10章 人機交互綜合應用實例

人機交互設計第十講人機交互綜合應用實例延遲符認識AxureRP站點地圖與思維導圖Axure相關(guān)知識點目錄CONTENTS123綜合應用實例401認識AxureRPAxureRP是美國AxureSoftwareSolution公司旗艦產(chǎn)品，是一個專業(yè)的快速原型設計工具，讓負責定義需求和規(guī)格、設計功能和界面的用戶能夠快速創(chuàng)建應用軟件、Web網(wǎng)站以及移動APP的線框圖、流程圖、原型和規(guī)格說明文檔。同時，這款工具支持多人協(xié)作設計和版本控制管理。1．主菜單和工具欄2．站點地圖面板3．控件面板4．模塊面板5．線框圖工作區(qū)6．頁面注釋和交互區(qū)7．控件交互面板8．控件注釋面板01認識AxureRPAxureRP是美國AxureSoftwareSolution公司旗艦產(chǎn)品，是一個專業(yè)的快速原型設計工具，讓負責定義需求和規(guī)格、設計功能和界面的用戶能夠快速創(chuàng)建應用軟件、Web網(wǎng)站以及移動APP的線框圖、流程圖、原型和規(guī)格說明文檔。同時，這款工具支持多人協(xié)作設計和版本控制管理。1.1AxureRP的工作界面布局和功能1．主菜單和工具欄2．站點地圖面板3．控件面板4．模塊面板5．線框圖工作區(qū)6．頁面注釋和交互區(qū)7．控件交互面板8．控件注釋面板01認識AxureRP1.2AxureRP的元件庫及元件屬性Axure中的元件庫是我們在進行主編輯時用的最多的地方，也相當于是我們的主要“工具箱”，這里可以對所有的元件進行管理。軟件系統(tǒng)分別帶有三個類型的元件庫，分別是：“基本元件庫（Default）”、“流程圖元件庫（Flow）”、“圖標元件庫（Icons）”。01認識AxureRP1.3母版管理Axure中的母版是可以套用到全部頁面，或只套用到其中的部分指定頁面中。02站點地圖與思維導圖2.1站點地圖通過創(chuàng)設站點地圖，能夠快速把站點構(gòu)思與布局完成。同時也能起到站點導航的作用。02站點地圖與思維導圖2.2思維導圖1.思維導圖的基本概念：思維導圖又叫心智圖，是表達發(fā)射性思維的有效的思維工具，它雖簡單卻又極其有效，是一種革命性的思維工具。02站點地圖與思維導圖2.2思維導圖2.思維導圖適用的情境（1）項目管理（2）頭腦風暴（3）知識梳理（4）功能設計02站點地圖與思維導圖2.2思維導圖3.常用的思維導圖繪制軟件（1）Xmind（2）MindMaster（3）億圖圖示02站點地圖與思維導圖2.2思維導圖3.常用的思維導圖繪制軟件（1）Xmind（2）MindMaster（3）億圖圖示03變量與表達式1.變量全局變量：就像一個可以存放公共資源的數(shù)據(jù)容器，這些存放的資源或內(nèi)容可以在需要的時候被提取出來使用。局部變量：則是在編輯的過程中創(chuàng)建的臨時的數(shù)據(jù)值，只能在特定的范圍內(nèi)有效，而且是可以一次被寫入，但是可以被多次提取值，03變量與表達式2．表達式（1）算術(shù)運算符（2）關(guān)系運算符（3）賦值運算符（4）邏輯運算符03變量與表達式3.案例04動態(tài)面板1．顯示隱藏效果2．動態(tài)面板的滑動效果3．動態(tài)面板的拖動效果4．多狀態(tài)效果05函數(shù)1．在Axure里，只有在表達式中能夠使用函數(shù)，函數(shù)可以在【插入變量或函數(shù)】的列表中選擇，也可以直接手工輸入。2.10種類型的函數(shù)。06中繼器1.中繼器（Repeater）是Axure中非常重要的一個元件。中繼器是可以用于顯示重復的項目列表。其要搭配頁面中的“數(shù)據(jù)集”、“項目交互”和“樣式設置”等參數(shù)共同實現(xiàn)設計目標的。07綜合應用實例7.1常規(guī)元件的應