Godzilla. 2017-07-26 網(wǎng)站建設(shè)

順德網(wǎng)頁設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

看著越來越多的網(wǎng)頁開始使用大膽的襯線字體放置在頁面頂部作為導(dǎo)航，許多設(shè)計(jì)師已經(jīng)開始打破這樣的規(guī)律，使用不同的導(dǎo)航模式，如果你的網(wǎng)站用戶量大，需要嘗試減少用戶的使用門檻，遵循常規(guī)設(shè)計(jì)更合適。如果您的網(wǎng)站更偏向?qū)嶒?yàn)型的小網(wǎng)站，有趣和好玩的導(dǎo)航模式，更適合用戶探索。不同的導(dǎo)航模式對(duì)網(wǎng)站有不同的影響，對(duì)于不同的內(nèi)容，不同的用戶，您需要仔細(xì)選擇導(dǎo)航模式。實(shí)驗(yàn)導(dǎo)航不是通用的，但如果您正在追求獨(dú)特的設(shè)計(jì)，那么順德網(wǎng)頁設(shè)計(jì)推薦以下幾個(gè)獨(dú)特的導(dǎo)航設(shè)計(jì)應(yīng)該能夠激發(fā)您的靈感。

　　側(cè)邊欄導(dǎo)航

　　側(cè)邊欄導(dǎo)航設(shè)計(jì)各不相同，它可以是靜態(tài)或動(dòng)態(tài)的，寬度可以大或小，幾乎任意設(shè)置。最好的導(dǎo)航設(shè)計(jì)通常不會(huì)使用太長(zhǎng)的詞匯，占用空間相對(duì)固定。導(dǎo)航項(xiàng)目最好不要太多，如果導(dǎo)航欄需要滾動(dòng)它。上面的Sanctum的情況很簡(jiǎn)單，干凈，當(dāng)用戶滾動(dòng)時(shí)，導(dǎo)航停留在相應(yīng)的位置，并隨著背景的變化而改變顏色。關(guān)于這種情況的好處是，它的導(dǎo)航和后臺(tái)集成，其設(shè)計(jì)將使用戶能夠首先查看圖標(biāo)和名稱，然后滾動(dòng)頁面進(jìn)行瀏覽。

　　隱藏和彈出式導(dǎo)航

　　漢堡圖標(biāo)的普及使得隱藏的導(dǎo)航流行，其他結(jié)果的隱藏設(shè)計(jì)是彈出式導(dǎo)航。在桌面方面，隱藏/彈出式導(dǎo)航很少占據(jù)整個(gè)屏幕，而在移動(dòng)設(shè)備中，為了確?？捎眯裕芏鄰棾霾藛螌⑦x擇全屏。嚴(yán)格意義上的隱藏/彈出式導(dǎo)航并不是一個(gè)非常實(shí)驗(yàn)的設(shè)計(jì)，而是可以發(fā)揮很多的多樣性。對(duì)于一些用戶來說，漢堡圖標(biāo)不是很直觀，不夠熟悉。設(shè)計(jì)師可以彈出效果，風(fēng)格和位置甚至圖標(biāo)風(fēng)格，花更多的思想，玩出花樣。

　　水平滾動(dòng)

　　當(dāng)您首次瀏覽需要橫向滾動(dòng)的網(wǎng)站時(shí)，經(jīng)驗(yàn)將非常奇怪。首先，其物理和視覺運(yùn)動(dòng)方向和傳統(tǒng)的垂直滾動(dòng)是不同的，當(dāng)您使用鼠標(biāo)滾輪時(shí)，這種交互將會(huì)非常強(qiáng)烈的錯(cuò)位。

　　要使水平滾動(dòng)更加自然，設(shè)計(jì)人員需要加入視覺提示來幫助用戶瀏覽，加強(qiáng)瀏覽邏輯和體驗(yàn)。使用箭頭和定位導(dǎo)航將會(huì)非常好。

　　無導(dǎo)航模式

　　順德網(wǎng)頁設(shè)計(jì)一些網(wǎng)站排除了模塊的導(dǎo)航，但是選擇在頁面頂部貼上所有內(nèi)容。這個(gè)設(shè)計(jì)實(shí)際上是非常困難的，因?yàn)轫撁嫠鶖y帶的內(nèi)容如何太復(fù)雜，這種模式可能會(huì)讓用戶感到失落，很難啟動(dòng)。

　　沒有導(dǎo)航模式是最適合一些小型，目的直接的簡(jiǎn)單的網(wǎng)站，如一些“Comming Soon”的網(wǎng)頁，不需要導(dǎo)航。還有一些具體的小網(wǎng)站工作，只是一個(gè)簡(jiǎn)單的滾動(dòng)瀏覽，幾乎不需要點(diǎn)擊太多來完成信息獲取。

　　結(jié)合簡(jiǎn)單的動(dòng)畫和動(dòng)態(tài)效果，這樣非導(dǎo)航的頁面也可以非常有趣。但一般來說，這種設(shè)計(jì)會(huì)讓人感到失落的東西。

　　帶標(biāo)記的單頁式設(shè)計(jì)

　　許多使用單頁設(shè)計(jì)作為主要載體的優(yōu)秀實(shí)驗(yàn)網(wǎng)頁設(shè)計(jì)是有道理的：用戶不會(huì)迷失在單頁設(shè)計(jì)中。同時(shí)，長(zhǎng)頁設(shè)計(jì)，用戶需要繼續(xù)向下滾動(dòng)瀏覽信息，瀏覽到什么程度，需要標(biāo)記，目錄和進(jìn)度這樣的視覺識(shí)別才能確定，而這本質(zhì)上就是導(dǎo)航功能類似。當(dāng)您使用這種設(shè)計(jì)時(shí)，訣竅是盡量使定位更快，敏捷切換可以使整個(gè)體驗(yàn)更舒適。

　　微妙的邊緣導(dǎo)航

　　而側(cè)邊欄導(dǎo)航是不同的，這個(gè)完全旋轉(zhuǎn)了90度，右邊的文字導(dǎo)航，設(shè)計(jì)更加微妙，通常出現(xiàn)在小作品的顯示頁面上。像網(wǎng)站的頂端稱為小號(hào)。這種導(dǎo)航風(fēng)格只會(huì)使用文字，而條目通常會(huì)很小，字體會(huì)相對(duì)較少。這種導(dǎo)航元素會(huì)隨著界面的改變，元素的變化，即使在某些界面也會(huì)消失。與邊欄導(dǎo)航一樣，這種邊緣導(dǎo)航也會(huì)影響整體接口的比例，但總體來說非常微妙，這種效果非常小。

　　在導(dǎo)航設(shè)計(jì)中，絕大多數(shù)設(shè)計(jì)師都愿意遵循傳統(tǒng)設(shè)計(jì)。順德網(wǎng)站設(shè)計(jì)公司如何設(shè)計(jì)出客戶滿意的網(wǎng)站，結(jié)合今天所說的這些實(shí)驗(yàn)性設(shè)計(jì)越來越多的出現(xiàn)在新的網(wǎng)站設(shè)計(jì)中，也許你會(huì)在未來的設(shè)計(jì)趨勢(shì)中看到這些元素。

下一篇：微信LOGO設(shè)計(jì)欣賞 上一篇：如何通過建設(shè)網(wǎng)站增加企業(yè)的銷量！