交互基礎(chǔ):四、交互基礎(chǔ)案例

四、交互基礎(chǔ)案例本節(jié)昆明網(wǎng)站建設(shè)小編將使用一個案例來介紹APP的基礎(chǔ)交互。在制作網(wǎng)站和APP原型的項目中,最常見的用戶體驗效果就是通過全局導(dǎo)航菜單清晰地反應(yīng)出

查看詳情

交互基礎(chǔ):三、動作(Actions)

三、動作(Actions)動作是由用例定義的對事件的響應(yīng)。做個最簡單的說明:單擊一個按鈕部件,在當(dāng)前窗口打開鏈接http://www.baidu.com。這個用例中的動作是【在當(dāng)前窗

查看詳情

交互基礎(chǔ):二、用例(Cases)

二、用例(Cases)通過之前昆明網(wǎng)站建設(shè)小編關(guān)于對圖238和圖239的模型的講解,你應(yīng)該已經(jīng)對用例有所了解了。用例是用戶與網(wǎng)站或APP之間交互流程的抽象表達(dá)。每個用例

查看詳情

交互基礎(chǔ):一、事件(Events)

一、事件(Events)總體來說,Axure的交互是由以下兩個類型的事件觸發(fā)的。頁面事件:是可以自動觸發(fā)的,比如當(dāng)瀏覽器中加載頁面時,還有頁面滾動欄滾動時。部件事件:對

查看詳情

Axure——交互基礎(chǔ)

