Godzilla. 2017-07-26
網(wǎng)站建設(shè)
順德網(wǎng)頁設(shè)計之導(dǎo)航設(shè)計
看著越來越多的網(wǎng)頁開始使用大膽的襯線字體放置在頁面頂部作為導(dǎo)航,許多設(shè)計師已經(jīng)開始打破這樣的規(guī)律,使用不同的導(dǎo)航模式,如果你的網(wǎng)站用戶量大,需要嘗試減少用戶的使用門檻,遵循常規(guī)設(shè)計更合適。如果您的網(wǎng)站更偏向?qū)嶒炐偷男【W(wǎng)站,有趣和好玩的導(dǎo)航模式,更適合用戶探索。不同的導(dǎo)航模式對網(wǎng)站有不同的影響,對于不同的內(nèi)容,不同的用戶,您需要仔細(xì)選擇導(dǎo)航模式。實驗導(dǎo)航不是通用的,但如果您正在追求獨特的設(shè)計,那么順德網(wǎng)頁設(shè)計推薦以下幾個獨特的導(dǎo)航設(shè)計應(yīng)該能夠激發(fā)您的靈感。
側(cè)邊欄導(dǎo)航
側(cè)邊欄導(dǎo)航設(shè)計各不相同,它可以是靜態(tài)或動態(tài)的,寬度可以大或小,幾乎任意設(shè)置。最好的導(dǎo)航設(shè)計通常不會使用太長的詞匯,占用空間相對固定。導(dǎo)航項目最好不要太多,如果導(dǎo)航欄需要滾動它。上面的Sanctum的情況很簡單,干凈,當(dāng)用戶滾動時,導(dǎo)航停留在相應(yīng)的位置,并隨著背景的變化而改變顏色。關(guān)于這種情況的好處是,它的導(dǎo)航和后臺集成,其設(shè)計將使用戶能夠首先查看圖標(biāo)和名稱,然后滾動頁面進行瀏覽。
隱藏和彈出式導(dǎo)航
漢堡圖標(biāo)的普及使得隱藏的導(dǎo)航流行,其他結(jié)果的隱藏設(shè)計是彈出式導(dǎo)航。在桌面方面,隱藏/彈出式導(dǎo)航很少占據(jù)整個屏幕,而在移動設(shè)備中,為了確保可用性,很多彈出菜單將選擇全屏。嚴(yán)格意義上的隱藏/彈出式導(dǎo)航并不是一個非常實驗的設(shè)計,而是可以發(fā)揮很多的多樣性。對于一些用戶來說,漢堡圖標(biāo)不是很直觀,不夠熟悉。設(shè)計師可以彈出效果,風(fēng)格和位置甚至圖標(biāo)風(fēng)格,花更多的思想,玩出花樣。
水平滾動
當(dāng)您首次瀏覽需要橫向滾動的網(wǎng)站時,經(jīng)驗將非常奇怪。首先,其物理和視覺運動方向和傳統(tǒng)的垂直滾動是不同的,當(dāng)您使用鼠標(biāo)滾輪時,這種交互將會非常強烈的錯位。
要使水平滾動更加自然,設(shè)計人員需要加入視覺提示來幫助用戶瀏覽,加強瀏覽邏輯和體驗。使用箭頭和定位導(dǎo)航將會非常好。
無導(dǎo)航模式
順德網(wǎng)頁設(shè)計一些網(wǎng)站排除了模塊的導(dǎo)航,但是選擇在頁面頂部貼上所有內(nèi)容。這個設(shè)計實際上是非常困難的,因為頁面所攜帶的內(nèi)容如何太復(fù)雜,這種模式可能會讓用戶感到失落,很難啟動。
沒有導(dǎo)航模式是最適合一些小型,目的直接的簡單的網(wǎng)站,如一些“Comming Soon”的網(wǎng)頁,不需要導(dǎo)航。還有一些具體的小網(wǎng)站工作,只是一個簡單的滾動瀏覽,幾乎不需要點擊太多來完成信息獲取。
結(jié)合簡單的動畫和動態(tài)效果,這樣非導(dǎo)航的頁面也可以非常有趣。但一般來說,這種設(shè)計會讓人感到失落的東西。
帶標(biāo)記的單頁式設(shè)計
許多使用單頁設(shè)計作為主要載體的優(yōu)秀實驗網(wǎng)頁設(shè)計是有道理的:用戶不會迷失在單頁設(shè)計中。同時,長頁設(shè)計,用戶需要繼續(xù)向下滾動瀏覽信息,瀏覽到什么程度,需要標(biāo)記,目錄和進度這樣的視覺識別才能確定,而這本質(zhì)上就是導(dǎo)航功能類似。當(dāng)您使用這種設(shè)計時,訣竅是盡量使定位更快,敏捷切換可以使整個體驗更舒適。
微妙的邊緣導(dǎo)航
而側(cè)邊欄導(dǎo)航是不同的,這個完全旋轉(zhuǎn)了90度,右邊的文字導(dǎo)航,設(shè)計更加微妙,通常出現(xiàn)在小作品的顯示頁面上。像網(wǎng)站的頂端稱為小號。這種導(dǎo)航風(fēng)格只會使用文字,而條目通常會很小,字體會相對較少。這種導(dǎo)航元素會隨著界面的改變,元素的變化,即使在某些界面也會消失。與邊欄導(dǎo)航一樣,這種邊緣導(dǎo)航也會影響整體接口的比例,但總體來說非常微妙,這種效果非常小。
在導(dǎo)航設(shè)計中,絕大多數(shù)設(shè)計師都愿意遵循傳統(tǒng)設(shè)計。順德網(wǎng)站設(shè)計公司如何設(shè)計出客戶滿意的網(wǎng)站,結(jié)合今天所說的這些實驗性設(shè)計越來越多的出現(xiàn)在新的網(wǎng)站設(shè)計中,也許你會在未來的設(shè)計趨勢中看到這些元素。
文章標(biāo)簽:
順德網(wǎng)頁設(shè)計 導(dǎo)航設(shè)計
文章評論: