網(wǎng)站導(dǎo)航菜單隨著潮流一直在改變,一些變化能帶來積極的效果,改善用戶體驗(yàn),還有一些卻會(huì)破壞有利的形象。追隨潮流是件棘手的事,尤其是在菜單上。
全屏菜單多數(shù)時(shí)候幾乎都適用于所有項(xiàng)目。因?yàn)樗`活易變,能夠提升而非破壞用戶體驗(yàn)。它在不經(jīng)意間呈現(xiàn)了很多數(shù)據(jù),整潔地排布文字與多媒體內(nèi)容。當(dāng)然,這使得主頁又多了一層點(diǎn)擊,但有時(shí)為了更好的用戶體驗(yàn),應(yīng)該做這樣的犧牲。下面來看一些新穎絕妙的全屏導(dǎo)航網(wǎng)頁設(shè)計(jì)案例。
Maecia蒸汽朋克外觀
Maecia采用了討人喜愛的蒸汽朋克外觀,增添了一分獨(dú)特的精細(xì)和機(jī)械感?;趫D片的導(dǎo)航占據(jù)整個(gè)屏幕,與動(dòng)態(tài)主頁和主題高度吻合。
MoekoABE
攝影師的在線作品集還能是什么樣?以照片為核心的主頁明亮耀眼,導(dǎo)航運(yùn)用了多媒體,為這位藝術(shù)家高調(diào)代言。菜單在整個(gè)頁面投下柔和的陰影,呈現(xiàn)出美麗的照片鏈接。
ImpossibleBureau
在這里,主導(dǎo)航將首頁劃分為4列,讓網(wǎng)站的主要部分充滿全屏。為了使外觀鮮活明亮,不至于讓主頁看起來黑暗陰沉,每個(gè)鏈接都帶有美麗的漸變背景,還有絕佳的字體和配圖。
Voisins
Voisins的主頁是個(gè)龐大的導(dǎo)航體系,有兩個(gè)菜單組成。其中之一如我們所料,迎合了當(dāng)今網(wǎng)頁設(shè)計(jì)趨勢(shì),通過漢堡菜單觸發(fā)。另一個(gè)則占據(jù)全屏,可以更高效地處理視頻鏈接。
FornaceStudio
FornaceStudio采用了一種非常規(guī)方案,主菜單由小小的導(dǎo)航圖標(biāo)觸發(fā)顯示。它從一個(gè)特別的角度滑入,模糊并覆蓋整個(gè)主頁,立刻吸引了用戶的注意力。
GianlucaBocchi
雖然極簡(jiǎn)式設(shè)計(jì)缺乏豐富的裝飾,但這家畫廊的官網(wǎng)散發(fā)著典雅、精美的藝術(shù)氣息。在這里,一印象尤為重要,莊嚴(yán)的菜單巧妙含蓄地將著陸頁分成3部分。
ivxvixviii
ivxvixviii有著相當(dāng)精致的幾何體,壯麗的圖片和微妙的效果豐富了造型。精巧獨(dú)特的導(dǎo)航足以激發(fā)興趣,迫使用戶深入其中。
綜上案例,導(dǎo)航可以采用不同形式。大屏?xí)r代來臨,全屏導(dǎo)航網(wǎng)頁設(shè)計(jì)勢(shì)在必行,用戶體驗(yàn)、視覺效果很不錯(cuò),可以解決很多網(wǎng)頁設(shè)計(jì)的問題。