Escaparate de hermosos cuadros de búsqueda diseños de interfaz de usuario
Es algo común en Internet donde, si no conseguimos lo que buscamos en un sitio web, recurrimos a la búsqueda. El cuadro de búsqueda siempre ha sido una parte esencial de un sitio web. Si ejecuta un sitio web de uso intensivo de contenido, es incluso más inevitable. Por lo general, se colocan en las siguientes áreas: encabezado, menú de navegación superior o barra lateral (pliegue superior). A veces también podemos agregar otro pie de página para que la búsqueda sea más conveniente para los usuarios..
Hemos recorrido un largo camino desde la Web 1.0; La búsqueda en la web ya no se limita a ingrese la palabra clave y presione la búsqueda. Los desarrolladores se esfuerzan por hacer que la búsqueda sea una mejor experiencia para sus visitantes al renovar y agregar más funciones, por ejemplo, filtrar la búsqueda para obtener resultados más específicos, proporcionar palabras clave de búsqueda o historiales de búsqueda mientras escribe.
En la publicación de hoy, mostramos algunos cuadros de búsqueda hermosos con características prometedoras que hemos llegado a conocer. Ya sea que esté buscando renovar su sitio web o simplemente esté buscando inspiración para un mejor cuadro de búsqueda, esta publicación es para usted. Lista completa despues del salto!
PlaylistNow
Comenzando con el prefijo "Yo soy", este módulo de búsqueda intenta coincidir de manera inteligente y enumerar los resultados que coinciden con su consulta mientras escribe.
Módulo de búsqueda de desplazamiento
Sugerido por el diseñador Nico Nuzzaci, este cuadro de búsqueda creativa le permite buscar escribiendo o desplazando el panel alfabético.
TextboxList
Este módulo de búsqueda tiene una combinación de algunas funciones: ajusta sus consultas de búsqueda en formato de etiquetas y le permite eliminar una etiqueta de búsqueda específica. También viene con autocompletar. ¿Luce familiar? Es similar al módulo de etiquetado de Facebook!
Recuerda la leche
Similar a la búsqueda en YouTube, el cuadro de búsqueda aquí le dice instantáneamente si algo coincide con su resultado. Otro ejemplo inteligente de característica de auto-sugerencia.
Trabajos autenticos
Creo que Authentic Jobs ya tenía su búsqueda con resultados instantáneos en funcionamiento antes que Google.
Kontain
El cuadro de búsqueda de Kontain permite a los usuarios realizar una búsqueda general o filtrar los resultados de la búsqueda solo a "actualizaciones" o "usuario".
Revista de nueva york
Similar a Kontain, la búsqueda de NY Magazine permite un filtrado más profundo.
ThemeForest
Otro ejemplo más de filtrado en el módulo de búsqueda para ayudar a los visitantes a obtener lo que desean en un tiempo mínimo.
Buscar, ordenar y filtrar
El cuadro de búsqueda de Brian parece un módulo de búsqueda avanzada hecho de una manera hermosa; personaliza cómo quieres que se vean los resultados antes de presionar el botón de búsqueda.
Tumblr
Módulo de búsqueda sutil y pequeño en la barra lateral - limpio!
MenuPages
Si está buscando un módulo de búsqueda completo y, sin embargo, el espacio es una restricción, este enfoque puede ser útil.
Quotezuki
Módulo de búsqueda justo después del logotipo, es muy difícil perderse..
C Spire Wireless
Un gran cuadro de búsqueda grueso que solo aparece al desplazar la pestaña de búsqueda; Otra buena manera de hacer uso del espacio..
Spokeo
Búsqueda selectiva con filtrado bien hecho..
VoucherCodes
Teniendo en cuenta su naturaleza comercial, oprimir el cuadro de búsqueda en la esquina superior derecha y justo en el centro es probablemente la mejor idea..
iStockPhoto
Al igual que en otros sitios, iStockPhoto ofrece una gran cantidad de recursos para sus lectores, por lo que filtrar en la búsqueda es definitivamente esencial.
Libro del gusto
Simple busca pero impresionante cuadro de búsqueda.
Grooveshark
Grooveshark te permite escuchar y compartir música en línea; la primera página consiste en nada más que solo un cuadro de búsqueda para que busque la música que desea. Tiene sentido totalmente.
Jugadores con trabajos
Buen ejemplo de cómo se personaliza la búsqueda personalizada de Google.
David Torondel
Bonito cuadro de búsqueda oscuro que combina bien con el diseño del sitio.
Más
- Creación de un cuadro de búsqueda CSS3 oscilante (Hongkiat)
- Diseño del cuadro de búsqueda sagrada: ejemplos y mejores prácticas (Revista Smashing)
- Hermoso tutorial de búsqueda de CSS3 (Web Designer Wall)
