国外优秀网站搜索框UI设计欣赏


时间: 分类: 焦点互联网

对于一个有很多内容的网站来讲,搜索框部分,是很重要的组成。而一个漂亮的UI,更能体现网站优质、高效的服务,以及更好的用户体验。

PlaylistNow

Starting with the prefix of "I am", this search module attempts to intelligently match and list the results matching your query as you type.

playlistnow Showcase of Beautiful Search Box UI Designs

Scroll Search Module

Suggested by designer Nico Nuzzaci, this creative search box allows you to search by typing or by scrolling the alphabetical panel.

scroll search module Showcase of Beautiful Search Box UI Designs

TextboxList

This search module has a combination of few functions: it wraps your search queries in tags format, and allows you to delete a specific search tag. It also comes with auto-complete. Looks familiar? It’s similar to Facebook tagging module!

textboxlist Showcase of Beautiful Search Box UI Designs

Remember The Milk

Similar to the YouTube search, the search box here tells you instantly if something matches your result. Yet another intelligent example of auto-suggestion feature.

remember the milk Showcase of Beautiful Search Box UI Designs

Authentic Jobs

I think Authentic Jobs already had their search with instant results up and running before Google.

authentic jobs Showcase of Beautiful Search Box UI Designs

Kontain

Kontain’s search box allows users to do a general search or filter down the search results to only "updates" or "user".

kontain Showcase of Beautiful Search Box UI Designs

New York Magazine

Similar to Kontain, NY Magazine’s search allows deeper filtering.

ny magazine Showcase of Beautiful Search Box UI Designs

ThemeForest

Yet another example of filtering in search module to help visitors get what they want within minimal time.

themeforest Showcase of Beautiful Search Box UI Designs

Search, Sort & Filter

Brian’s search box looks like an advance search module done in a beautiful way; you customize how you want results to look like before hitting the search button.

search sort filter Showcase of Beautiful Search Box UI Designs

Tumblr

Subtle and small search module on the sidebar – neat!

tumblr Showcase of Beautiful Search Box UI Designs

MenuPages

If you are looking for a complete search module and yet space is a constraint, this approach may come in handy.

menu pages Showcase of Beautiful Search Box UI Designs

Quotezuki

Search module right after the logo, it’s really hard to miss.

quotezuki Showcase of Beautiful Search Box UI Designs

C Spire Wireless

A big fat search box that only appears upon hovering the search tab; another good way to make use of space.

c spire wireless Showcase of Beautiful Search Box UI Designs

Spokeo

Selective searching with filtering done beautifully.

spokeo Showcase of Beautiful Search Box UI Designs

VoucherCodes

Looking at its business nature, smacking the search box upper fold and right in the center is probably the best idea.

vouchercodes Showcase of Beautiful Search Box UI Designs

iStockPhoto

Similar to other sites, iStockPhoto offers massive amount of resources for its readers, so filtering in search is definitely essential.

istockphoto Showcase of Beautiful Search Box UI Designs

TasteBook

Simple looking yet awesome search box.

tastebook Showcase of Beautiful Search Box UI Designs

Grooveshark

Grooveshark allows you to listen and share music online; the first page consists of nothing but just a search box for you to search the music you want. It totally makes sense.

grooveshark Showcase of Beautiful Search Box UI Designs

Gamers with Jobs

Nice example of how Google Custom Search is customized.

gamers with jobs Showcase of Beautiful Search Box UI Designs

David Torondel

Nice dark search box that blends well with the site design.

david torondel Showcase of Beautiful Search Box UI Designs


添加新评论