Витрина красивых дизайнов пользовательского интерфейса окна поиска
Это обычное дело в Интернете, где - если нам не удается получить то, что мы ищем на веб-сайте, мы прибегаем к поиску. Окно поиска всегда было неотъемлемой частью веб-сайта. Если вы используете сайт с интенсивным контентом, это становится еще более неизбежным. Они обычно размещаются в следующих областях: верхний колонтитул, верхнее меню навигации или боковая панель (верхний сгиб). Иногда мы можем также добавить еще один в нижний колонтитул, чтобы сделать поиск более удобным для пользователей.
Мы прошли долгий путь со времен Web 1.0; поиск в сети больше не ограничивается введите ключевое слово и нажмите поиск. Разработчики стремятся сделать поиск более удобным для своих посетителей, модернизируя и добавляя больше функций, например, фильтрацию поиска, чтобы получить более точные результаты, предоставляя ключевые слова или истории поиска по мере ввода..
В сегодняшнем посте мы демонстрируем несколько красивых окон поиска с многообещающими функциями, которые мы узнали. Если вы хотите обновить свой сайт или просто ищете вдохновение для улучшения поиска, этот пост для вас. Полный список после прыжка!
PlaylistNow
Начиная с префикса «Я есть», этот поисковый модуль пытается интеллектуально сопоставлять и выводить результаты, соответствующие вашему запросу, по мере ввода.
Модуль поиска с прокруткой
Это творческое окно поиска, предложенное дизайнером Нико Нуццачи, позволяет искать, печатая или прокручивая алфавитную панель..
TextboxList
Этот поисковый модуль имеет комбинацию из нескольких функций: он упаковывает ваши поисковые запросы в формат тегов и позволяет вам удалить конкретный поисковый тег. Это также идет с автозаполнением. Выглядит знакомо? Это похоже на модуль тегов Facebook!
Помни о молоке
Подобно поиску на YouTube, поле поиска здесь мгновенно сообщает вам, соответствует ли что-то вашему результату. Еще один умный пример функции самовнушения.
Аутентичные вакансии
Я думаю, что Authentic Jobs уже начали поиск с мгновенными результатами, прежде чем Google.
Kontain
Окно поиска Kontain позволяет пользователям выполнять общий поиск или фильтровать результаты поиска только по «обновлениям» или «пользователям»..
Нью-Йорк Журнал
Подобно Kontain, поиск в журнале NY позволяет проводить более глубокую фильтрацию.
ThemeForest
Еще один пример фильтрации в поисковом модуле, чтобы помочь посетителям получить то, что они хотят, в минимальное время.
Поиск, сортировка и фильтрация
Окно поиска Брайана выглядит как модуль расширенного поиска, выполненный красиво; Вы настраиваете, как вы хотите, чтобы результаты выглядели, прежде чем нажать кнопку поиска.
Tumblr
Тонкий и маленький поисковый модуль на боковой панели - аккуратный!
MenuPages
Если вы ищете полный поисковый модуль, а пространство ограничено, такой подход может пригодиться.
Quotezuki
Поисковый модуль сразу после логотипа очень сложно пропустить.
C Spire Wireless
Большое толстое окно поиска, которое появляется только при наведении на вкладку поиска; еще один хороший способ использовать пространство.
Spokeo
Выборочный поиск с фильтрацией сделан красиво.
VoucherCodes
Глядя на его деловую сущность, вероятно, лучшая идея - попахнуть окно поиска сверху и прямо в центре..
ISTOCKPHOTO
Как и другие сайты, iStockPhoto предлагает огромное количество ресурсов для своих читателей, поэтому фильтрация в поиске, безусловно, необходима.
TasteBook
Простое, но в то же время потрясающее окно поиска.
Grooveshark
Grooveshark позволяет слушать и делиться музыкой в Интернете; Первая страница состоит только из окна поиска, в котором вы можете искать нужную музыку. Это имеет смысл.
Геймеры с Джобсом
Хороший пример настройки пользовательского поиска Google.
Дэвид Торондел
Хорошее темное окно поиска, которое хорошо сочетается с дизайном сайта.
Больше
- Создание потрясающего поля поиска CSS3 (Hongkiat)
- Разработка Священного Поиска: примеры и лучшие практики (Smashing Magazine)
- Красивые CSS3 Форма поиска Учебник (Веб-дизайнер Стена)
