鼠標(biāo)懸念時(shí)改變?cè)瓲顟B(tài)，如加底色/字體顏色改變等交互在axure中是非常容易實(shí)現(xiàn)的，本原型中結(jié)合了鼠標(biāo)懸念和動(dòng)態(tài)面板的使用。上圖片啦：
1.鼠標(biāo)懸停前效果
2.鼠標(biāo)懸停后的效果：字體低色為粉色
3.動(dòng)態(tài)面板（未上圖）
先來(lái)看下所有元件，如下圖：
整理清楚所有元件，現(xiàn)在開(kāi)始做原型，開(kāi)始著手做原型啦
1.建立背景矩形
拉一個(gè)矩形出來(lái)，寬：910，高：480，填充顏色：灰色
2.裝飾條形
矩形，寬：150，高：5，無(wú)邊框，填充顏色：橙色
3.今日?qǐng)F(tuán)矩形
矩形，寬：150，高：37，無(wú)邊框，填充顏色：粉色，文字：今日?qǐng)F(tuán)
4.分類背景框
矩形，寬：150，高：250，無(wú)邊框，填充顏色：白色
5.分類矩形
矩形，寬：50，高：30，無(wú)邊框，填充顏色：無(wú)色
6.NEW矩形
拉一個(gè)矩形框出來(lái)，填充顏色：紅色，字體顏色：白色，字為：NEW!，鼠標(biāo)點(diǎn)矩形右鍵，選擇【選擇形狀】—【向右對(duì)話氣泡】，如圖
7.鼠標(biāo)懸念，字體顯示為粉色
a.拉矩形框，設(shè)置無(wú)邊框，無(wú)填充顏色，建立12個(gè)分類
b.選擇分類矩形，點(diǎn)鼠標(biāo)右鍵，選擇【交互樣式】，設(shè)置鼠懸停交互，如下圖
8.動(dòng)態(tài)面板
a.拉一個(gè)動(dòng)態(tài)面板，并添加12種狀態(tài)，為每個(gè)分類添加一個(gè)對(duì)應(yīng)的狀態(tài)，設(shè)置12個(gè)狀態(tài)是為了，點(diǎn)擊不同的分類，顯示不同的內(nèi)容；對(duì)每個(gè)狀態(tài)添加不同的圖片
b.設(shè)置分類與動(dòng)態(tài)面板狀態(tài)對(duì)應(yīng)，如設(shè)置“家居“分類與動(dòng)態(tài)面板中的狀態(tài)對(duì)應(yīng)
b1.點(diǎn)擊“家居”分類，在交互中添加“鼠標(biāo)單擊時(shí)”的用例，如下圖
對(duì)每一個(gè)分類設(shè)置好動(dòng)態(tài)面板應(yīng)對(duì)的狀態(tài)即可。
9.預(yù)覽，按F5，預(yù)覽原型
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。