欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure怎么給網(wǎng)頁(yè)設(shè)計(jì)左側(cè)三級(jí)導(dǎo)航菜單欄?

  發(fā)布時(shí)間:2018-02-04 09:05:29   作者:羽殺天驕   我要評(píng)論
Axure怎么給網(wǎng)頁(yè)設(shè)計(jì)左側(cè)三級(jí)導(dǎo)航菜單欄?Axure想要給網(wǎng)頁(yè)設(shè)計(jì)一款簡(jiǎn)單的左側(cè)三級(jí)導(dǎo)航菜單,該怎么色劑呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下

Axure中想要設(shè)計(jì)一款三級(jí)導(dǎo)航菜單,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程。

1、創(chuàng)建一、二、三級(jí)導(dǎo)航,矩形框表示每個(gè)選項(xiàng)。三級(jí)導(dǎo)航3附圖片分別對(duì)應(yīng)第二步中三級(jí)導(dǎo)航動(dòng)態(tài)面板的 A、B、C 三種面板狀態(tài),便于切換顯示。同時(shí),每個(gè)選項(xiàng)(小矩形框)都有選中后的顏色樣式交互:見(jiàn)第三幅圖片。

2、將二級(jí)導(dǎo)航和三級(jí)導(dǎo)航都轉(zhuǎn)換成動(dòng)態(tài)面板,各自取名:二級(jí)導(dǎo)航,三級(jí)導(dǎo)航。同時(shí)對(duì)一級(jí)導(dǎo)航添加交互用例:“選中當(dāng)前元件,顯示二級(jí)導(dǎo)航,隱藏三級(jí)導(dǎo)航。”

3、添加二級(jí)導(dǎo)航菜單中三個(gè)選項(xiàng)的交互用例,如圖操作,第二張和第三張與第一張的邏輯是一樣的,COPY設(shè)計(jì)就可以了。

4、添加三級(jí)導(dǎo)航菜單的交互用例,他們雖然有 A、B、C 這三張狀態(tài),但他們的邏輯都是相同的。第二張圖就是以 A 狀態(tài)設(shè)計(jì)的交互,只要控制一下鼠標(biāo)停留時(shí)的 UI 樣式就可以了,剩下兩個(gè)狀態(tài)直接 COPY.

5、最后,隱藏二級(jí)導(dǎo)航動(dòng)態(tài)面板,隱藏三級(jí)導(dǎo)航動(dòng)態(tài)面板,將整體界面上的所有元素包裹成一個(gè)總的面板,在總面板上添加交互用例,目的是為了鼠標(biāo)離開(kāi)的時(shí)候自動(dòng)隱藏2、3級(jí)導(dǎo)航。

以上就是axure設(shè)計(jì)三級(jí)導(dǎo)航菜單的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure 8怎么設(shè)計(jì)三級(jí)折疊菜單?

Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果?

Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果?

相關(guān)文章

  • Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型?

    Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型?Axure中設(shè)計(jì)的登陸網(wǎng)頁(yè)想要直接生成網(wǎng)頁(yè)原型,該怎么生成呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2018-01-10
  • Axure文件怎么生成html分享鏈接?

    Axure文件怎么生成html分享鏈接?Axure中設(shè)計(jì)的模型想要分享給朋友觀看,該怎么生成html鏈接呢?下面我們就來(lái)看看
    2017-12-21
  • Axure RP怎么制作選項(xiàng)卡控件?

    Axure RP怎么制作選項(xiàng)卡控件?網(wǎng)頁(yè)需要選項(xiàng)卡控件,但是Axure RP中沒(méi)有選項(xiàng)卡控件,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-12-21
  • Axure rp怎么設(shè)計(jì)微信的交互界面?

    Axure rp怎么設(shè)計(jì)微信的交互界面?Axure中想要設(shè)計(jì)一個(gè)網(wǎng)頁(yè)交互的效果,該怎么制作呢?下面我們就來(lái)看看Axure設(shè)計(jì)微信交互界面的教程,需要的朋友可以參考下
    2017-12-17
  • axure頁(yè)面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)?

    axure頁(yè)面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)?axure中使用母版的時(shí)候想要實(shí)現(xiàn)單個(gè)頁(yè)面按鈕的添加選中狀態(tài),我們可以使用函數(shù)來(lái)實(shí)現(xiàn),下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可
    2017-12-05
  • Axure母版怎么使用? Axure母版功能詳細(xì)介紹

    Axure母版怎么使用?Axure一般都會(huì)創(chuàng)建母版,但是母版有什么功能,該怎么使用呢?下面我們就來(lái)看看Axure母版功能詳細(xì)介紹,需要的朋友可以參考下
    2017-11-30
  • Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程

    Axure文本輸入框怎么去掉邊框?Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,插入了文本輸入框,但是有邊框,想要去掉邊框,該怎么操作呢?下面我們就來(lái)看看Axure隱藏輸入框邊框的教程,需要
    2017-11-17
  • Axure怎么設(shè)計(jì)頁(yè)面標(biāo)簽可以切換的登錄框?

    Axure怎么設(shè)計(jì)頁(yè)面標(biāo)簽可以切換的登錄框?Axure中在設(shè)計(jì)登陸框的時(shí)候,想要設(shè)計(jì)企業(yè)會(huì)員和個(gè)人會(huì)員兩個(gè)登陸頁(yè)面,可以使用標(biāo)簽切換,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的
    2017-11-08
  • Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕?

    Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕?Axure RP 8中想要設(shè)計(jì)一個(gè)查詢的圓角矩形按鈕,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-11-02
  • axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?

    axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?axure中想要繪制一個(gè)可以折疊展開(kāi)功能的原型,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看axure制作折疊效果的教程,需要的朋友可以參考下
    2017-11-01

最新評(píng)論