日本乱偷人妻中文字幕,久久久久久精品无码人妻

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

Axure交互大全：Axure全交互模板及視頻教程

做產(chǎn)品但不是經(jīng)理

2020-12-07

7 評論 20149 瀏覽 121 收藏

21 分鐘

編輯導(dǎo)讀：本文作者為大家分享了一組Axure常用交互模板，作者從預(yù)覽原型，到所需原件，再到操作步驟都一一展開了分析，并對過程中需要注意的問題進行了介紹，希望對你有所啟發(fā)。

我在指導(dǎo)粉絲設(shè)計原型的時候，發(fā)現(xiàn)大部分同學(xué)其實并沒有系統(tǒng)的學(xué)習(xí)過axure的交互動作，他們設(shè)計交互時往往需要花大量的時候上網(wǎng)查詢，而網(wǎng)上也沒有一個關(guān)于axure全部完整交互的模板。

所以，我將axure里所有的基本交互動作整理成一個模板，并且將整個過程錄了下來做成視頻教程。新同學(xué)能夠通過學(xué)習(xí)該模板，快速掌握axure里面的交互，打好扎實的基礎(chǔ)；老同學(xué)在畫原型時，如果忘記了某個交互，也可以當(dāng)速查表，快速查詢。

由于人人都是產(chǎn)品經(jīng)理平臺暫時無法上傳視頻，所以將視頻放在原型模板里面，大家點開每個交互動作都可以看到制作過程。

原型預(yù)覽及視頻教程：https://z6yy9o.axshare.com

下面我們以文字的形式，快速介紹Axure里面的所有交互動作以及使用范圍，總共分成鏈接、元件、全局變量、中繼器和其他五大部分，從第一個打開鏈接到最后一個觸發(fā)事件，大家可以選擇需要的學(xué)習(xí)。

01 鏈接

1.1 打開鏈接

1.1.1 當(dāng)前窗口

這個交互是axure里面最簡單，也是最常用的交互，適用于頁面跳轉(zhuǎn)

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。
重新加載當(dāng)前頁面——刷新頁面，適用于數(shù)據(jù)刷新或者再來一次的原型案例。
返回上一頁——常用交互，一般子頁面返回主頁面時使用。

1.1.2 新窗口/新標(biāo)簽

這個交互和上一個交互的不同處在于會在新的標(biāo)簽頁面打開某個頁面，這樣原來的頁面還保留，客戶可以切換標(biāo)簽查看不同的內(nèi)容。一般適用外部于廣告，鏈接的跳轉(zhuǎn)。

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時在新標(biāo)簽中打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時在新標(biāo)簽中打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.1.3 彈出窗口

這個交互和上一個交互的不同處在于該交互會以彈出的形式打開某個頁面，我們可以同時看到兩個頁面的內(nèi)容，彈出窗口的基本屬性（大小、工具欄、共東條等）可以設(shè)置。一般類是選擇機構(gòu)、員工等頁面要素比較多，不適用于下拉列表的情況，當(dāng)然也適用于外部于廣告，鏈接的跳轉(zhuǎn)。

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時在彈出窗口中打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時在彈出窗口打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.1.4 父極窗口

父級窗口對應(yīng)彈出窗口，就是在彈窗窗口中可以設(shè)置原來窗口的頁面。這個交互一般和關(guān)閉頁面一起用，例如點擊了彈窗中的廣告，先可以設(shè)置原來的頁面跳轉(zhuǎn)至產(chǎn)品頁面，再關(guān)閉彈出窗口。

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時在父級窗口中打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時在父級窗口打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.2 關(guān)閉窗口

這個用于關(guān)閉當(dāng)前窗口，但是axure里面有bug，要在axure軟件里預(yù)覽當(dāng)前頁面才能關(guān)閉，如果是從其他頁面跳轉(zhuǎn)過來就關(guān)閉不了，而且這個交互在原型中很少用，因為一般都是直接關(guān)閉瀏覽器的

1.3 在框架中打開鏈接

1.3.1 內(nèi)聯(lián)框架

這個也是每個項目必備的事件，一般項目原型會設(shè)置一個菜單頁，點擊菜單欄后在內(nèi)聯(lián)框架中打開某個頁面。

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時在內(nèi)聯(lián)框架中打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時在內(nèi)聯(lián)框架打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.3.2 父級框架

父級框架對應(yīng)內(nèi)聯(lián)框架，具體是指A框架內(nèi)包含B框架，把框架內(nèi)頁面的能同個此交互控制A框架打開的頁面。這個交互在實際運用中極少，作者還沒使用過。

鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面，觸發(fā)時在父級框架中打開
鏈接到url或文件——輸入url地址，包括網(wǎng)絡(luò)地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在預(yù)覽時是不可用的，需要生成本地html才能生效，觸發(fā)時在父級框架打開url地址頁面，這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.4 滾動到元件<錨鏈接>

該交互能讓頁面滾動到指定的元件，在長頁面中比較常見，例如內(nèi)容分享平臺，功能介紹，用戶分析、可視化視圖等。

1.5設(shè)置自適應(yīng)視圖

