Главная
Study mode:
on
1
- Introduction
2
- Learn UI/UX Interactively
3
- Designing the Search Bar
4
- Magnifying Button Component
5
- Focus State Design
6
- Auto-Suggestions Design
7
- Auto-Correct Design
8
- Creating the Search Component
9
- Designing a Navbar
10
- Final Thoughts
Description:
Learn how to design an effective search input in Figma through this 22-minute tutorial video. Explore various interactive states including default, active, auto-suggestion dropdown, and auto-correct. Follow along as the instructor guides you through creating a magnifying button component, designing focus states, implementing auto-suggestions and auto-correct features, and assembling the final search component. Gain insights on integrating the search bar into a navbar design and receive valuable tips for enhancing the overall user experience of search functionality in your UI/UX projects.

The UI-UX of Designing Effective Search Bars

DesignCourse
Add to list