ראווה של תיבת חיפוש יפה עיצובים UI

זה סוג של נפוץ באינטרנט שבו - אם אנחנו לא מצליחים להשיג את מה שאנחנו מחפשים באתר, אנו מחפשים את החיפוש. תיבת החיפוש תמיד היה חלק חיוני של אתר אינטרנט. אם אתה מפעיל אתר תוכן אינטנסיבי, זה אפילו יותר בלתי נמנע. הם ממוקמים בדרך כלל בתחומים הבאים: כותרת, תפריט ניווט עליון או סרגל צד (קפל עליון). לפעמים אנחנו יכולים גם לזרוק עוד אחד תחתונה לעשות חיפוש נוח יותר עבור המשתמשים.

עברנו דרך ארוכה מאז Web 1.0; חיפוש באינטרנט אינו מוגבל עוד הזן מילת מפתח ולחץ על חיפוש. מפתחים שואפים להפוך את החיפוש לחוויה טובה יותר עבור המבקרים שלהם על ידי חידוד והוספה של פונקציות נוספות, אומר, סינון החיפוש כדי לקבל תוצאות ממוקדות יותר, לספק מילות מפתח לחיפוש או היסטוריות החיפוש תוך כדי הקלדה.

בהודעה של היום, אנו מציגים כמה תיבות חיפוש יפות עם תכונות מבטיחות שהכרנו. בין אם אתה מסתכל על revamp האתר שלך או פשוט מחפשים השראה עבור תיבת חיפוש טובה יותר, הודעה זו היא בשבילך. רשימה מלאה לאחר קפיצה!

PlaylistNow

החל מהקידומת של "אני", מודול החיפוש הזה מנסה להתאים בצורה חכמה לרשימה את התוצאות המתאימות לשאילתה תוך כדי הקלדה.

מודול חיפוש גלילה

מוצע על ידי המעצב ניקו Nuzzaci, תיבת החיפוש היצירתי הזה מאפשר לך לחפש על ידי הקלדה או על ידי גלילה את הלוח האלפבית.

טקסט

מודול חיפוש זה כולל שילוב של מספר פונקציות: הוא עוטף את שאילתות החיפוש בפורמט תגים ומאפשר לך למחוק תג חיפוש ספציפי. זה גם מגיע עם השלמה אוטומטית. נראה מוכר? זה דומה מודול תיוג פייסבוק!

זכור את החלב

בדומה לחיפוש ב- YouTube, תיבת החיפוש כאן אומרת לך מיד אם משהו מתאים לתוצאה שלך. עוד דוגמא נבונה לתכונה של הצעה אוטומטית.

משרות אותנטיות

אני חושב Authentic ג'ובס כבר היה החיפוש שלהם עם תוצאות מיידיות והפעלה לפני גוגל.

Kontain

תיבת החיפוש של Kontain מאפשרת למשתמשים לבצע חיפוש כללי או לסנן את תוצאות החיפוש רק "עדכונים" או "משתמש".

ניו יורק מגזין

בדומה Kontain, ניו יורק מגזין החיפוש מאפשר סינון עמוק יותר.

נושאים

עוד דוגמה של סינון במודול החיפוש כדי לעזור למבקרים לקבל את מה שהם רוצים בתוך זמן מינימלי.

חיפוש, מיון & מסנן

תיבת החיפוש של בריאן נראית כמו מודול חיפוש מתקדם שנעשה בצורה יפה; אתה יכול להתאים אישית את התוצאות הרצויות לפני שתלחץ על לחצן החיפוש.

טאמבלר

מודול חיפוש עדין קטן על הצדדי - מסודר!

תפריט

אם אתם מחפשים מודול חיפוש מלא, אך שטח הוא אילוצים, גישה זו עשויה להיות שימושית.

ציצוקי

מודול חיפוש מיד אחרי הלוגו, זה באמת קשה לפספס.

C אלחוטית אלחוטית

תיבת חיפוש גדולה שומן רק מופיע עם מרחפת את הכרטיסייה חיפוש; עוד דרך טובה לעשות שימוש בחלל.

ספוקו

חיפוש סלקטיבי עם סינון נעשה יפה.

VoucherCodes

מסתכל על אופי העסק שלה, להכות את תיבת החיפוש העליון לקפל ימין במרכז הוא כנראה הרעיון הטוב ביותר.

iStockPhoto

בדומה לאתרים אחרים, iStockPhoto מציעה כמות אדירה של משאבים עבור הקוראים שלה, ולכן סינון בחיפוש הוא בהחלט חיוני.

TasteBook

פשוט מחפש עדיין מדהים תיבת החיפוש.

גרובשארק

Grooveshark מאפשר לך להאזין ולשתף מוסיקה באופן מקוון; את הדף הראשון מורכב רק דבר מלבד תיבת החיפוש לך לחפש את המוסיקה הרצויה. זה לגמרי הגיוני.

גיימרים עם משרות

דוגמה נחמדה לאופן שבו Google Custom Search מותאם אישית.

דוד טורונדל

תיבת חיפוש כהה יפה שמתמזגת היטב עם עיצוב האתר.

יותר

• יצירת מתנדנד CSS3 תיבת חיפוש (הונגקאט)
• עיצוב תיבת הקודש: דוגמאות ושיטות עבודה מומלצות (מגזין מתרסק)
• יפה CSS3 טופס חיפוש הדרכה (Web Designer Wall)