如果設(shè)置了多個分辨率的視圖，該事件可以選擇視圖。這個事件基本不用，因為需求階段時間比較緊急，很少有時間話幾個分辨率的視圖。另外也可以通過瀏覽器縮放來控制。

02 元件

2.1 顯示隱藏

2.1.1 顯示

顯示這個交互動作非常常用，主要用于彈窗選擇、提示等內(nèi)容。顯示動作可以增加動畫，也可以選擇顯示效果。

燈箱效果，顯示后，如果鼠標(biāo)單擊其他內(nèi)容，隱藏顯示內(nèi)容，適用于提醒內(nèi)容。
彈出效果，顯示后，如果鼠標(biāo)離開該區(qū)域，隱藏顯示內(nèi)容，常用語頂部菜單或下拉列表
推動元件，顯示后，推動右側(cè)或下方的元件，適用于根據(jù)不同選項顯示不同內(nèi)容的頁面

2.1.2 隱藏

隱藏是和顯示相對應(yīng)的，主要用于彈窗選擇、提示等內(nèi)容后取消顯示。隱藏動作同樣可以增加動畫。也可以拉動元件，對應(yīng)顯示時的推動元件，拉動元件就是將其復(fù)位。

2.1.3 切換可見性

切換可見性是顯示與隱藏的結(jié)合，如果元件隱藏，可以將其顯示，如果顯示就可以將其隱藏，常用于菜單，卡片，下拉列表等。

2.2 設(shè)置面板狀態(tài)

動態(tài)面板好比是一本書，每次只能看一頁內(nèi)容，設(shè)置面板狀態(tài)即打開這本書的哪一頁，同時也可以設(shè)置進入動畫和退出動畫，是否推動或拉動元件。應(yīng)用的地方很多，例如圖片輪播、相冊、標(biāo)簽內(nèi)容等。

跳轉(zhuǎn)至指點頁面——可以設(shè)置該動作跳轉(zhuǎn)至那個頁面，在頁面不多的情況下可以這樣設(shè)置。
向后翻頁——觸發(fā)時向后翻一頁
向前翻頁——觸發(fā)時向前翻一頁
循環(huán)播放——設(shè)置自動翻頁的時間，以及是否重復(fù)輪播。
停止循環(huán)——暫停循環(huán)播放
跳轉(zhuǎn)至狀態(tài)名稱或序號——可以使用函數(shù)，讓動態(tài)面板跳轉(zhuǎn)至指定值，在頁面多的情況下使用該交互可以減少很多工作量。

2.3 設(shè)置文本

設(shè)置文本最常見的就是設(shè)置文本=輸入框的內(nèi)容，或者是設(shè)置顯示文字的樣式；除此之外也會用到一些函數(shù)，例如時間、日期、角度等等。

設(shè)置文字為輸入值——這個交互常用于保存某個值=輸入的值
設(shè)置文字為富文本——改變文字的大寫、字體、顏色等樣式。
設(shè)置文字為標(biāo)準(zhǔn)時間——這是會用于系統(tǒng)的頂部或者底部
設(shè)置文字為日期——獲取系統(tǒng)日期，常用于維護后記錄維護日期
設(shè)置文字為時間——獲取系統(tǒng)時間，常用于維護后記錄維護時間
設(shè)置保留小數(shù)點位數(shù)——計算后常用交互，例如計算百分比等。
設(shè)置文本為隨機數(shù)字——隨機設(shè)置一位0-1之間的樹，這個是基礎(chǔ)函數(shù)。
設(shè)置文本為6位隨機數(shù)字——根據(jù)上面的隨機函數(shù)，設(shè)置6位隨機數(shù)字，常用于短信驗證碼
設(shè)置文本為隨機字符——和上面的區(qū)別是這個包括英文大小寫。
更多其他函數(shù)——其他函數(shù)一般比較少使用，后面有時間的話，作者也會做一期全函數(shù)的教程

2.4 設(shè)置圖片

設(shè)置圖片為中繼器值——常用于中繼器每項加載時的事件，設(shè)置圖標(biāo)為中繼器中保存的圖片
設(shè)置圖片為外網(wǎng)圖片——適用于輸入url直接顯示圖片。

2.5 設(shè)置選中

該交互常用于標(biāo)簽、菜單、單選組

選中——選中時可以顯示選中時的樣式
取消選中——取消已選中的內(nèi)容
切換選中狀態(tài)——可以多次切換選中和未選中狀態(tài)，常見于多選，或者是否已讀條款等。
設(shè)置單選組——單選組內(nèi)選中一個元件，其他元件自動取消選中

2.6 設(shè)置列表被選項

比較少用這個交互，一是系統(tǒng)的下拉列表不好用，沒有搜索功能，一般好用的下拉列表都是用中繼器制作的；其次是下拉單選列表可以默認(rèn)選項，演示時單擊也會顯示該選項，一般情況下，是不需要使用該事件控制列表被選項的。只有一種情況，當(dāng)下拉列表在中繼器里面時，每項默認(rèn)的選中項不同，就可以用該事件設(shè)置被選項。