簡(jiǎn)單而有效的導(dǎo)航菜單對(duì)用戶體驗(yàn)及搜索效率有著明顯的幫助。今天，我們將演示一些讓人印象深刻導(dǎo)航方案，包括有趣的，原創(chuàng)的，甚至十分超前的設(shè)計(jì)。這些方案中，部分比你平常對(duì)導(dǎo)航的認(rèn)識(shí)要復(fù)雜的多。

創(chuàng)新互聯(lián)建站長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為彭水苗族土家族企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站制作，彭水苗族土家族網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

我們不只是出于設(shè)計(jì)的原創(chuàng)性才列出了這份清單。清單中的多數(shù)示例對(duì)技術(shù)有著大膽的使用，使我們的清單更加有啟發(fā)性、教育性。

JOVA

Jova // Home

Jova的導(dǎo)航菜單干凈、純粹，并且在菜單結(jié)構(gòu)上也很恰當(dāng)，感覺(jué)相當(dāng)和諧。

細(xì)而直的線條，網(wǎng)格布局，黑與白的配色，干脆而鋒利的排版，幾何風(fēng)格的文本，這些導(dǎo)航元素的組合使網(wǎng)站給人以精致的感覺(jué)，在淡化過(guò)的圖片背景下效果更為突出。

Beloesuhoe

注：翻譯者最?lèi)?ài)，整個(gè)網(wǎng)站都炫酷到?jīng)]朋友。

Beloesuhoe Production

這支團(tuán)隊(duì)的設(shè)計(jì)巧妙并且獨(dú)具一格，在打開(kāi)網(wǎng)站后你就會(huì)感受到強(qiáng)烈的視覺(jué)沖擊。乍一眼看上去，首頁(yè)就只有一張背景圖片，但在菜單title旁像脈搏一樣跳動(dòng)的紅點(diǎn)暗示著這一切并不是那么簡(jiǎn)單。準(zhǔn)確的說(shuō)，這些菜單不是無(wú)趣的平鋪直敘，而是本身就具有交互效果，引導(dǎo)你點(diǎn)擊前往你所需要的頁(yè)面。

這項(xiàng)與實(shí)物圖片結(jié)合的設(shè)計(jì)其實(shí)帶有一絲虛擬現(xiàn)實(shí)的味道。

First Person

First Person

First Person創(chuàng)造了一個(gè)復(fù)雜而超現(xiàn)實(shí)的立方體，認(rèn)真嚴(yán)謹(jǐn)?shù)耐敢曅Ч喈?dāng)有趣，立方體還有白天和黑夜兩種狀態(tài)。但這種方式還是難以作為主導(dǎo)航來(lái)使用，吸引用戶的作用更加明顯。無(wú)論怎樣，這種使用動(dòng)效技術(shù)，展示一個(gè)物體深入細(xì)節(jié)的創(chuàng)意簡(jiǎn)直可以用天馬行空來(lái)形容。

Mint Design Company

Mint Design Company : Melding Art With Technology

Mint Design有種讓人難以置信（譯者：為什么英文寫(xiě)作好愛(ài)用incredible，別這么dramatic好嗎...）的設(shè)計(jì)。網(wǎng)站使用了手繪的插圖，并且配合合理的動(dòng)效，讓該網(wǎng)站充滿了生氣。得益于是藝術(shù)項(xiàng)目的原因，所有元素，包括導(dǎo)航風(fēng)格都相當(dāng)統(tǒng)一。每個(gè)菜單項(xiàng)都有黑白和彩色兩種狀態(tài)，通過(guò)這種設(shè)定，狀態(tài)之間的不停切換帶來(lái)了活潑的感覺(jué)。

Vive Latino

Vive Latino 2015

這只團(tuán)隊(duì)試圖用涂鴉的方式讓自己的首頁(yè)更加突出。干凈的單色方案、手繪排版設(shè)計(jì)、動(dòng)態(tài)的小人物，這些元素不僅為了渲染一種節(jié)日氛圍，也使得菜單導(dǎo)航看起來(lái)非常動(dòng)感。

Pete Nottage

Pete Nottage

對(duì)色彩的放縱、肆意的使用使得網(wǎng)站新奇而跳動(dòng)。網(wǎng)頁(yè)上的城市由充滿生氣的扁平化元素組成，整個(gè)城市好像一個(gè)游樂(lè)場(chǎng)，而主導(dǎo)航也融入其中。

開(kāi)發(fā)者不僅對(duì)諸如轎車(chē)和快艇的一些細(xì)節(jié)添加了動(dòng)效，通過(guò)點(diǎn)擊還可以使一些元素以有趣的方式消失。這些設(shè)計(jì)細(xì)節(jié)相當(dāng)逗比又迷人。

Moira Young

Home

Moira Young自然又略帶夢(mèng)幻的主題使網(wǎng)頁(yè)變得高雅而精致。導(dǎo)航不像平常一樣顯眼，每個(gè)鏈接都隱藏在大樹(shù)旁跳動(dòng)的微光里。

Mathilde Jacon

www.mathildejacon.com/

Mathilde Jaco的首頁(yè)只有一個(gè)主體——一個(gè)可交互的、圓形的菜單導(dǎo)航，出乎尋常而又有趣。最重要的是，每個(gè)不同想小分塊代表了不同的鏈接，通過(guò)組合的方式實(shí)現(xiàn)了風(fēng)格獨(dú)特的導(dǎo)航設(shè)計(jì)。

Bancolombia

Bancolombia

和上訴部分例子很像，主頁(yè)在風(fēng)景畫(huà)融入了動(dòng)態(tài)元素。不過(guò)要特別提到的是該網(wǎng)頁(yè)需要flash，這些亮點(diǎn)在H5的情況下將不復(fù)存。

Nat-Ant

Nat-Ant

對(duì)極簡(jiǎn)主義有所體現(xiàn)的設(shè)計(jì)一向值得關(guān)注，該網(wǎng)站的設(shè)計(jì)和結(jié)構(gòu)恰是如此。整個(gè)網(wǎng)頁(yè)從整體看上去非常簡(jiǎn)潔與純粹，并有大量的留白，僅有的一些元素也是精致的分散在頁(yè)面上。他們用一種不平庸的方式展現(xiàn)了菜單導(dǎo)航。

總結(jié)：

非傳統(tǒng)的、不陳腐的導(dǎo)航方式總能引起用戶關(guān)注，激發(fā)他們的興趣。好的導(dǎo)航設(shè)計(jì)能夠使一個(gè)原本普通的頁(yè)面得到升華。

無(wú)論怎樣，知道什么時(shí)候提醒自己別再讓網(wǎng)頁(yè)變得喧鬧和擁擠是至關(guān)重要的，因?yàn)樵诙鄶?shù)情況下這對(duì)用戶非常關(guān)鍵，即使你的網(wǎng)頁(yè)看起來(lái)是多么有趣或不平常。

本文節(jié)選自http://designmodo.com/，原作者為Nataly Birch

作者：Park不是韓國(guó)人

來(lái)源：簡(jiǎn)書(shū)

來(lái)源：http://www.jianshu.com/p/22598accbe3b

文章名稱：十個(gè)有趣的網(wǎng)站導(dǎo)航設(shè)計(jì)
當(dāng)前路徑：http://www.rwnh.cn/article36/cjddpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、面包屑導(dǎo)航、網(wǎng)站營(yíng)銷(xiāo)、搜索引擎優(yōu)化、做網(wǎng)站、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)