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

本次設(shè)計(jì)以bilibili創(chuàng)作中心為例，主要給大家介紹二級(jí)和三級(jí)導(dǎo)航欄。

產(chǎn)品經(jīng)理在做一個(gè)完整產(chǎn)品的原型設(shè)計(jì)時(shí)，都需要一個(gè)導(dǎo)航菜單欄。這種菜單欄看著簡(jiǎn)單，但對(duì)于初級(jí)產(chǎn)品經(jīng)理來說是個(gè)難點(diǎn)，自己琢磨起來也比較費(fèi)勁。今天做個(gè)導(dǎo)航欄的原型設(shè)計(jì)教程給大家參考，學(xué)會(huì)這一招，輕松應(yīng)對(duì)導(dǎo)航欄的設(shè)計(jì)，進(jìn)一步地提高產(chǎn)品技能。

設(shè)計(jì)過程

（1）設(shè)計(jì)概述

本次設(shè)計(jì)以bilibili創(chuàng)作中心為例，主要給大家介紹二級(jí)和三級(jí)導(dǎo)航欄。為了展示三級(jí)菜單的設(shè)計(jì)過程，將bilibili原有的二級(jí)菜單粉絲管理、互動(dòng)管理、收益管理整合成二級(jí)菜單商業(yè)數(shù)據(jù)。

（2）二級(jí)菜單設(shè)計(jì)

步驟如下：

1）打開Axure RP 8軟件,新建項(xiàng)目，命名為導(dǎo)航欄。

2）創(chuàng)建母版

點(diǎn)擊母版頁面的添加按鈕，新增母版，命名為左側(cè)導(dǎo)航欄導(dǎo)航。

編輯母版。

拖拽矩形3到窗口，作為導(dǎo)航欄面板。拖拽三級(jí)標(biāo)題到窗口，命名為bilibili創(chuàng)作中心。

3）制作導(dǎo)航菜單

拖拽矩形3，修改成合適的大小放置到合適的菜單位，按照下圖依次命名。

4）添加二級(jí)菜單

復(fù)制數(shù)據(jù)中心，修改名稱為數(shù)據(jù)總覽。復(fù)制數(shù)據(jù)中心，修改名稱為觀眾分析，并列排放。

選中數(shù)據(jù)總覽和觀眾分析，點(diǎn)擊右鍵，選擇轉(zhuǎn)換為動(dòng)態(tài)面板。點(diǎn)擊右鍵，選擇設(shè)為隱藏。

在動(dòng)態(tài)面板編輯區(qū)，給該動(dòng)態(tài)面板命名為二級(jí)-數(shù)據(jù)中心。

將動(dòng)態(tài)面板二級(jí)-數(shù)據(jù)中心移動(dòng)到數(shù)據(jù)中心下方。

5）二級(jí)菜單交互設(shè)計(jì)

選中數(shù)據(jù)中心，雙擊鼠標(biāo)單擊時(shí)。

按照以下步驟操作，操作完成后點(diǎn)擊確定。

6）創(chuàng)建菜單模塊

按照下圖結(jié)構(gòu)創(chuàng)作菜單模塊。

7）打開首頁管理，拖拽模板左側(cè)導(dǎo)航欄到首頁管理窗口，以同樣的方式將母版放到各個(gè)模塊中

8）預(yù)覽

點(diǎn)擊軟件右上角預(yù)覽，可預(yù)覽導(dǎo)航欄效果，二級(jí)菜單制作完成。

（3）三級(jí)菜單

1）按照2.2步驟制作二級(jí)菜單：二級(jí)-商業(yè)數(shù)據(jù)

2）雙擊打開動(dòng)態(tài)面板二級(jí)-商業(yè)數(shù)據(jù)，復(fù)制互動(dòng)管理三個(gè)，分別命名為評(píng)論管理、彈幕管理、字幕管理。

選中三個(gè)矩形，選擇設(shè)為動(dòng)態(tài)面板，命名為三級(jí)-互動(dòng)管理，并設(shè)為隱藏。

3）交互效果

選中互動(dòng)管理，雙擊鼠標(biāo)點(diǎn)擊時(shí)，按照如下步驟操作，操作完成后確定。

4）點(diǎn)擊預(yù)覽查看效果

總結(jié)

總結(jié)來說，導(dǎo)航欄是個(gè)難的不會(huì)，會(huì)了不難的功能。這次只是簡(jiǎn)單的菜單欄設(shè)計(jì)，實(shí)際的菜單欄還有很多的交互設(shè)計(jì)和細(xì)節(jié)處理，以后碰到再和大家分享。

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

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