Navbar小結(jié)

LOGO在中間 顯得特立獨(dú)行


導(dǎo)航欄在頁尾也出現(xiàn)并不新鮮,但注意這個色調(diào)淡雅又清新,而且導(dǎo)航?jīng)]有刻意居中。版權(quán)欄上居中加入社交分享比較少見,這里恰到好處。值得注意的是整體的和諧感。精致得不露痕跡。


這個也比較獨(dú)特,和按鈕長得很像的導(dǎo)航欄。而且是雙層,上層是普通的頁面導(dǎo)航,下層是分類導(dǎo)航。雙層的不是很少見,但關(guān)鍵是它敢于顯得簡陋。而且還有差不多三像素粗的分割線。而且字體也沒用粗體。但上下層的顏色一個是黑,一個是灰,也是稍微講究了一下。不能說這種設(shè)計不好,但必須得運(yùn)用得恰當(dāng)。關(guān)鍵是如何與底下的內(nèi)容配合。如果想駕馭這種獨(dú)特的設(shè)計,就得有很深的經(jīng)驗(yàn)才行。


也是雙層,但下層是搜索欄和購物車。LOGO是貫通兩層的。注意這個導(dǎo)航是有上邊框的。而且是兩三像素的黑色。算是比較前衛(wèi)了。LOGO妥當(dāng)?shù)剡\(yùn)用了草綠和黑色這兩個基調(diào)色。


這個不是很中規(guī)中矩,首先它的兩邊留邊距了,不是把一行都占滿。其次,hover時的顏色變化,由紅到藍(lán),反差較大。而且每個導(dǎo)航間有白線。我個人認(rèn)為白線挺好看,雖然還是沒有白線的多。還有一點(diǎn)不是粗體。

這種有點(diǎn)兒發(fā)紫的紅色很好看。這個導(dǎo)航欄是在購物網(wǎng)站里出現(xiàn)的,這種鮮亮的顏色可以促進(jìn)歡樂感,帶動購買欲。


這個是占滿一整行,而且算是規(guī)矩的。一般人應(yīng)該挑不出什么毛病。是可以日常頻繁使用的。但如果說它沖擊力略小也是可以的。


用虛線分割應(yīng)該是這個導(dǎo)航欄最大的看點(diǎn)?這個黃色醒目又不刺眼。比較規(guī)矩,沒有風(fēng)險。


這個也比較獨(dú)特,不只是導(dǎo)航間有分割線,連上下都有。并且最左和最右沒有。而且也不是占滿一整行,和頁邊還留有少量間距。我覺得用黑色表現(xiàn)導(dǎo)航欄的,總是比用白色的更大膽。因?yàn)楹谏劝咨涯浚绻{馭不好就會變?yōu)榇箬Υ谩?/p>

這個頁面的背景色感覺像杏黃。用金色的比較多,這個色偏少。


這個也是邊距留白,導(dǎo)航之間沒有白線會不會覺得別扭?主要看個人喜好。首頁和信封的圖標(biāo)一左一右,應(yīng)該是有心設(shè)計成這樣的。導(dǎo)航欄下是有背景圖的,不是背景色。用圖做背景感覺比用色更具層次感。而且背景圖上還蒙了一層網(wǎng)格。背景圖常用網(wǎng)格使自己更低調(diào)。

總體而言,小有創(chuàng)新。一般人不會感到排斥。


居中的導(dǎo)航欄,已經(jīng)漸漸流行起來了?;疑姆指罹€,不露鋒芒。但導(dǎo)航條的上邊框也是粗黑線,和字體相得益彰。我感覺不錯,顯得游刃有余。而且Hover時也只是字變成棗紅色而已,并沒改變背景色。設(shè)計者并不擔(dān)心這個導(dǎo)航欄的視覺沖擊力。感覺不是小清新,也不是很有野心的導(dǎo)航欄。當(dāng)導(dǎo)航條背景色是白色,整個頁面的背景色也是白色時,就用導(dǎo)航條的下邊框來做隔斷。不錯的示范。


有沒有喜歡這個勝過上一個?不論是字體,還是顏色的選擇都特別相似。很有可比性。這個沒有突出上邊框,而且采用左對齊和右對齊這種常見的布局方式。我感覺這個更溫馨。


這個很大膽。導(dǎo)航條和頁面背景色沒有分割,而且Hover時只是加了下邊框。也是居中。不過我認(rèn)為感覺不錯,而且字體的選擇也是Serif。比較獨(dú)特。橘紅色運(yùn)用得不錯。


這個也是居中、沒有分割,而且有下拉菜單的導(dǎo)航用的不是三角,是加號,這個很少見。金色采用得常見。但Hover時上下都有邊框,這個很奇特。個人感覺這個導(dǎo)航欄很吸引我。且字體也是Serif。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容