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

產品經理導航是《人人都是產品經理》的特色垂直類網址導航，里面有豐富的和產品經理相關的站點，導航簡潔大方，分類清晰，是個非常好的聚合站點。

點擊這里查看在線演示。(內附源文件下載）

簡單分析了下這個導航網站，它的特點比較適合于axure用來做示例教程，可以從中學習一些axure的使用技巧，我們看一下如幾個交互說明：

1、頂部菜單：導航欄頁面頂部是網站LOGO和網站名稱，中間部分則是《人人都是產品經理》網站的相關欄目。

2、二級菜單：二級菜單才是導航網站的主要內容，根據當前頁面的位置，二級菜單會自動定位到對應的導航分類名稱上，單擊分類名稱，自動滾動定位到對應導航位置。該二級菜單一直固定在頂部。

3、分類網站：鼠標經過分類網站時，當前行高這顯示（灰色背景）
4、回到頂部：當前窗口向下滾動一定位置時，右下角自動出現回到頂部箭頭，單擊后定位到頁面頂部
5、行業名人：頁面最下方是行業名人頭像，鼠標經過時顯示當前行業名人的名稱，單擊后轉到他的微博上

在頁面交互上基本上體現在以上幾點，下面我們來實現該導航網站的高保真原型。

在交互上，我們稍微改進了下，鼠標經過一級菜單、二級菜單和頁頭廣告上做了些變化。

一級導航

添加五個矩形框，設置好背景色和交互樣式，未添加交互事件

在設置顏色時需要用到axure的工具——取色器，這樣我們能保證取到的顏色和原網站保持一致，如下操作：

1. 從原網站截圖，然后粘貼到設計窗口
2. 以設置矩形框的背景色為例，從工具欄選擇背景設置，從下拉框里選擇吸管工具
3. 移動吸管工具到你要取色的位置，例如上面從原網站的截圖，單擊后即可。

二級導航

添加七個矩形框，設置交互樣式中的選中狀態，再設置轉角半徑為41，使邊緣看起來更圓，添加事件，單擊后定位到對應位置 ，這里會有一點小BUG，就是單擊后定位有點不準確，因為在滾動窗口時自動定位時的設置問題，不過調整一下就差不多了，可以試著改一改哦。

注意：二級導航做好后，復制一個并固定在瀏覽器的頂部，開始的時候隱藏起來，在滾動窗口到一定位置時，顯示此隱藏的導航，這樣這個導航就會一直固定在頁面上方。

廣告欄目

添加五個矩形框，并截圖5個廣告欄目的圖片，因為比較個性化，所以截圖會比較好點，在每個矩形框上面旋轉一個透明的矩形框，設置交互樣式為經過時顯示半透明，模擬樣式的交互效果。

分類導航

分類導航就是內容了，每一行單獨轉換成一個動態面板，每個鏈接是一個矩形樣式，設置了選中樣式，在鼠標經過時，設置當前行各個矩形框為選中狀態，鼠標移出時取消選中狀態。

行業名人

這里就不再截圖了，直接使用占位符代表頭像，設置了鼠標移入時的文本。

回到頂部

在滾動窗口超過一定位置時，右下方會顯示回到頂部的向上箭頭，點擊后回到頁面頂部，這個使用了滾動到部件的功能。

到這里就基本結束了哦，點擊下面的鏈接查看在線演示吧*_^

點擊這里查看在線演示。(內附源文件下載）

本文由 @Axure原型設計工場 原創發布于人人都是產品經理?，未經許可，禁止轉載。