人機(jī)交互設(shè)計(jì) 課件 第10章 人機(jī)交互綜合應(yīng)用實(shí)例

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