本節(jié)昆明網(wǎng)站建設(shè)小編將介紹一些Axure中比較基礎(chǔ)但非常實用的交互,可以讓不懂代碼的讀者制作出可交互的高保真原型。在Axure中創(chuàng)建交互包含以下4個構(gòu)建模塊:交互(

查看詳情

頁面樣式:(三)網(wǎng)格和輔助線

3.網(wǎng)格和輔助線網(wǎng)格系統(tǒng)介紹通過現(xiàn)實中與部分學(xué)員的接觸和讀者的反饋,筆者發(fā)現(xiàn)很多朋友對網(wǎng)格系統(tǒng)(GridSystem)和輔助線并沒有清晰的認(rèn)識,尤其是網(wǎng)格系統(tǒng)(此處特指

查看詳情

頁面樣式:(二)頁面樣式編輯器

頁面樣式:(二)頁面樣式編輯器昆明網(wǎng)站建設(shè)認(rèn)為頁面樣式編輯器允許你對原型的每個頁面樣式進(jìn)行設(shè)置。此外,你還可以為特定頁面創(chuàng)建自定義頁面樣式。在頁面樣式編輯

查看詳情

頁面樣式:(一)頁面樣式

頁面樣式:(一)頁面樣式頁面樣式允許你使用【自定義頁面樣式】或【默認(rèn)頁面樣式】,對不同頁面進(jìn)行設(shè)置和編輯,在AxureRP8中單擊設(shè)計區(qū)域中任意空白位置,然后在右側(cè)

查看詳情

案例10:使用鋼筆工具和改變形狀制

在我們制作原型的過程中,通常情況下遇到使用圖標(biāo)時都會通過網(wǎng)絡(luò)搜索或使用其他繪圖工具(PS/AI/SKETCH等)來制作所需的圖標(biāo)。當(dāng)然,使用Fontawesome等圖標(biāo)字體也是非

查看詳情

部件操作——改變形狀

6.改變形狀在設(shè)計區(qū)域中選擇形狀后,部件【屬性】面板中的【變形】工具就變?yōu)榭捎脿顟B(tài)了,也可以右鍵單擊形狀部件,在彈出的關(guān)聯(lián)菜單中選擇【改變形狀】,見圖203-A。

查看詳情

部件操作——轉(zhuǎn)換為自定義形狀: 

5.轉(zhuǎn)換為自定義形狀:AxureRP8內(nèi)建的【默認(rèn)部件庫】和【流程圖部件庫】中的形狀部件都可以轉(zhuǎn)換為自定義形狀。右鍵單擊部件,在彈出的關(guān)聯(lián)菜單中選擇【轉(zhuǎn)換為自定義

查看詳情

部件操作——鋼筆工具

4.鋼筆工具AxureRP8中新增的特性之一,昆明網(wǎng)站建設(shè)覺得使用鋼筆工具可以繪制自定義形狀,見圖189。繪制出的自定義形狀是基于矢量的,也就是說在AxureRP8中隨意調(diào)整

查看詳情

部件操作——改變選擇模式

3.改變選擇模式在AxureRP8中有【隨選模式】和【包含模式】兩種選擇模式可以在工具欄中找到,見圖185。【隨選模式】是默認(rèn)的,當(dāng)你單擊或通過拖動鼠標(biāo)區(qū)域選擇部件時

查看詳情

部件操作——組合

昆明網(wǎng)站制作提醒各位首先選擇多個部件,點(diǎn)擊右鍵,選擇組合(Ctrl/Command+G),還可以使用工具欄對部件進(jìn)行排序、對齊、分布或鎖定,見圖180。(圖180)在AxureRP7中,當(dāng)

查看詳情

部件操作——添加、移動和改變部

1.添加、移動和改變部件尺寸添加部件:只需在左側(cè)【部件】面板中拖放部件到網(wǎng)站設(shè)計區(qū)域即可,也可以從一個頁面中復(fù)制部件并粘貼到另一個頁面。移動部件:使用鼠標(biāo)左

查看詳情

挑戰(zhàn)6:密碼輸入框禁用/啟用的交互

挑戰(zhàn)6.1:密碼輸入框禁用/啟用的交互(一)請參考如下描述開始挑戰(zhàn):將【確認(rèn)密碼】文本輸入框設(shè)置為【禁用】,當(dāng)【密碼】文本輸入框的內(nèi)容【不為空】時,啟用【確認(rèn)密

查看詳情

案例9:同意協(xié)議方可繼續(xù)注冊會員

現(xiàn)在你已經(jīng)對【文本輸入框】部件及其不同的類型有了一定了解,下面我們通過一個案例來鞏固一下。在這個案例中,用戶在按要求輸入用戶名、密碼和郵箱后,必須要勾選【

查看詳情

案例8:給中繼器中的項設(shè)置交替背

第一步:在【部件】面板中拖放一個中繼器部件到設(shè)計區(qū)域,雙擊該動態(tài)面板,在右側(cè)的【中繼器檢查器】面板下的【數(shù)據(jù)集】中填充數(shù)據(jù),見圖129。(圖129)第二步:拖放兩個

查看詳情

挑戰(zhàn)5:使用內(nèi)聯(lián)框架加載本地視頻

現(xiàn)在你已經(jīng)對【內(nèi)聯(lián)框架】部件有了初步認(rèn)識,在案例6中詳細(xì)介紹了如何使用內(nèi)聯(lián)框架加載網(wǎng)絡(luò)視頻,請你嘗試一下能否獨(dú)立實現(xiàn)使用內(nèi)聯(lián)框架加載本地視頻和音樂文件。7

查看詳情

案例7:使用內(nèi)聯(lián)框架加載可交互的

第一步:申請百度地圖API秘鑰。打開網(wǎng)址:http://developer.baidu.com/map/,注冊賬戶并登錄。申請Web服務(wù)API:http://developer.baidu.com/map/index.php?title=web

查看詳情

案例6:使用內(nèi)聯(lián)框架部件加載網(wǎng)絡(luò)

第一步:在優(yōu)酷網(wǎng)中打開任意視頻,在視頻下面單擊“分享給好友”右側(cè)的箭頭,然后在彈出的內(nèi)容中復(fù)制flash地址,見圖101。第二步:在Axure中,拖放一個內(nèi)聯(lián)框架部件到設(shè)

查看詳情

案例5:使用【Value】來設(shè)置動態(tài)面

第一步:在設(shè)計區(qū)域中添加三個一級標(biāo)題部件,分別將其文本內(nèi)容設(shè)置為cat、dog、fox,然后添加一個【動態(tài)面板】部件到設(shè)計區(qū)域,給動態(tài)面板命名為pets,將準(zhǔn)備好的三張

查看詳情

挑戰(zhàn)4:淘寶首頁的輪播廣告

再接再厲,要想徹底掌握Axure來實現(xiàn)你想要的交互效果,就要不斷挑戰(zhàn)和練習(xí),現(xiàn)在網(wǎng)站建設(shè)小編請你仔細(xì)觀察一下淘寶首頁的幻燈輪播廣告效果,見圖91,嘗試一下自己是否

查看詳情

挑戰(zhàn)3:帶有狀態(tài)指示器的輪播廣告

隨著你對動態(tài)面板部件的進(jìn)一步熟悉,你能否獨(dú)立做出如圖90所示,帶有動態(tài)面板【狀態(tài)指示器】的交互效果呢(動態(tài)面板狀態(tài)指示器,用來提示用戶一共有幾張廣告圖,當(dāng)前顯

查看詳情

挑戰(zhàn)2:可單擊交互的輪播廣告

現(xiàn)在你已經(jīng)對動態(tài)面板不同狀態(tài)間的切換有了初步認(rèn)識,網(wǎng)站建設(shè)小編想請問大家現(xiàn)在能否獨(dú)立做出圖89所示,點(diǎn)擊左右兩側(cè)箭頭讓圖片輪播的交互效果呢?(圖89)

查看詳情

案例4:使用動態(tài)面板部件制作簡單

首先準(zhǔn)備好三張廣告圖像,見圖82。(圖82)第一步:在【部件】面板中拖放一個圖像部件到設(shè)計區(qū)域,雙擊該部件導(dǎo)入廣告圖1,并將其尺寸設(shè)置為400×300像素,然后右鍵單擊該

查看詳情

案例3:添加一個自定義部件樣式

下面,我們來創(chuàng)建一個自定義部件樣式,然后將其運(yùn)用于多個不同的部件上。修改該自定義樣式,所有使用該樣式的部件也會同步發(fā)生改變。第一步:在【部件】面板中拖放一

查看詳情

挑戰(zhàn)1:進(jìn)一步熟悉部件交互樣式

現(xiàn)在你已經(jīng)熟悉了圖像的【交互樣式】和【指定選項組】,你能否獨(dú)立實現(xiàn)圖31中的尺碼和顏色的交互效果嗎?2.矩形、占位符、按鈕、H1、H2、H3、標(biāo)題、標(biāo)簽、文本段落

查看詳情

Axure——案例2:圖像選項組的交互

我們?nèi)砸再徫锞W(wǎng)站中選擇尺碼的交互場景為例,當(dāng)我們單擊選擇尺碼M時,L和XL變?yōu)榛疑ㄎ催x中)。同理,點(diǎn)擊L碼時,M和XL變?yōu)榛疑ㄎ催x中),見圖31。(圖31)下面昆明網(wǎng)站建

查看詳情

Axure——案例1:圖像交互樣式

在我們?yōu)g覽購物網(wǎng)站時,經(jīng)常見到這種交互效果,如選擇商品的尺碼、顏色,見圖16。下面昆明網(wǎng)站建設(shè)小編就帶大家來看看我們在AxureRP8中使用圖像的交互樣式實現(xiàn)這個簡

查看詳情
網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)