你信或不信，網(wǎng)頁(yè)設計的世界總是那么高深莫測，產(chǎn)品經(jīng)理們逼瘋了設計師，2015年嘉興網(wǎng)站設計的那些怪咖們貢獻的作品著(zhù)實(shí)讓金主們盲從了，更讓嘉興網(wǎng)站設計師們抓狂，大呼“還能不能愉快地PS了”，由嘉興評判的2015嘉興網(wǎng)站設計十大趨勢在這個(gè)初秋出爐了，不為指引未來(lái)，只為呈秉情懷。

一、全屏網(wǎng)站

全屏網(wǎng)站歐美風(fēng)流行了年初，受到追捧的原因就是其視野開(kāi)闊，全屏導航式頁(yè)面可以做的非常明顯，也可以以更加微妙的方式呈現出來(lái)。用戶(hù)是否真的非得清楚地意識到它是導航呢?并不一定，如果你設計的夠合理，用戶(hù)會(huì )在無(wú)意識間充分運用起它的導航功能。

二、底部導航

絕大部分的導航會(huì )置于網(wǎng)頁(yè)的頂部，這也是最常見(jiàn)的方式。頂部的導航符合用戶(hù)的閱讀習慣，也符合通常的網(wǎng)頁(yè)設計的邏輯。

但是置于底部的導航欄更有意思，它的設計不再拘泥于頂部導航設計的規程，它可以設計得更大，在許多單頁(yè)式頁(yè)面中這種導航的樣式還可以更加自由多樣。

不過(guò)這種導航設計最好是常駐于底部，避免用戶(hù)迷失，方便定位也易于回到首頁(yè)。

三、垂直導航菜單

打破常規設計的手法有很多，其中之一就是將導航菜當設計成縱向的。垂直的導航設計并不是簡(jiǎn)單的將橫向變?yōu)榭v向的就成，你需要結合內容重新思考整個(gè)網(wǎng)站的布局和空間的使用。

最流行的兩種這類(lèi)排版，一種是使用漢堡菜單的隱藏式的導航菜單，另外一種使用的是固定的側邊欄來(lái)承載菜單。

四、無(wú)導航模式

有些規模較小的網(wǎng)站會(huì )選擇使用無(wú)導航的輕量級框架來(lái)設計網(wǎng)站，這里需要的注意的是，這類(lèi)網(wǎng)站通常是單頁(yè)網(wǎng)站。這種設計其實(shí)是可行的，尤其是用作預告、預覽或者介紹功用的時(shí)候。

如果你的網(wǎng)站包含諸多頁(yè)面，其實(shí)并不推薦這種設計，盡管有的網(wǎng)站還真就是這么做的，并且做的不錯。Quincy Requin & Associes 的Q&A頁(yè)面就是這么設計的，每個(gè)問(wèn)題鏈接到一個(gè)獨立的頁(yè)面。這種功能的獨特性使得這種設計顯得并不突兀。

五、滑出菜單

滑出式導航菜單已經(jīng)流行了一陣子了，這種設計讓移動(dòng)端的頁(yè)面設計體驗更加優(yōu)秀，當用戶(hù)打開(kāi)頁(yè)面的時(shí)候第一眼看到的會(huì )是主要的內容而非菜單，給用戶(hù)更好的第一印象。耳熟能詳的漢堡圖標在這種場(chǎng)合下出鏡率也非常之高。

當然，這種滑出菜單的設計也可以非常靈活的運用在大屏幕上，響應式全屏滑出導航也可以給人愉悅的體驗，畢竟很少有桌面網(wǎng)頁(yè)會(huì )享有如此“移動(dòng)端”的設計福利。

六、巨型菜單

這種大型的導航菜單設計在幾年前有短暫的流行，并且大多運用在擁有大量細分內容的企業(yè)站點(diǎn)。由于這種導航菜單的設計并不適宜于移動(dòng)端的顯示，因此并未大規模流行。不過(guò)現在設計師開(kāi)始重新考慮這種巨型菜單在今天使用的可能性。

作為大型零售企業(yè)的Target ，目前就采用的這樣的設計。這個(gè)巨型菜單的完成度極高，兩級式的菜單設計，第一級常駐于頁(yè)面，第二級菜單占據的空間是固定的，這樣一來(lái)看起來(lái)頗為整齊。這樣的設計會(huì )讓頁(yè)面看起來(lái)整齊而干凈。

七、動(dòng)畫(huà)導航元素

動(dòng)效是近年來(lái)的設計重頭戲，而它在導航中得到更多的運用也是自然的事情。當動(dòng)效融入導航設計中的時(shí)候，并不需要過(guò)于復雜的展現。

漂亮的懸停動(dòng)效，或者利落的跳躍效果，都可以用來(lái)引導用戶(hù)。案例中的導航設計也非常貼心，導航借助動(dòng)效延展成為彩色的線(xiàn)條，增加用戶(hù)點(diǎn)擊的面積。動(dòng)效不僅讓用戶(hù)知道他們在哪里，而且以更加清晰的方式引導他們去點(diǎn)擊。

小巧微妙的動(dòng)效不僅帶來(lái)不錯的視覺(jué)加成，而且為用戶(hù)帶來(lái)驚喜，鼓勵用戶(hù)操作，提示用戶(hù)界面的邊界。

八、卡片式導航選項

Pinterest 就是典型，它所使用的卡片式導航幾乎存在于網(wǎng)站的所有角落，清晰直觀(guān)，簡(jiǎn)單大氣，幾乎所有用戶(hù)都可以在這種導航下找到他們想要的東西。

每個(gè)卡片可以承載一個(gè)特定的種類(lèi)，也可以容納若干小的分支，這種設計自由而充滿(mǎn)延展性，你可以在這樣的網(wǎng)站里面來(lái)回點(diǎn)擊探索一整天。

九、無(wú)按鈕導航

在絕大多數用戶(hù)對互聯(lián)網(wǎng)并不熟悉的階段，擬物化的按鈕設計是引導大家點(diǎn)擊的重要手段，而隨著(zhù)網(wǎng)絡(luò )的大規模普及和扁平化/現代風(fēng)的流行，無(wú)按鈕的文字導航也擁有了越來(lái)越大的市場(chǎng)。

無(wú)按鈕導航和大圖背景配合起來(lái)非常不錯，這個(gè)時(shí)候無(wú)按鈕導航設計足夠簡(jiǎn)單，也具有極強的可讀性，可以和背景形成鮮明的對比?？刂坪梦淖值拈g距，確保用戶(hù)有足夠的空間閱讀和點(diǎn)擊。

十、單頁(yè)滾動(dòng)導航

當網(wǎng)站使用單頁(yè)設計的時(shí)候，它的導航就是你的手指和鼠標。只需要你翻下去，內容就會(huì )持續不斷地到你的眼前。

對于不含有大量?jì)热莸木W(wǎng)站而言，單頁(yè)式的導航的效果其實(shí)非常不錯。這樣的網(wǎng)站只需要簡(jiǎn)單的向下滾動(dòng)操作就可以搞定，用戶(hù)也期待滾動(dòng)瀏覽的結果。不過(guò)這樣的頁(yè)面需要給予用戶(hù)足夠的刺激和吸引力，才能鼓勵他們?yōu)g覽下去，所以請務(wù)必將有趣的內容呈現給他們。