你信或不(No)信，網頁設計的(Of)世界總是(Yes)那麽高深莫測，産品經理們逼瘋了(Got it)設計師，2015年嘉興網站設計的(Of)那些怪咖們貢獻的(Of)作(Do)品着實讓金主們盲從了(Got it)，更讓嘉興網站設計師們抓狂，大(Big)呼“還能不(No)能愉快地PS了(Got it)”，由嘉興評判的(Of)2015嘉興網站設計十大(Big)趨勢在(Exist)這(This)個(Indivual)初秋出(Out)爐了(Got it)，不(No)爲(For)指引未來(Come)，隻爲(For)呈秉情懷。

一(One)、全屏網站

全屏網站歐美風流行了(Got it)年初，受到追捧的(Of)原因就是(Yes)其視野開闊，全屏導航式頁面可以(By)做的(Of)非常明顯，也可以(By)以(By)更加微妙的(Of)方式呈現出(Out)來(Come)。用(Use)戶是(Yes)否真的(Of)非得清楚地意識到它是(Yes)導航呢?并不(No)一(One)定，如果你設計的(Of)夠合理，用(Use)戶會在(Exist)無意識間充分運用(Use)起它的(Of)導航功能。

二、底部導航

絕大(Big)部分的(Of)導航會置于(At)網頁的(Of)頂部，這(This)也是(Yes)最常見的(Of)方式。頂部的(Of)導航符合用(Use)戶的(Of)閱讀習慣，也符合通常的(Of)網頁設計的(Of)邏輯。

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

不(No)過這(This)種導航設計最好是(Yes)常駐于(At)底部，避免用(Use)戶迷失，方便定位也易于(At)回到首頁。

三、垂直導航菜單

打破常規設計的(Of)手法有很多，其中之一(One)就是(Yes)将導航菜當設計成縱向的(Of)。垂直的(Of)導航設計并不(No)是(Yes)簡單的(Of)将橫向變爲(For)縱向的(Of)就成，你需要(Want)結合内容重新思考整個(Indivual)網站的(Of)布局和(And)空間的(Of)使用(Use)。

最流行的(Of)兩種這(This)類排版，一(One)種是(Yes)使用(Use)漢堡菜單的(Of)隐藏式的(Of)導航菜單，另外一(One)種使用(Use)的(Of)是(Yes)固定的(Of)側邊欄來(Come)承載菜單。

四、無導航模式

有些規模較小的(Of)網站會選擇使用(Use)無導航的(Of)輕量級框架來(Come)設計網站，這(This)裏需要(Want)的(Of)注意的(Of)是(Yes)，這(This)類網站通常是(Yes)單頁網站。這(This)種設計其實是(Yes)可行的(Of)，尤其是(Yes)用(Use)作(Do)預告、預覽或者介紹功用(Use)的(Of)時(Hour)候。

如果你的(Of)網站包含諸多頁面，其實并不(No)推薦這(This)種設計，盡管有的(Of)網站還真就是(Yes)這(This)麽做的(Of)，并且做的(Of)不(No)錯。Quincy Requin & Associes 的(Of)Q&A頁面就是(Yes)這(This)麽設計的(Of)，每個(Indivual)問題鏈接到一(One)個(Indivual)獨立的(Of)頁面。這(This)種功能的(Of)獨特性使得這(This)種設計顯得并不(No)突兀。

五、滑出(Out)菜單

滑出(Out)式導航菜單已經流行了(Got it)一(One)陣子了(Got it)，這(This)種設計讓移動端的(Of)頁面設計體驗更加優秀，當用(Use)戶打開頁面的(Of)時(Hour)候第一(One)眼看到的(Of)會是(Yes)主要(Want)的(Of)内容而非菜單，給用(Use)戶更好的(Of)第一(One)印象。耳熟能詳的(Of)漢堡圖标在(Exist)這(This)種場合下出(Out)鏡率也非常之高。

當然，這(This)種滑出(Out)菜單的(Of)設計也可以(By)非常靈活的(Of)運用(Use)在(Exist)大(Big)屏幕上(Superior)，響應式全屏滑出(Out)導航也可以(By)給人(People)愉悅的(Of)體驗，畢竟很少有桌面網頁會享有如此“移動端”的(Of)設計福利。

六、巨型菜單

