搜索框是我們很常用到的控件，它幾乎存在于所有的網(wǎng)站和APP當(dāng)中。許多人認(rèn)為搜索框不需要設(shè)計(jì)，因?yàn)樗坪跏怯蓛蓚€(gè)很簡單的元素構(gòu)成的。在以內(nèi)容為導(dǎo)向的網(wǎng)站中，搜索框的重要性會(huì)相對(duì)更明顯，用戶需要快速又方便地找到他們想要的內(nèi)容。下面讓北京做網(wǎng)站公司創(chuàng)新互聯(lián)網(wǎng)站制作中搜索框的設(shè)計(jì)方法和大家一起分享。

一、盡量簡單

在設(shè)計(jì)搜索邊框的時(shí)候，盡可能的簡約化，保證其簡單易用的效果，與此同時(shí)更主要的是要讓其看起來是一個(gè)搜索框，不要添加無用的設(shè)計(jì)元素。因?yàn)閾?jù)可用性研究數(shù)據(jù)表明，默認(rèn)沒有顯示高級(jí)選項(xiàng)的搜索框看起來更加友好，所以，通常情況下給用戶提供的搜索框很好不要提供進(jìn)階的搜索選項(xiàng)，盡量簡約。

二、放在顯眼位置

網(wǎng)站中之所以放置搜索框其主要的目的是為了方便用戶搜索，查找想要的內(nèi)容，因此搜索框的位置一定要放置在網(wǎng)站很顯眼的地方，讓用戶瀏覽網(wǎng)站時(shí)眼能看到，除此之外，還有一點(diǎn)是網(wǎng)站搜索框在顏色設(shè)計(jì)上要盡量使用突出的顏色，能夠與網(wǎng)站形成鮮明的對(duì)比，體現(xiàn)出顏色色色度差，這樣會(huì)更加的醒目，方便用戶更容易看到。

三、給搜索按鈕添加好的名字

目前很多的網(wǎng)站的搜索框的按鈕名稱不是“搜索”“go”“find”是“search”，這種命名太常見了。其實(shí)，可以為自己網(wǎng)站的搜索框按鈕起一個(gè)有創(chuàng)意的名字，給用戶一種新鮮的，加深用戶對(duì)于網(wǎng)站的印象，激發(fā)用戶主動(dòng)查找網(wǎng)站內(nèi)容的習(xí)慣，像是百度一下一樣，總是給人一種了解用戶心理感覺。

四、突出搜索框的特別

大部分用戶在使用百度搜索框時(shí)應(yīng)該經(jīng)常會(huì)看到百度一下這四個(gè)字，這樣做的好處在于很容易讓用戶點(diǎn)擊搜索按鈕。所以網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站搜索框是一定要加入一些搜索框的創(chuàng)意，在形狀和文字描述需要有搜索框的特點(diǎn)，或許對(duì)于用戶而言所關(guān)注的并非是網(wǎng)站搜索框，但是好的搜索框功能還是能夠幫助用戶更好的了解搜索框。

五、注重用戶體驗(yàn)

搜索框的設(shè)計(jì)對(duì)于網(wǎng)站用戶體驗(yàn)的提升有很大的幫助，對(duì)于百度蜘蛛抓取頁面內(nèi)容也有很大的益出。一般來說，好的搜索框設(shè)計(jì)能夠幫助站長更好的優(yōu)化網(wǎng)站，因此我們?cè)谒阉骺蛟O(shè)計(jì)中必須要注重用戶體驗(yàn)，把搜索框設(shè)置成用戶直接搜索，而不是讓用戶找半天也沒有找到搜索框中的方位。

六、合理的輸入框尺寸

輸入框尺寸不易太小，如果搜索框太小，設(shè)計(jì)錯(cuò)位，雖然客戶能夠輸入更多的內(nèi)容，但是可見的部分往往無法完全可見，這樣的輸入框可能因?yàn)榭梢暦秶南拗?，促使用戶使用短的、不精確的查詢方式，降低用戶體驗(yàn)。如果輸入框能夠符合用戶的常見輸入內(nèi)容的尺寸來進(jìn)行匹配，那么它的可用性會(huì)更強(qiáng)，用戶體驗(yàn)也會(huì)更好。

在理想情況下，搜索框的設(shè)計(jì)應(yīng)當(dāng)和整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格保持一致，同時(shí)在視覺上要略顯突出，便于用戶發(fā)覺它的存在。如果網(wǎng)站的內(nèi)容足夠多，搜索框在設(shè)計(jì)上顯著程度應(yīng)該越高，如果搜索功能對(duì)于你的網(wǎng)站至關(guān)重要，那么你應(yīng)該采用較大的對(duì)比度，確保輸入框和按鈕從背景中脫穎而出。

分享題目：做網(wǎng)站設(shè)計(jì)中搜索框的幾種設(shè)計(jì)方法
鏈接地址：http://m.rwnh.cn/news41/114591.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、做網(wǎng)站等

廣告

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