網(wǎng)站搜索框是我們經(jīng)常使用的組件，但是關(guān)于搜索框的一些小常識(shí)我們卻沒(méi)有過(guò)多的了解。下面小凡要來(lái)介紹下在網(wǎng)站建設(shè)中關(guān)于搜索框設(shè)計(jì)有什么知識(shí)是我們知道的，但是從來(lái)不會(huì)注意到的。

　　1.填充顏色

　　我們經(jīng)?？吹降乃阉骺虿⒉欢际前咨奶畛淇?，線框的填充顏色和框內(nèi)的顏色一般都是有差別的。我們比較常見(jiàn)的就是框內(nèi)是白色的，但是線框是另外一種顏色，大部分的網(wǎng)站搜索框會(huì)根據(jù)主題去填充顏色，如下圖所示。

　　2.網(wǎng)站搜索框的外框設(shè)計(jì)

　　既然是搜索框，那就會(huì)有一個(gè)框形存在。在網(wǎng)站建設(shè)當(dāng)中，搜索框常用的有兩種形式，有外框和無(wú)外框。但是就算沒(méi)有外框，我們也可以根據(jù)搜索圖標(biāo)找到搜索查找的位置。

　　3.搜索框形狀設(shè)計(jì)

　　網(wǎng)站搜索框的形狀是多種多樣的，有圓角矩形，直角矩形，還有膠囊狀的。每一種性狀都為網(wǎng)站建設(shè)帶來(lái)不一樣的視覺(jué)感受。對(duì)于規(guī)矩的矩形框，顯得網(wǎng)站更加地整齊有序，使用膠囊狀的設(shè)計(jì)為網(wǎng)站帶來(lái)了活力，顯得更年輕俏皮。

　　4.搜索框在網(wǎng)站中的位置

　　常見(jiàn)的搜索框在網(wǎng)站上的位置就有兩種，這里指的是在PC端網(wǎng)站上顯示的位置。分別是居中和居右，這是根據(jù)用戶的使用習(xí)慣做的網(wǎng)站設(shè)計(jì)，因?yàn)橛脩粢话愣际怯糜沂贮c(diǎn)擊鼠標(biāo)操作。有些網(wǎng)站會(huì)選擇居中設(shè)計(jì)搜索框是因?yàn)檫@樣能夠更加方便用戶看到，而且也不會(huì)妨礙用戶操作。

　　以上就是關(guān)于網(wǎng)站建設(shè)當(dāng)中搜索框設(shè)計(jì)的一些小常識(shí)，希望這些知識(shí)點(diǎn)能夠幫助你將網(wǎng)站搜索框設(shè)計(jì)得更加貼合你的用戶需求，讓你的用戶感受到你的每個(gè)網(wǎng)站設(shè)計(jì)元素都是用心做的。