這(This)種大(Big)型的(Of)導航菜單設計在(Exist)幾年前有短暫的(Of)流行，并且大(Big)多運用(Use)在(Exist)擁有大(Big)量細分内容的(Of)企業站點。由于(At)這(This)種導航菜單的(Of)設計并不(No)适宜于(At)移動端的(Of)顯示，因此并未大(Big)規模流行。不(No)過現在(Exist)設計師開始重新考慮這(This)種巨型菜單在(Exist)今天使用(Use)的(Of)可能性。

作(Do)爲(For)大(Big)型零售企業的(Of)Target ，目前就采用(Use)的(Of)這(This)樣的(Of)設計。這(This)個(Indivual)巨型菜單的(Of)完成度極高，兩級式的(Of)菜單設計，第一(One)級常駐于(At)頁面，第二級菜單占據的(Of)空間是(Yes)固定的(Of)，這(This)樣一(One)來(Come)看起來(Come)頗爲(For)整齊。這(This)樣的(Of)設計會讓頁面看起來(Come)整齊而幹淨。

七、動畫導航元素

動效是(Yes)近年來(Come)的(Of)設計重頭戲，而它在(Exist)導航中得到更多的(Of)運用(Use)也是(Yes)自然的(Of)事情。當動效融入導航設計中的(Of)時(Hour)候，并不(No)需要(Want)過于(At)複雜的(Of)展現。

漂亮的(Of)懸停動效，或者利落的(Of)跳躍效果，都可以(By)用(Use)來(Come)引導用(Use)戶。案例中的(Of)導航設計也非常貼心，導航借助動效延展成爲(For)彩色的(Of)線條，增加用(Use)戶點擊的(Of)面積。動效不(No)僅讓用(Use)戶知道他(He)們在(Exist)哪裏，而且以(By)更加清晰的(Of)方式引導他(He)們去點擊。

小巧微妙的(Of)動效不(No)僅帶來(Come)不(No)錯的(Of)視覺加成，而且爲(For)用(Use)戶帶來(Come)驚喜，鼓勵用(Use)戶操作(Do)，提示用(Use)戶界面的(Of)邊界。

八、卡片式導航選項

Pinterest 就是(Yes)典型，它所使用(Use)的(Of)卡片式導航幾乎存在(Exist)于(At)網站的(Of)所有角落，清晰直觀，簡單大(Big)氣，幾乎所有用(Use)戶都可以(By)在(Exist)這(This)種導航下找到他(He)們想要(Want)的(Of)東西。

每個(Indivual)卡片可以(By)承載一(One)個(Indivual)特定的(Of)種類，也可以(By)容納若幹小的(Of)分支，這(This)種設計自由而充滿延展性，你可以(By)在(Exist)這(This)樣的(Of)網站裏面來(Come)回點擊探索一(One)整天。

九、無按鈕導航

在(Exist)絕大(Big)多數用(Use)戶對互聯網并不(No)熟悉的(Of)階段，拟物化的(Of)按鈕設計是(Yes)引導大(Big)家點擊的(Of)重要(Want)手段，而随着網絡的(Of)大(Big)規模普及和(And)扁平化/現代風的(Of)流行，無按鈕的(Of)文字導航也擁有了(Got it)越來(Come)越大(Big)的(Of)市場。

無按鈕導航和(And)大(Big)圖背景配合起來(Come)非常不(No)錯，這(This)個(Indivual)時(Hour)候無按鈕導航設計足夠簡單，也具有極強的(Of)可讀性，可以(By)和(And)背景形成鮮明的(Of)對比。控制好文字的(Of)間距，确保用(Use)戶有足夠的(Of)空間閱讀和(And)點擊。

十、單頁滾動導航

當網站使用(Use)單頁設計的(Of)時(Hour)候，它的(Of)導航就是(Yes)你的(Of)手指和(And)鼠标。隻需要(Want)你翻下去，内容就會持續不(No)斷地到你的(Of)眼前。

對于(At)不(No)含有大(Big)量内容的(Of)網站而言，單頁式的(Of)導航的(Of)效果其實非常不(No)錯。這(This)樣的(Of)網站隻需要(Want)簡單的(Of)向下滾動操作(Do)就可以(By)搞定，用(Use)戶也期待滾動浏覽的(Of)結果。不(No)過這(This)樣的(Of)頁面需要(Want)給予用(Use)戶足夠的(Of)刺激和(And)吸引力，才能鼓勵他(He)們浏覽下去，所以(By)請務必将有趣的(Of)内容呈現給他(He)們。