搜索框乃是我們網(wǎng)站建設(shè)的一個(gè)基礎(chǔ)組成部分，更是我們網(wǎng)站設(shè)計(jì)最常用的UI控件之一，它幾乎都存在與所有的網(wǎng)站和APP之中，尤其是以內(nèi)容為主的網(wǎng)站，搜索框的重要性更是明顯，但往往有許多人認(rèn)為搜索框不需要設(shè)計(jì)，甚有者直接不需要搜索框，雖然它僅僅由兩個(gè)最簡(jiǎn)單的元素構(gòu)成，但它可以讓用戶在最短的時(shí)間內(nèi)找到想要的內(nèi)容，可極大程度提升用戶體驗(yàn)度。
但至于搜索框的重要性或者是否需要搜索框，那就只能是仁者見仁智者見智，小編也就不多加議論，畢竟每一個(gè)網(wǎng)站的設(shè)計(jì)都有自己獨(dú)立的風(fēng)格，但小編只在這里介紹一下搜索框的設(shè)計(jì)和應(yīng)用，如需要使用到搜索框的朋友，倒可以作為參考借鑒只用。
一、搜索框圖標(biāo)

時(shí)至今日，搜索的概念和放大鏡的關(guān)系，早已經(jīng)深入人心、根深蒂固，相信你在網(wǎng)頁(yè)上看到放大鏡就意識(shí)到這是一個(gè)搜索功能吧！

二、搜索框的設(shè)計(jì)

搜索框的本意是能夠讓用戶快速的找到自己的內(nèi)容，所以它的位置是否足夠顯眼，能否讓用戶最快的發(fā)現(xiàn)它的存在，這都是在設(shè)計(jì)考慮范圍之內(nèi)，尤其是需要點(diǎn)擊方可使用的設(shè)計(jì)非常不提倡。

三、搜索框的使用

搜索框本身是一個(gè)簡(jiǎn)單、方便、快捷的內(nèi)容篩選步驟，但卻有很多朋友常常喜歡賦予它非常多的屬性，反而引起用戶的反感。

四、搜索框的尺寸

搜索框過(guò)小基本上是最為常見的設(shè)計(jì)錯(cuò)素，因?yàn)樗阉骺蜻^(guò)小，促使了用戶使用更短、更不精確的查詢結(jié)果，影響用戶的使用體驗(yàn)，引發(fā)用戶對(duì)搜索結(jié)果的不滿意聰哥放棄使用。根據(jù)廣州新際經(jīng)驗(yàn)總結(jié)，搜索框承載最佳字符為27個(gè)，百分之90的搜索內(nèi)容都在這個(gè)長(zhǎng)度以內(nèi)。

所以，不要小看一個(gè)一個(gè)搜索框的設(shè)計(jì)，它雖然只是一個(gè)最普通、最常見的組件，但看似簡(jiǎn)單的搜索框背后包含了大量的知識(shí)以及設(shè)計(jì)的要素。即使是微小的更改也會(huì)對(duì)整個(gè)用戶體驗(yàn)帶來(lái)巨大的改變，謹(jǐn)慎。