四、交互基礎(chǔ)案例本節(jié)昆明網(wǎng)站建設(shè)小編將使用一個(gè)案例來(lái)介紹APP的基礎(chǔ)交互。在制作網(wǎng)站和APP原型的項(xiàng)目中，最常見(jiàn)的用戶(hù)體驗(yàn)效果就是通過(guò)全局導(dǎo)航菜單清晰地反應(yīng)出
查看詳情三、動(dòng)作（Actions）動(dòng)作是由用例定義的對(duì)事件的響應(yīng)。做個(gè)最簡(jiǎn)單的說(shuō)明：?jiǎn)螕粢粋€(gè)按鈕部件，在當(dāng)前窗口打開(kāi)鏈接http://www.baidu.com。這個(gè)用例中的動(dòng)作是【在當(dāng)前窗
查看詳情二、用例（Cases）通過(guò)之前昆明網(wǎng)站建設(shè)小編關(guān)于對(duì)圖238和圖239的模型的講解，你應(yīng)該已經(jīng)對(duì)用例有所了解了。用例是用戶(hù)與網(wǎng)站或APP之間交互流程的抽象表達(dá)。每個(gè)用例
查看詳情一、事件（Events）總體來(lái)說(shuō)，Axure的交互是由以下兩個(gè)類(lèi)型的事件觸發(fā)的。頁(yè)面事件：是可以自動(dòng)觸發(fā)的，比如當(dāng)瀏覽器中加載頁(yè)面時(shí)，還有頁(yè)面滾動(dòng)欄滾動(dòng)時(shí)。部件事件：對(duì)
查看詳情本節(jié)昆明網(wǎng)站建設(shè)小編將介紹一些Axure中比較基礎(chǔ)但非常實(shí)用的交互，可以讓不懂代碼的讀者制作出可交互的高保真原型。在Axure中創(chuàng)建交互包含以下4個(gè)構(gòu)建模塊：交互（
查看詳情3．網(wǎng)格和輔助線網(wǎng)格系統(tǒng)介紹通過(guò)現(xiàn)實(shí)中與部分學(xué)員的接觸和讀者的反饋，筆者發(fā)現(xiàn)很多朋友對(duì)網(wǎng)格系統(tǒng)（GridSystem）和輔助線并沒(méi)有清晰的認(rèn)識(shí)，尤其是網(wǎng)格系統(tǒng)（此處特指
查看詳情頁(yè)面樣式：（二）頁(yè)面樣式編輯器昆明網(wǎng)站建設(shè)認(rèn)為頁(yè)面樣式編輯器允許你對(duì)原型的每個(gè)頁(yè)面樣式進(jìn)行設(shè)置。此外，你還可以為特定頁(yè)面創(chuàng)建自定義頁(yè)面樣式。在頁(yè)面樣式編輯
查看詳情頁(yè)面樣式：（一）頁(yè)面樣式頁(yè)面樣式允許你使用【自定義頁(yè)面樣式】或【默認(rèn)頁(yè)面樣式】，對(duì)不同頁(yè)面進(jìn)行設(shè)置和編輯，在AxureRP8中單擊設(shè)計(jì)區(qū)域中任意空白位置，然后在右側(cè)
查看詳情在我們制作原型的過(guò)程中，通常情況下遇到使用圖標(biāo)時(shí)都會(huì)通過(guò)網(wǎng)絡(luò)搜索或使用其他繪圖工具（PS/AI/SKETCH等）來(lái)制作所需的圖標(biāo)。當(dāng)然，使用Fontawesome等圖標(biāo)字體也是非
查看詳情6．改變形狀在設(shè)計(jì)區(qū)域中選擇形狀后，部件【屬性】面板中的【變形】工具就變?yōu)榭捎脿顟B(tài)了，也可以右鍵單擊形狀部件，在彈出的關(guān)聯(lián)菜單中選擇【改變形狀】，見(jiàn)圖203-A。
查看詳情5.轉(zhuǎn)換為自定義形狀：AxureRP8內(nèi)建的【默認(rèn)部件庫(kù)】和【流程圖部件庫(kù)】中的形狀部件都可以轉(zhuǎn)換為自定義形狀。右鍵單擊部件，在彈出的關(guān)聯(lián)菜單中選擇【轉(zhuǎn)換為自定義
查看詳情4.鋼筆工具AxureRP8中新增的特性之一，昆明網(wǎng)站建設(shè)覺(jué)得使用鋼筆工具可以繪制自定義形狀，見(jiàn)圖189。繪制出的自定義形狀是基于矢量的，也就是說(shuō)在AxureRP8中隨意調(diào)整
查看詳情3．改變選擇模式在AxureRP8中有【隨選模式】和【包含模式】?jī)煞N選擇模式可以在工具欄中找到，見(jiàn)圖185?！倦S選模式】是默認(rèn)的，當(dāng)你單擊或通過(guò)拖動(dòng)鼠標(biāo)區(qū)域選擇部件時(shí)
查看詳情1．添加、移動(dòng)和改變部件尺寸添加部件：只需在左側(cè)【部件】面板中拖放部件到網(wǎng)站設(shè)計(jì)區(qū)域即可，也可以從一個(gè)頁(yè)面中復(fù)制部件并粘貼到另一個(gè)頁(yè)面。移動(dòng)部件：使用鼠標(biāo)左
查看詳情挑戰(zhàn)6.1：密碼輸入框禁用/啟用的交互（一）請(qǐng)參考如下描述開(kāi)始挑戰(zhàn)：將【確認(rèn)密碼】文本輸入框設(shè)置為【禁用】，當(dāng)【密碼】文本輸入框的內(nèi)容【不為空】時(shí)，啟用【確認(rèn)密
查看詳情現(xiàn)在你已經(jīng)對(duì)【文本輸入框】部件及其不同的類(lèi)型有了一定了解，下面我們通過(guò)一個(gè)案例來(lái)鞏固一下。在這個(gè)案例中，用戶(hù)在按要求輸入用戶(hù)名、密碼和郵箱后，必須要勾選【
查看詳情第一步：在【部件】面板中拖放一個(gè)中繼器部件到設(shè)計(jì)區(qū)域，雙擊該動(dòng)態(tài)面板，在右側(cè)的【中繼器檢查器】面板下的【數(shù)據(jù)集】中填充數(shù)據(jù)，見(jiàn)圖129。（圖129）第二步：拖放兩個(gè)
查看詳情現(xiàn)在你已經(jīng)對(duì)【內(nèi)聯(lián)框架】部件有了初步認(rèn)識(shí)，在案例6中詳細(xì)介紹了如何使用內(nèi)聯(lián)框架加載網(wǎng)絡(luò)視頻，請(qǐng)你嘗試一下能否獨(dú)立實(shí)現(xiàn)使用內(nèi)聯(lián)框架加載本地視頻和音樂(lè)文件。7
查看詳情第一步：申請(qǐng)百度地圖API秘鑰。打開(kāi)網(wǎng)址：http://developer.baidu.com/map/，注冊(cè)賬戶(hù)并登錄。申請(qǐng)Web服務(wù)API：http://developer.baidu.com/map/index.php?title=web
查看詳情第一步：在優(yōu)酷網(wǎng)中打開(kāi)任意視頻，在視頻下面單擊“分享給好友”右側(cè)的箭頭，然后在彈出的內(nèi)容中復(fù)制flash地址，見(jiàn)圖101。第二步：在Axure中，拖放一個(gè)內(nèi)聯(lián)框架部件到設(shè)
查看詳情第一步：在設(shè)計(jì)區(qū)域中添加三個(gè)一級(jí)標(biāo)題部件，分別將其文本內(nèi)容設(shè)置為cat、dog、fox，然后添加一個(gè)【動(dòng)態(tài)面板】部件到設(shè)計(jì)區(qū)域，給動(dòng)態(tài)面板命名為pets，將準(zhǔn)備好的三張
查看詳情再接再厲，要想徹底掌握Axure來(lái)實(shí)現(xiàn)你想要的交互效果，就要不斷挑戰(zhàn)和練習(xí)，現(xiàn)在網(wǎng)站建設(shè)小編請(qǐng)你仔細(xì)觀察一下淘寶首頁(yè)的幻燈輪播廣告效果，見(jiàn)圖91，嘗試一下自己是否
查看詳情隨著你對(duì)動(dòng)態(tài)面板部件的進(jìn)一步熟悉，你能否獨(dú)立做出如圖90所示，帶有動(dòng)態(tài)面板【狀態(tài)指示器】的交互效果呢（動(dòng)態(tài)面板狀態(tài)指示器，用來(lái)提示用戶(hù)一共有幾張廣告圖，當(dāng)前顯
查看詳情現(xiàn)在你已經(jīng)對(duì)動(dòng)態(tài)面板不同狀態(tài)間的切換有了初步認(rèn)識(shí)，網(wǎng)站建設(shè)小編想請(qǐng)問(wèn)大家現(xiàn)在能否獨(dú)立做出圖89所示，點(diǎn)擊左右兩側(cè)箭頭讓圖片輪播的交互效果呢？（圖89）
查看詳情首先準(zhǔn)備好三張廣告圖像，見(jiàn)圖82。（圖82）第一步：在【部件】面板中拖放一個(gè)圖像部件到設(shè)計(jì)區(qū)域，雙擊該部件導(dǎo)入廣告圖1，并將其尺寸設(shè)置為400×300像素，然后右鍵單擊該
查看詳情下面，我們來(lái)創(chuàng)建一個(gè)自定義部件樣式，然后將其運(yùn)用于多個(gè)不同的部件上。修改該自定義樣式，所有使用該樣式的部件也會(huì)同步發(fā)生改變。第一步：在【部件】面板中拖放一
查看詳情現(xiàn)在你已經(jīng)熟悉了圖像的【交互樣式】和【指定選項(xiàng)組】，你能否獨(dú)立實(shí)現(xiàn)圖31中的尺碼和顏色的交互效果嗎？2．矩形、占位符、按鈕、H1、H2、H3、標(biāo)題、標(biāo)簽、文本段落
查看詳情我們?nèi)砸再?gòu)物網(wǎng)站中選擇尺碼的交互場(chǎng)景為例，當(dāng)我們單擊選擇尺碼M時(shí)，L和XL變?yōu)榛疑ㄎ催x中）。同理，點(diǎn)擊L碼時(shí)，M和XL變?yōu)榛疑ㄎ催x中），見(jiàn)圖31。（圖31）下面昆明網(wǎng)站建
查看詳情在我們?yōu)g覽購(gòu)物網(wǎng)站時(shí)，經(jīng)常見(jiàn)到這種交互效果，如選擇商品的尺碼、顏色，見(jiàn)圖16。下面昆明網(wǎng)站建設(shè)小編就帶大家來(lái)看看我們?cè)贏xureRP8中使用圖像的交互樣式實(shí)現(xiàn)這個(gè)簡(jiǎn)
查看詳情
