Mājas lapa » UI / UX » Skaistu meklēšanas lodziņu UI dizainu vitrīna

    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)