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

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

二、搜索框的設計

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

三、搜索框的使用

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

四、搜索框的尺寸

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

所以，不要小看一個一個搜索框的設計，它雖然只是一個最普通、最常見的組件，但看似簡單的搜索框背后包含了大量的知識以及設計的要素。即使是微小的更改也會對整個用戶體驗帶來巨大的改變，謹慎。