Demo
整個Web案例我們分為三階段：
1. 導(dǎo)航欄
2. Banner
3. 嵌入視頻 & 固定導(dǎo)航欄
從基本的點擊跳轉(zhuǎn)頁面踢涌，狀態(tài)樣式秋冰，隱藏顯示組件犁罩，到動態(tài)面板的使用，條件判斷的使用等产弹。
那么我們現(xiàn)在開始第一步“導(dǎo)航欄”：
STEP 1 . 拖放導(dǎo)航欄
導(dǎo)航欄底色：從組件庫(Libraries)中拖出"Box 1"組件到畫布中煤蹭，并設(shè)置其樣式(Style)：坐標(biāo)、寬取视、高硝皂、填充色、邊框作谭。
Style
導(dǎo)航欄菜單：再來一個Box稽物，設(shè)置為：
Border還是None
然后再復(fù)制幾個，便成了這樣：
Result 1
加入圖標(biāo)折欠，使用Axure RP 8自帶的icons組件庫(Apple贝或、Search、Shopping Basket)：
Result 2
這樣就感覺有模有樣了锐秦。
STEP 2 . 增加鼠標(biāo)進入樣式
菜單按鈕樣式：選擇所有菜單按鈕咪奖，設(shè)置其"屬性(PROPERTIES) > 交互樣式(Interaction Styles) > MouseOver"，Selected樣式也可以設(shè)置：
改變鼠標(biāo)進入/選中時的字體顏色
這樣酱床，當(dāng)鼠標(biāo)進入菜單按鈕時羊赵，就會觸發(fā)我們設(shè)置的樣式。
圖標(biāo)樣式：同樣，當(dāng)鼠標(biāo)進入icon時昧捷，也會觸發(fā)新樣式闲昭。設(shè)置方法相同，只不過icon不是改變字體顏色靡挥，而是填充色序矩。
改變鼠標(biāo)進入時的填充色
這樣，我們的導(dǎo)航欄就完成了跋破。
預(yù)覽效果
Result
看視頻可以看到簸淀，更多內(nèi)容，更細節(jié)的操作喲毒返。
工具能表現(xiàn)你的思考結(jié)果租幕，甚至過程，過分依賴工具則會束縛你的思維饿悬。
