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