Showcase of Beautiful Search Box UI-design
Det är typiskt vanligt på Internet där - om vi misslyckas med att få det vi söker efter på en webbplats, tillgriper vi sökningen. Sökrutan har alltid varit en viktig del av en webbplats. Om du kör en innehållsintensiv webbplats är det ännu mer oundvikligt. De placeras vanligtvis i följande områden: rubrik, toppnavigationsmeny eller sidofält (övre). Ibland kan vi också kasta in en annan i sidfot för att göra sökningen mer bekväm för användarna.
Vi kom långt sedan Web 1.0; Att söka på nätet är inte längre begränsat till skriv in sökord och sök sök. Utvecklare strävar efter att hitta en bättre upplevelse för sina besökare genom att revampa och lägga till fler funktioner, säger sökfiltrering för att få mer riktade resultat, tillhandahålla sökord eller sökhistorier när du skriver.
I dagens inlägg visar vi några vackra sökrutor med lovande funktioner som vi har fått veta. Oavsett om du letar efter att uppdatera din webbplats eller helt enkelt söker inspiration till en bättre sökruta, är det här inlägget för dig. Hela listan efter hopp!
PlaylistNow
Med början av prefixet "Jag är" försöker denna sökmodul att intelligent matcha och lista resultaten som matchar din fråga när du skriver.
Scroll Search Module
Föreslagen av designern Nico Nuzzaci, låter den här kreativa sökrutan söka genom att skriva eller genom att bläddra i den alfabetiska panelen.
TextboxList
Den här sökmodulen har en kombination av få funktioner: det sveper dina sökfrågor i tagsformat och låter dig ta bort en specifik sökmarkering. Det kommer också med auto-complete. Ser bekant ut? Det liknar Facebook-märkningsmodul!
Kom ihåg mjölken
I likhet med YouTube-sökningen berättar sökrutan här omedelbart om något matchar ditt resultat. Ännu ett annat intelligent exempel på automatisk förslag.
Autentiska jobb
Jag tror att autentiska jobb redan hade sin sökning med omedelbara resultat igång före Google.
Kontain
Koneds sökruta låter användarna göra en allmän sökning eller filtrera ner sökresultaten till bara "uppdateringar" eller "användare".
New York Magazine
På samma sätt som Kontain, tillåter NY Magazines sökning djupare filtrering.
ThemeForest
Ännu ett annat exempel på filtrering i sökmodulen för att hjälpa besökare att få vad de vill ha inom minimal tid.
Sök, Sortera och filtrera
Brians sökruta ser ut som en avancerad sökmodul gjort på ett vackert sätt; Du anpassar hur du vill att resultaten ska se ut innan du trycker på sökknappen.
tumblr
Subtil och liten sökmodul i sidofältet - snyggt!
MenuPages
Om du letar efter en komplett sökmodul och ändå är utrymme ett hinder, kan detta tillvägagångssätt komma till nytta.
Quotezuki
Sök modulen direkt efter logotypen, det är verkligen svårt att sakna.
C Spire Wireless
En stor fet sökruta som bara visas när du sveper sökfliken. Ett annat bra sätt att utnyttja rymden.
Spokeo
Selektiv sökning med filtrering gjort vackert.
VoucherCodes
Om man tittar på sin affärs natur är det förmodligen den bästa tanken att smeka sökfältet övre vik och rätt i mitten.
iStockPhoto
På liknande sätt som andra webbplatser erbjuder iStockPhoto massor av resurser för sina läsare, så filtrering i sökningen är absolut nödvändig.
TasteBook
Enkelt men ändå fantastisk sökrutan.
Grooveshark
Grooveshark låter dig lyssna och dela musik online den första sidan består av ingenting annat än bara en sökruta för att söka efter den musik du vill ha. Det är helt vettigt.
Spelare med jobb
Trevligt exempel på hur Google Anpassad sökning anpassas.
David Torondel
Trevlig mörk sökruta som passar bra med platsdesignen.
Mer
- Skapa en Rocking CSS3 sökruta (Hongkiat)
- Utforma den heliga sökrutan: exempel och bästa praxis (Smashing Magazine)
- Vacker CSS3 Sökformulär Handledning (Webbdesignervägg)
