雙層菜單

雙層菜單的樣式在近來的頂部欄設(shè)計中也愈發(fā)受到設(shè)計師的青睞。因為現(xiàn)在隨著產(chǎn)品功能的不斷增加與完善，漸漸出現(xiàn)了一些單層菜單無法解決的情況，那就是頂部欄需要展示的內(nèi)容過多，而且某些特定功能不屬于同一層級。為了更好的應(yīng)對這類情況，設(shè)計師們創(chuàng)造性的使用雙層菜單這種樣式。

image

以上面的網(wǎng)站為例，上層的菜單有社交網(wǎng)絡(luò)的鏈接（Facebook,Instagram和Twitter），企業(yè)logo，搜索框，購物車和漢堡按鈕。下層的菜單有產(chǎn)品種類，營業(yè)網(wǎng)點地址，新聞，關(guān)于我們和聯(lián)系我們。在這種情況下，如果將這些信息以傳統(tǒng)的單行菜單展示，勢必會放不下，造成頂部欄的過度擁擠。

此外雙層菜單這種設(shè)計樣式很新潮，可以給用戶耳目一新的感覺。

固定型頂部欄

固定頂部欄代表著另一種設(shè)計思路：無論用戶進行何種操作，頂部欄對用戶來說都是可見的。這類的頂部欄適用于頁面內(nèi)容比較多需要用戶不斷下拉滑動的網(wǎng)站。

image

這種交互模式可以很好的提升頂部欄的易用性，但是這是建立在犧牲一部分頁面空間的基礎(chǔ)上換來的，所以我們在使用的時候一定要謹慎。

極簡風(fēng)格

在上面我一直強調(diào)頂部欄設(shè)計要簡潔明了，要讓用戶一眼就能看明白。因為頂部欄屬于導(dǎo)航體系的一部分，是為了避免用戶迷路，幫助他們更好的使用產(chǎn)品。歸根結(jié)底用戶使用你的產(chǎn)品是為了你提供的內(nèi)容或服務(wù)，而不是來看狂拽酷炫的頂部欄。所以我們不能本末倒置，將頂部欄做的過于花哨，進而分散用戶的注意力。

此外極簡風(fēng)格很適合響應(yīng)式設(shè)計，可以在多設(shè)備上追求一致的用戶體驗。

簡約設(shè)計的另一大優(yōu)點就是，設(shè)計師會經(jīng)常遇到臨時的迭代需求，領(lǐng)導(dǎo)突然讓你在這里加一個按鈕那里加一個文字標(biāo)簽，簡約設(shè)計為這種突然的迭代需求提供了操作空間。