說到“胖菜單”粘秆，大家肯定不陌生砚尽，只是可能不熟悉這個名字而已卿樱。
《界面設(shè)計模式》一書是這么描述它的：在下拉菜單或飛出菜單里顯示一個長長的導(dǎo)航選擇列表销部。用這種方式顯示站點模塊下的所有子頁面眠饮。精心挑選各個分類的名稱奥帘，或者選擇自然的排列順序，并把他們橫向展開仪召。
還是不明白寨蹋？沒關(guān)系松蒜，書中的示例是英文web版微軟的所有產(chǎn)品菜單，這里選擇兩個接地氣的：
胖菜單采用漸進(jìn)展開的方式已旧，將復(fù)雜性進(jìn)行了很好的隱藏秸苗。當(dāng)用戶選擇某個模塊的時候，通過展開的胖菜單可以快速“發(fā)現(xiàn)”整體的產(chǎn)品結(jié)構(gòu)运褪，找到興趣點难述，而且學(xué)習(xí)成本也被大大降低，比一個個一層層的導(dǎo)航點擊進(jìn)去效率又大大提高吐句。
那么移動端會用到胖菜單嗎胁后？
一般來說移動端產(chǎn)品都會合理刪除、巧妙精簡嗦枢、保持簡單攀芯，將復(fù)雜的功能“轉(zhuǎn)移”到更合適的平臺；或者采用“抽屜式導(dǎo)航”將比較多的操作進(jìn)行“隱藏”文虏。所以用到胖菜單的時候不多侣诺。
但是在一些工具類產(chǎn)品，或是行業(yè)規(guī)范要求嚴(yán)格的產(chǎn)品（比如醫(yī)療）氧秘，在移動端方寸之間需要展示大量信息和操作的時候年鸳，胖菜單就大有可為了。
下面是我參與設(shè)計的一款移動端醫(yī)療應(yīng)用的Axure原型截圖（用來控制心電圖顯示的局部）丸相。
最開始這里是四個下拉菜單：導(dǎo)聯(lián)布局搔确、走速、增益灭忠、網(wǎng)格設(shè)置（改變心電圖的顯示形式）膳算。內(nèi)容+下拉圖標(biāo)+控件之間的間距，看上去臃腫而且復(fù)雜弛作。
改進(jìn)思路：把顯示項目與對應(yīng)操作結(jié)合涕蜂，四個項目再整體結(jié)合。節(jié)約空間又可以快速了解關(guān)聯(lián)項目的設(shè)置內(nèi)容映琳。沒想到這個招式有個這么萌的名字：胖菜單机隙，雖然跟上面的示例長得不太一樣，但思路都是組織+隱藏+轉(zhuǎn)移（顯示與操作合并也是轉(zhuǎn)移的一種）萨西。
其實可以用來解說胖菜單的案例很多有鹿，自己設(shè)計過的也有好幾個，但是心電圖這個卻相對不拘泥于形式原杂，所以比較合適印颤。
思路擴展：移動端的側(cè)滑抽屜式操作，頁面簡潔穿肄、容量大年局、可擴展性好际看，但是發(fā)現(xiàn)性和連續(xù)性欠佳。底部或頂部的Tab+胖菜單的思路，或許可以試一試。
