Skaistu meklēšanas lodziņu UI dizainu vitrīna
Tas ir izplatīts internetā, kur - ja mēs nespējam iegūt to, ko mēs meklējam tīmekļa vietnē, mēs meklējam meklēšanu. Meklēšanas lodziņš vienmēr ir bijusi būtiska tīmekļa vietnes sastāvdaļa. Ja izmantojat satura ietilpīgu tīmekļa vietni, tas ir vēl neizbēgami. Tās parasti izvieto šādās jomās: galvene, augšējā navigācijas izvēlne vai sānjosla (augšējā daļa). Dažreiz mēs varam arī mest citā kājenē, lai padarītu meklēšanu lietotājiem ērtāku.
Mēs esam gājuši tālu no Web 1.0; meklēšana tīmeklī vairs nav ierobežota ievadiet atslēgvārdu un nospiediet meklēšanu. Izstrādātāji cenšas padarīt apmeklētājiem labāku pieredzi, pārskatot un pievienojot citas funkcijas, saka, meklēšanas filtrēšana, lai iegūtu vairāk mērķtiecīgu rezultātu, sniedzot meklēšanas atslēgvārdus vai meklēšanas vēstures rakstīšanas laikā.
Šodienas ziņojumā mēs demonstrējam dažas skaistas meklēšanas lodziņus ar daudzsološām funkcijām, kuras esam iepazinuši. Neatkarīgi no tā, vai vēlaties atjaunot savu tīmekļa vietni vai vienkārši meklēt iedvesmu labākajai meklēšanas lodziņai, šis ziņojums ir paredzēts jums. Pilns saraksts pēc izlēkšanas!
PlaylistNow
Sākot ar "es esmu" prefiksu, šis meklēšanas modulis mēģina saprātīgi saskaņot un uzskaitīt rezultātus, kas atbilst jūsu vaicājumam.
Ritiniet meklēšanas moduli
Ieteicams dizainers Nico Nuzzaci, šis radošais meklēšanas lodziņš ļauj jums meklēt, ierakstot vai ritinot alfabētisko paneli.
TextboxList
Šis meklēšanas modulis apvieno dažas funkcijas: tas aptver meklēšanas vaicājumus tagu formātā un ļauj izdzēst konkrētu meklēšanas tagu. Tas arī nāk ar automātisku pabeigšanu. Izskatās pazīstami? Tas ir līdzīgs Facebook iezīmēšanas modulim!
Atcerieties pienu
Līdzīgi kā YouTube meklēšanā, šeit redzamajā meklēšanas lodziņā tūlīt tiek parādīts, ja kaut kas atbilst jūsu rezultātam. Vēl viens automatizēta ieteikuma funkcijas piemērs.
Autentiski darbi
Es domāju, ka autentiskie darbi jau bija meklēti ar tūlītējiem rezultātiem un darbojas Google tīklā.
Kontain
Kontain meklēšanas lodziņš ļauj lietotājiem veikt vispārēju meklēšanu vai filtrēt meklēšanas rezultātus tikai uz "atjauninājumiem" vai "lietotājiem".
New York Magazine
Līdzīgi kā Kontain, NY Magazine meklēšana ļauj veikt dziļāku filtrēšanu.
ThemeForest
Vēl viens filtrēšanas paraugs meklēšanas modulī, lai palīdzētu apmeklētājiem iegūt to, ko viņi vēlas, minimālā laikā.
Meklēt, kārtot un filtrēt
Brian meklēšanas lodziņš izskatās kā iepriekš veikts meklēšanas modulis, kas veikts skaistā veidā; Jūs varat pielāgot, kā vēlaties, lai rezultāti izskatītos, pirms sākat meklēt pogu.
Tumblr
Smalks un mazs meklēšanas modulis sānjoslā - veikls!
Izvēlnes lapas
Ja jūs meklējat pilnu meklēšanas moduli un tomēr telpa ir ierobežojums, šī pieeja var noderēt.
Quotezuki
Meklēšanas modulis uzreiz pēc logotipa, tas ir patiešām grūti palaist garām.
C Spire Wireless
Liels tauku meklēšanas lodziņš, kas parādās tikai pēc cilnes meklēšanas; vēl viens labs veids, kā izmantot telpu.
Spokeo
Selektīva meklēšana ar filtrēšanu, kas veikta skaisti.
Kupona kodi
Aplūkojot tās uzņēmējdarbības raksturu, iespējams, ka labākā ideja ir meklējot meklēšanas lodziņu augšējā kārta un pa labi centrā.
iStockPhoto
Līdzīgi kā citās vietnēs, iStockPhoto saviem lasītājiem piedāvā milzīgu resursu daudzumu, tāpēc meklēšanas filtrēšana noteikti ir būtiska.
TasteBook
Vienkāršs meklējums vēl awesome meklēšanas lodziņā.
Grooveshark
Grooveshark ļauj klausīties un kopīgot mūziku tiešsaistē; pirmajā lapā nav nekas, bet tikai meklēšanas lodziņš, lai jūs varētu meklēt vajadzīgo mūziku. Tas ir pilnīgi jēga.
Gamers ar darbavietām
Skaists piemērs tam, kā Google pielāgotā meklēšana ir pielāgota.
David Torondel
Nice tumšs meklēšanas lodziņš, kas labi saskan ar vietnes dizainu.
Vairāk
- Radošā CSS3 meklēšanas lodziņa izveide (Hongkiat)
- Svētā meklēšanas lodziņa izstrāde: piemēri un labākā prakse (Smashing Magazine)
- Skaista CSS3 meklēšanas veidlapa (Web dizaineru siena)