很多網(wǎng)頁(yè)制作都會(huì)用到的搜索框，其實(shí)就是由輸入?yún)^(qū)域和一個(gè)按鈕組合而成的。乍一看，搜索框只有兩個(gè)簡(jiǎn)單的要素組成，所以難免會(huì)有企業(yè)認(rèn)為搜索框可以隨便對(duì)待，不需要專(zhuān)門(mén)設(shè)計(jì)。但往往簡(jiǎn)單的小細(xì)節(jié)，就是網(wǎng)站能夠抓住用戶眼球的關(guān)鍵點(diǎn)。在內(nèi)容眾多的網(wǎng)站里面，用戶常用到的設(shè)計(jì)元素就是搜索框。

用戶為什么會(huì)需要利用搜索框？首先是當(dāng)用戶訪問(wèn)網(wǎng)站后，找不到他想要了解的內(nèi)容，他就會(huì)去利用搜索框的功能去搜索一下試試，這個(gè)是被動(dòng)使用。再來(lái)就是主動(dòng)使用，用戶從進(jìn)入網(wǎng)站的一開(kāi)始就知道自己找的內(nèi)容，需要利用搜索框，目的明確。還有一種就是使用慣性使然，用戶瀏覽網(wǎng)站習(xí)慣于通過(guò)利用搜索框，選擇組合關(guān)鍵字去搜索內(nèi)容。

弄清楚用戶會(huì)利用搜索框的原因，那么我們就可以針對(duì)這些來(lái)考慮，網(wǎng)頁(yè)制作中怎么設(shè)計(jì)搜索框才能抓住用戶的眼球，留住網(wǎng)站的用戶。

一、搜索框要符合本身的特點(diǎn)

圖標(biāo)是對(duì)象，動(dòng)作或想法的可視化表示，所以搜索框的樣式設(shè)計(jì)當(dāng)中，可以發(fā)揮創(chuàng)作設(shè)計(jì)能力，但是也要考慮到大眾對(duì)于搜索框的普遍認(rèn)知，要符合搜索框本身的特點(diǎn)。樣式上面做不了大文章，也可以在搜索框的顏色、動(dòng)畫(huà)效果等方面著手。

二、搜索框要足夠顯眼

這里所說(shuō)的顯眼并不只是說(shuō)顏色、動(dòng)畫(huà)效果，還指的是搜索框的位置。搜索框的顏色可以選擇黑色、紅色等強(qiáng)烈的色彩，增強(qiáng)搜索框的存在感；搜索框也可以適當(dāng)利用動(dòng)畫(huà)效果，例如搜索圖標(biāo)在某個(gè)位置上，鼠標(biāo)移動(dòng)到圖標(biāo)上面搜索框就會(huì)展開(kāi)，加了動(dòng)畫(huà)效果的搜索框給用戶新鮮感，增強(qiáng)了交互效果；搜索框的位置就大有來(lái)頭了，搜索框在哪個(gè)位置上對(duì)提升用戶體驗(yàn)有著重要的作用，從網(wǎng)站建設(shè)的經(jīng)驗(yàn)可以了解到搜索框的優(yōu)先位置是在網(wǎng)站首頁(yè)頂部。將搜索框設(shè)置在網(wǎng)站頂部，可以為用戶減少尋找搜索框的時(shí)間和精力，一進(jìn)入網(wǎng)站就可以看到搜索框，并且直接開(kāi)始搜索網(wǎng)站內(nèi)容。僅僅在首頁(yè)設(shè)置搜索框是不夠的，應(yīng)該在每一個(gè)頁(yè)面都設(shè)置搜索框，用戶不管瀏覽到哪一個(gè)網(wǎng)站頁(yè)面，只要找不到方向時(shí)，都可以馬上利用搜索框找到目標(biāo)。

優(yōu)秀的搜索框設(shè)計(jì)有利于提高搜索的轉(zhuǎn)化率和命中率，所以才需要在網(wǎng)站設(shè)計(jì)當(dāng)中好好處理搜索框的設(shè)計(jì)，用戶一進(jìn)入網(wǎng)站就能抓住他們的眼球。凡科建站的網(wǎng)站模板的網(wǎng)站風(fēng)格特點(diǎn)不同，搜索框的設(shè)計(jì)也不同。