中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本系列xure學習系列共分三期，期望通過本次分享讓初學者能夠掌握Axure的交互設計。本次分享主要內(nèi)容包括：快手頂部Tab切換交互；側(cè)導航展開交互；視頻播放頁交互以及視頻拍攝頁交互。

原型基于Axure8制作，以下是相關(guān)交互架構(gòu)圖。

首先查看完整原型預覽：http://bdh2ot.axshare.com/

以下是第一期分享內(nèi)容。

一、 頂部Tap切換

1 設置動態(tài)面板

1.1 拖入動態(tài)面板，600*900。

1.2 雙擊動態(tài)面板，設置動態(tài)面板名稱。

1.3 點擊“+”號，設置動態(tài)面板狀態(tài)（快手APP頂部共3個Tap，所以本次也需要對應添加三個）。

1.4 點擊確定，添加完成。

2 完成Tap頁低保真原型原型（以發(fā)現(xiàn)頁為例）

2.1 雙擊“發(fā)現(xiàn)”，進入動態(tài)面板-發(fā)現(xiàn)狀態(tài)頁面。

2.2 在“發(fā)現(xiàn)頁面”-利用元件庫，參考快手APP制作低保真原型。

2.3 每一個原件做好命名，方便做交互時進行區(qū)別辨認。

2.4 按照以上三點規(guī)則，分別制作“關(guān)注”頁及“同城”頁低保真原型。

2.5 至此，首頁Tap交互設計前工作準備完成，開始交互設計。

3 Tap交互設計

3.1 雙擊“發(fā)現(xiàn)”，進入動態(tài)面板-發(fā)現(xiàn)狀態(tài)頁面。

3.2 首先，點擊選中“關(guān)注”Tap，并雙擊 “鼠標單擊時”用例，選擇“設置面板狀態(tài)”動作，并將狀態(tài)選擇為“發(fā)現(xiàn)”。

3.3 其次，點擊選中“關(guān)注”Tap，并雙擊 “鼠標單擊時”用例，選擇“設置面板狀態(tài)”動作，并將狀態(tài)選擇為“關(guān)注”。

3.4 第三，點擊選中“同城”Tap，并雙擊 “鼠標單擊時”用例，選擇“設置面板狀態(tài)”動作，并將狀態(tài)選擇為“同城”。

3.5 按照以上4點，即可完成“發(fā)現(xiàn)”頁面的Tap交互設置。

3.6 同樣分別進入“關(guān)注”及“同城”頁面，依照同樣的方法設置Tap交互。

3.7 設置完成后，則本次Tap交互設計完成，趕快F5預覽一下自己的成功吧。

二、 側(cè)導航展開交互

1 完成“側(cè)導航頁”低保真原型，并做好原件命名。

2 將側(cè)導航頁面進行組合，命名為“側(cè)導航”，并設為隱藏狀態(tài)。

3 “關(guān)注”頁，點擊“側(cè)導航”按鈕并雙擊 “鼠標單擊時”用例，選擇“顯示”動作。

4 右側(cè)配置動作區(qū)域，選中“側(cè)導航”組合，同時設置動畫為“向右旋轉(zhuǎn)”500毫秒。

5 選中側(cè)導航遮罩區(qū)，并雙擊 “鼠標單擊時”用例，選擇“隱藏”動作。

6 右側(cè)配置動作區(qū)域，選中“側(cè)導航”組合，同時設置動畫為“向左旋轉(zhuǎn)”500毫秒。

7 設置完成后，則本次側(cè)導航交互設計完成，趕快F5預覽一下自己的成功。

本次分享到這里完成，下一期繼續(xù)分享視頻播放頁的動作交互。

RP文件下載地址：鏈接: https://pan.baidu.com/s/1skKsvOp 密碼: ddrg

本文由 @楊福偉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議