OpenTube

Top UI/UX Design Tips - How to Design a Great Bottom Mobile Navigation Bar

uxpeak

222,667 views

💎 Get the UI/UX Playbook: https://www.uxpeak.com/pages/playbook

Hello and welcome back to our series of “Top UI/UX Tips & Tricks Every UI Designer Needs to Know About.” Today's lesson will be focused on how to design a great mobile navigation bar. 🔥 This is the best video that exists on on this topic. You will learn the best UI design tips that you can apply instantly to design a great mobile navigation bar.

Whether you’re a seasoned pro or just starting out in UI/UX design, these UI and UX design tips are tailored to help you improve your skills and make your designs stand out.

We appreciate your support and hope you enjoy this video! 😊 Let us know in the comments what you think and what would you like to see next!

💎 UX/UI Design Mastery course: https://www.uxpeak.com/pages/course

🚀 Uxpeak+ Platform: https://www.uxpeak.com

📘 UI/UX Playbook: https://www.uxpeak.com/the-ui-ux-play...

⚡️ Try Mobbin for free and get 20% off for your first year's subscription: https://mobbin.com/uxpeak

🔥 List of free UI design resources: https://www.uxpeak.com/resources

🎁 Use exclusive discount code 'LEVELUP40' to get 40% off. Limited time only!

🚀 Become affiliate and earn commission: https://uxpeak.lemonsqueezy.com/affil...

#uidesign #appdesign #uxdesign #figma #uxuidesign #uitips #appdesign #bottomnavigation bar

20 Comments

@NorpGames 1 year ago (edited)

absolutely LOVE the animations in this video
they're smooth and enjoyable to watch

@ahmedrrrazzza 1 year ago

Currently an UI/UX Designer yet I had past video editing experience as my hobby. By noticing smooth graph transitions, motion graphics & smooth glow effects, I am amazed soo much! Your videos, thumbnails & content is example of perfection! Hats Off! 🎩

@naseebzulfiqar 1 year ago

About UI/UX Is Very Amazing EXPERIENCE But, Your Video Animation is very much amazing

@JustMack 1 year ago (edited)

18:13 option C, its just different i like it

@thegrowthedition 2 months ago

The Playbook looks amazing! I'd buy it instantly if I could. As a student, though, it's still a bit expensive for my budget, even with the 20% discount 😥. It would be awesome if you could offer a student discount. 😊

@timehub_app 1 year ago

Big Thanks for the lesson! I just know that my app represents "Visual Chaos" 😂😂

@vchowta9685 1 year ago

Option A is perfect , as the active state is already serving its purpose, the added line in option B feels like lot happening

@localblackman427 2 months ago

I liked style B because it pulled on my nostaligia of older android UIs

@rayanfernandes9 3 months ago (edited)

Loved everything about this video, looks very polished! Subscribed right away! ❤

@dominikd6772 1 year ago

Option C for me! 😇 Btw, I bought your playbook and I am loving it! highly recommend to everyone! I was waiting for this video for months, thank you for realising. Please post more often!

@MubarekNesru-i4i 10 months ago

Good content, my option is B

@Avishek-h 1 month ago

I have a doubt.
Are you teaching UI/UX Design Tips OR Video Editing?
Just mind-blowing Video Editing. 😍

@aymanechourou-o8d 11 days ago

I like option C 18:00

@hasanstiaz 1 year ago

Option A. I just like that, no reasons lol

@MrSmith42 1 year ago

B is the best option considering WCAG requirements, as it provides an additional clue about the selected tab with a thin line above. This line will be visible to people with color blindness.

@ahmadnurahsan8162 1 year ago

this video is fire

@Ahji_09 4 months ago

I suggest using existing components and animations for the OS you aim to release your app or make on. Manipulate sizing of the nav bar itself and any element inside to make a bigger impact.)

@Zakria_Asim 1 year ago

Really Ammazing Guide! Love from Pakistan

@TahrimJim-jm8wp 1 year ago

When I clicked on this video, I was expecting some random tips related to bottom nav bar like the other videos. But you really said everything I needed to know about bottom nav bar. Thanks for the amazing content!

@GiuseppeStancarone 1 year ago

B - The label for all tabs is pretty important for the silly users. Active Icon and active label the same color, cleaner and less messy. The line highlights the active tab more.