成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

想劍走偏鋒?試試這6種實(shí)驗(yàn)性的網(wǎng)頁導(dǎo)航模式

2022-11-14    分類: 網(wǎng)站建設(shè)

雖然絕大多數(shù)的設(shè)計(jì)都遵循設(shè)計(jì)規(guī)則和用戶的使用習(xí)慣,但是標(biāo)新立異的設(shè)計(jì)仍然非常有市場。獨(dú)特的設(shè)計(jì)更容易讓人難忘,這一點(diǎn)是毋庸置疑的。在網(wǎng)頁的導(dǎo)航欄設(shè)計(jì)上,也是如此。隨著越來越多的網(wǎng)頁開始采用加粗的非襯線字體置于網(wǎng)頁頂部作為導(dǎo)航,許多有想法的設(shè)計(jì)師開始有意識的打破這一規(guī)律,別出機(jī)杼,采用不一樣的導(dǎo)航模式。

當(dāng)然,如果你的網(wǎng)站用戶量大,并且需要盡量降低用戶的使用門檻,遵循常規(guī)的設(shè)計(jì)更合適。如果你的網(wǎng)站是更加偏向?qū)嶒?yàn)性的小網(wǎng)站,有趣而好玩的導(dǎo)航模式,反而更適宜于用戶探索。不同的導(dǎo)航模式對于網(wǎng)站的影響不盡相同,針對不同的內(nèi)容、不同的用戶,你需要仔細(xì)挑選導(dǎo)航模式。

實(shí)驗(yàn)性的導(dǎo)航并不具備泛用性,但是如果你在追求別具一格的設(shè)計(jì),那么下面這些獨(dú)特的導(dǎo)航設(shè)計(jì)應(yīng)該能激發(fā)你的靈感。

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

側(cè)邊欄導(dǎo)航的設(shè)計(jì)多種多樣,它可以是靜態(tài)的也可以是動態(tài)的,寬度可大可小,幾乎可以隨心所欲地進(jìn)行設(shè)置。

但是如果你仔細(xì)審視會發(fā)現(xiàn),它不僅僅是單純的將原本的頂部導(dǎo)航旋轉(zhuǎn) 90 度放到側(cè)面就好了,對于正常的上下滾動的頁面而言,常駐的側(cè)邊欄導(dǎo)航意味著整個(gè)頁面其他部分的長寬比和以往截然不同了。

所以,不論側(cè)邊欄導(dǎo)航的寬窄如何,你都需要重新審視,尤其是它在不同尺寸、比例的屏幕下的顯示效果,并且進(jìn)行合理的重設(shè)計(jì)。同時(shí),導(dǎo)航中的文字如果太長,在側(cè)邊欄中還存在展示上的問題,那么你要怎么解決呢?

需要考慮的問題非常之多。

最優(yōu)的導(dǎo)航設(shè)計(jì)通常都不會使用太長的詞匯,并且占據(jù)的空間也相對固定。導(dǎo)航項(xiàng)目好不要太多,如果導(dǎo)航欄需要滾動瀏覽那就太過了。上面Sanctum 的案例就做的足夠簡單干凈,當(dāng)用戶滾動瀏覽的時(shí)候,導(dǎo)航會停留在對應(yīng)的位置,并且隨著背景而改變色彩。

這個(gè)案例的優(yōu)秀之處在于,它的導(dǎo)航和背景融為一體,它的設(shè)計(jì)會促使用戶先查看圖標(biāo)和名稱,再縱向滾動頁面瀏覽。

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

漢堡圖標(biāo)的流行讓隱藏式導(dǎo)航大行其道,而隱藏式的設(shè)計(jì)所帶來的另外一個(gè)結(jié)果就是彈出式導(dǎo)航。

在桌面端上,隱藏/彈出式導(dǎo)航很少會占據(jù)整個(gè)屏幕,而在移動端設(shè)備上,為了保證可用性,不少的彈出菜單會選擇做成全屏式的。

隱藏/彈出式導(dǎo)航嚴(yán)格意義上算不上是非常實(shí)驗(yàn)性的設(shè)計(jì),但是它可以玩的非常多樣。對于一部分用戶而言,漢堡圖標(biāo)并不是那么直觀,也不夠熟悉。設(shè)計(jì)師可以在彈出效果、樣式和位置甚至圖標(biāo)樣式上,多花點(diǎn)心思,玩出花頭。

上面 Caava Design 這個(gè)網(wǎng)站的彈出式導(dǎo)航非常有趣。在絕大多數(shù)的設(shè)計(jì)師還在使用扁平而簡單的彈出樣式的時(shí)候,他們走的更遠(yuǎn)。這種設(shè)計(jì)讓用戶更容易注意到關(guān)鍵的信息,引導(dǎo)用戶瀏覽信息。

水平滾動

當(dāng)你首次瀏覽一個(gè)需要水平滾動的網(wǎng)站的時(shí)候,體驗(yàn)會非常的奇怪。首先它的物理和視覺運(yùn)動方向和常規(guī)的縱向滾動不同,而且當(dāng)你使用鼠標(biāo)滾輪滾動的時(shí)候,這種交互的錯(cuò)位感會極其強(qiáng)烈。

