它是隱藏菜單的按鈕。當(dāng)你單擊或輕擊它時(shí)，菜單會(huì)展開。這種菜單(以及按鈕)之所以得名，是因?yàn)樗扇龡l水平線組成，看起來像典型的面包-肉-面包式的漢堡組合形狀。如今，它是Web和移動(dòng)布局中廣泛使用的交互元素;盡管如此，關(guān)于其利弊的爭論仍然很激烈。
 

　　經(jīng)常訪問不同網(wǎng)站的活躍互聯(lián)網(wǎng)瀏覽者,確切知道這個(gè)按鈕隱藏了不同類別的網(wǎng)站內(nèi)容，所以這個(gè)技巧不需要額外的解釋和提示。好處是，這種菜單預(yù)留更多頁面空間，使界面更簡約和透氣;從功能上看，它為其他重要的布局元素節(jié)省了大量空間。還可以更好地適配響應(yīng)式和自適應(yīng)式設(shè)計(jì)，隱藏導(dǎo)航元素，使界面在不同設(shè)備上看起來更加和諧。
 

　　反對(duì)折疊菜單的論據(jù)是基于這樣一個(gè)事實(shí):對(duì)于不經(jīng)常使用網(wǎng)站的人來說，這個(gè)設(shè)計(jì)元素可能會(huì)讓他們感到困惑，并且可能被具有高度抽象特征的圖標(biāo)誤導(dǎo)。它可能會(huì)對(duì)導(dǎo)航產(chǎn)生負(fù)面影響，并可能成為用戶體驗(yàn)差的原因。因此，應(yīng)用漢堡包按鈕的決策應(yīng)在用戶研究和確定目標(biāo)受眾的特征和需求之后做出。
 

　　雖然漢堡包菜單的使用仍然屬于現(xiàn)代網(wǎng)站設(shè)計(jì)和App設(shè)計(jì)中有爭議的話題，但它們也經(jīng)常被設(shè)計(jì)者使用。
 

　　添加按鈕
 

　　通過單擊或輕擊該按鈕，用戶可以向系統(tǒng)添加一些新內(nèi)容。根據(jù)App的類型，它可以是列表中的新帖子、聯(lián)系方式、位置、備注、條目，也可以是數(shù)字產(chǎn)品的新產(chǎn)品。有時(shí)，點(diǎn)擊這個(gè)按鈕，用戶會(huì)直接轉(zhuǎn)到創(chuàng)建內(nèi)容的彈出窗口，在其他情況下，也會(huì)有一個(gè)中間階段，在這個(gè)階段，用戶可以選擇其他選項(xiàng)，并使添加內(nèi)容更加準(zhǔn)確。
 

　　滑動(dòng)選項(xiàng)卡按鈕
 

　　單擊或輕擊后，此按鈕將打開各種選項(xiàng)。這是在不重載屏幕的情況下設(shè)置適當(dāng)?shù)慕换チ鞯牧硪环N方法，對(duì)于屏幕空間有限的移動(dòng)界面尤其適用。
 

　　旅行計(jì)劃App:標(biāo)簽欄的核心交互元素是一個(gè)加號(hào)按鈕，允許用戶向特定的旅行添加新旅行或新項(xiàng)目。為了簡化體驗(yàn)，將按鈕擴(kuò)展為一組滑動(dòng)選項(xiàng)卡按鈕，這些按鈕標(biāo)記特定類型的內(nèi)容，以便用戶可以在進(jìn)行選擇后，并到達(dá)必要的內(nèi)容頁面。
 

　　分享按鈕
 

　　隨著社交網(wǎng)絡(luò)、聊天和電子郵件的普及，這些按鈕簡化了將App或網(wǎng)站設(shè)計(jì)內(nèi)容與用戶的社交檔案連接的過程。這種類型的按鈕可以將內(nèi)容或成就直接分享到社交網(wǎng)絡(luò)帳戶。為了讓這種聯(lián)系更清晰，它的圖標(biāo)帶有特定社交網(wǎng)絡(luò)的品牌標(biāo)志，很容易識(shí)別?，F(xiàn)在，如果分享不是用戶在頁面上所期望的關(guān)鍵操作，它們通常不會(huì)被標(biāo)記為按鈕(沒有額外的形狀、顏色標(biāo)記、下劃線等)，你只會(huì)看到社交應(yīng)用圖標(biāo)，但是它們是交互式的。這種展示方法支持極簡主義，并有效利用留白空間。它還讓用戶專注于主要功能，但總是能看到快速分享到社交網(wǎng)絡(luò)的途徑。
 

　　這是一個(gè)優(yōu)雅簡約的建筑公司企業(yè)網(wǎng)站。在主頁的左下角，你可以看到社交應(yīng)用圖標(biāo)。它們很容易被注意到，但平衡得很好，不會(huì)分散用戶對(duì)核心導(dǎo)航和行動(dòng)按鈕的注意力。那更多關(guān)于設(shè)計(jì)按鈕的內(nèi)容，也可以結(jié)合上一文《UI設(shè)計(jì)中，用戶界面按鈕的幾種基本類型（一）》，詳細(xì)了解。
 

　　半透明按鈕
 

　　該按鈕是一個(gè)看起來是空的透明按鈕。按鈕外形看起來是空的，中空的，甚至接近透明的。其作為按鈕的視覺可識(shí)別性通常具有一個(gè)形狀，該形狀由圍繞按鈕文字的相當(dāng)細(xì)的線包圍。這種按鈕有助于設(shè)置可視層次結(jié)構(gòu)，以防有幾個(gè)行動(dòng)按鈕元素:核心的行動(dòng)按鈕在一個(gè)填充的按鈕中顯示，而次要的(仍然可激活的)在一個(gè)半透明按鈕中展示。
 

　　這是一個(gè)餐廳App的注冊(cè)界面。它有三種不同類型的按鈕:核心的行動(dòng)按鈕是一個(gè)填滿的按鈕，提供了最流行、最簡單的快速注冊(cè)方式;半透明按鈕提供訪問頻率低的選項(xiàng);文字按鈕排列到下一行并將提出的問題作為行動(dòng)提示，并使用顏色標(biāo)記。這樣的方法有助于建立屏幕上幾個(gè)按鈕的可視化層次結(jié)構(gòu)。