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