想要讓水平滾動式瀏覽更加自然,設(shè)計(jì)師需要加入視覺線索來幫助用戶導(dǎo)航,強(qiáng)化瀏覽邏輯和體驗(yàn)。使用箭頭和定位式導(dǎo)航效果會非常不錯(cuò)。

上方 Norgram 這個(gè)網(wǎng)站就使用了部分圖片作為視覺引導(dǎo),向用戶暗示屏幕側(cè)面還有更多的內(nèi)容可供瀏覽。視覺線索的存在,使得內(nèi)容結(jié)構(gòu)和滾動方向顯得統(tǒng)一而自然。

無導(dǎo)航模式

有些網(wǎng)站摒除了導(dǎo)航這個(gè)模塊,而是選擇將所有的內(nèi)容平鋪在整個(gè)頁面之上。這種設(shè)計(jì)其實(shí)挺棘手的,因?yàn)槿绾雾撁嫠休d的內(nèi)容過于復(fù)雜的話,這種模式可能會讓用戶覺得無所適從,難以下手。

無導(dǎo)航模式其實(shí)最適合一些小型的、目的直接而簡單的網(wǎng)站,比如一些“Comming Soon”的網(wǎng)站頁面,就不需要導(dǎo)航。還有一些特定工能的小網(wǎng)站,只需要簡單的滾動瀏覽,幾乎不需要太多點(diǎn)擊就能完成信息的獲取。

結(jié)合簡單的動畫和動效,這樣的無導(dǎo)航的網(wǎng)頁也可以非常有趣。不過總的來說,這樣的設(shè)計(jì)會讓人覺得缺了點(diǎn)什么。

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

許多優(yōu)秀的實(shí)驗(yàn)性的網(wǎng)頁設(shè)計(jì)都采用單頁式設(shè)計(jì)作為主要載體。而這種選擇也是有道理的:用戶不會在單頁式設(shè)計(jì)中迷失。

而與此同時(shí),長單頁設(shè)計(jì)中,用戶需要通過不斷向下滾動來瀏覽信息,瀏覽到什么程度,用需要通過標(biāo)記、目錄和進(jìn)度條這樣的視覺標(biāo)識來判斷,而這本質(zhì)上和導(dǎo)航的功能異曲同工。

在上面的Socius 頁面的右側(cè),使用了許多同類網(wǎng)站都采用的小圓點(diǎn)來作為視覺標(biāo)識,當(dāng)光標(biāo)懸停在小圓點(diǎn)上的時(shí)候,會有信息浮現(xiàn),告訴用戶這些區(qū)域的內(nèi)容。同樣的,用戶可以通過點(diǎn)擊這些小圓點(diǎn)快速跳轉(zhuǎn)到特定的區(qū)域。

當(dāng)你采用這樣的設(shè)計(jì)之時(shí),技巧在于盡量讓導(dǎo)航定位快一些,利索的切換能夠讓整個(gè)體驗(yàn)更加令人舒適。

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

和側(cè)邊欄導(dǎo)航不同,這種完全旋轉(zhuǎn) 90 度到右側(cè)的文字導(dǎo)航,設(shè)計(jì)的更加微妙,通常出現(xiàn)在小型的作品展示型的網(wǎng)頁上。就像上方這個(gè)名為S的網(wǎng)站。

這種風(fēng)格的導(dǎo)航只會使用文字,并且條目通常會非常少,字體也相對會少。這種導(dǎo)航元素會隨著界面、元素的變化而發(fā)生改變,甚至在某些界面中會消失。

和側(cè)邊欄式的導(dǎo)航相同,這樣的邊緣導(dǎo)航也會影響到整個(gè)界面比例,不過總體上是很微妙的,這種影響非常小。

結(jié)語

在導(dǎo)航設(shè)計(jì)上,絕大多數(shù)的設(shè)計(jì)師都愿意遵循傳統(tǒng)的設(shè)計(jì)。不過今天所談及的這些實(shí)驗(yàn)性的設(shè)計(jì),也越來越多的出現(xiàn)在新的網(wǎng)站設(shè)計(jì)上,也許你會在將來的設(shè)計(jì)趨勢文章當(dāng)中看到這些元素。

文章題目:想劍走偏鋒?試試這6種實(shí)驗(yàn)性的網(wǎng)頁導(dǎo)航模式
網(wǎng)站網(wǎng)址:http://jinyejixie.com/news/213298.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、品牌網(wǎng)站建設(shè)網(wǎng)站排名、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站、服務(wù)器托管

廣告

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

商城網(wǎng)站建設(shè)
巴林左旗| 乃东县| 旅游| 汾西县| 宜城市| 仁怀市| 广东省| 华坪县| 茶陵县| 来凤县| 封丘县| 休宁县| 临潭县| 上林县| 磐安县| 娱乐| 通江县| 绥宁县| 准格尔旗| 大埔县| 宝清县| 泸溪县| 轮台县| 蛟河市| 始兴县| 扶风县| 浠水县| 甘泉县| 南郑县| 兴和县| 四平市| 肇源县| 柘荣县| 云梦县| 九江市| 灯塔市| 达拉特旗| 铜山县| 永丰县| 苏尼特右旗| 新津县|