Travel App for Android Part 2 - Bottom App Bar
Add to favorites
Learn how to create the image list with text protection, supporting text, and bottom app bar
UI Design Android Apps in Figma
1
Gaming App for Android Part 1 - Screen 1
12:51
2
Gaming App for Android Part 2 - Screen 2
9:59
3
Gaming App for Android Part 3 - App Bar and Side Menu
15:27
4
Travel App for Android Part 1 - Search Bar
18:21
5
Travel App for Android Part 2 - Bottom App Bar
14:59
6
Travel App for Android Part 3 - Rating Review Section
8:10
7
Travel App for Android Part 4 - Image Hover Effect
7:56
8
Travel App for Android part 5 - Quilted Image List
6:57
9
Travel App for Android Part 6 - Bottom Sheet and Snackbar
15:22
Welcome back to the second section of my Travel app with Android. In the first part of this tutorial series, we learned how to create the system bar, top app bar and search bar. Now that we got this information, in this section, we’re going to do the bottom part. So we’ll do the backdrop front layer with the images from unsplash plugin with the text protection, we’ll add the supporting text (descriptions) and the bottom app bar with the action button.
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
1
Gaming App for Android Part 1 - Screen 1
Learn how to design a gaming app for Android using flat UI
12:51
2
Gaming App for Android Part 2 - Screen 2
Learn how to design a gaming app for Android using flat UI
9:59
3
Gaming App for Android Part 3 - App Bar and Side Menu
Learn how to design a gaming app for Android using flat UI
15:27
4
Travel App for Android Part 1 - Search Bar
Learn how to create the top app bar and search bar
18:21
5
Travel App for Android Part 2 - Bottom App Bar
Learn how to create the image list with text protection, supporting text, and bottom app bar
14:59
6
Travel App for Android Part 3 - Rating Review Section
Learn how to create the information screen with the top app bar, Rating review title and menu buttons
8:10
7
Travel App for Android Part 4 - Image Hover Effect
Learn how to create the images list with rating review,text protection and actionable button
7:56
8
Travel App for Android part 5 - Quilted Image List
Learn how to create the quilted images list with divider, map and action bar
6:57
9
Travel App for Android Part 6 - Bottom Sheet and Snackbar
Learn how to create the bottom sheet for the booking item with snackbar
15:22
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Sourany Phomhome
UI Designer
Designer at Design+Code.
10 courses - 43 hours
Build an Interactive Site with Wix Studio
Discover Wix Studio: the no-code platform ideal for agencies and enterprises. This beginner-friendly video course guides you through web design basics, using intuitive tools for building responsive, professional websites. Learn to create animations easily—no coding required. Gain the skills to craft your own standout sites confidently.
1 hrs
3D UI Interactive Web Design with Spline
Learn to create 3D designs and UI interactions such as 3D icons, UI animations, components, variables, screen resize, scrolling interactions, as well as exporting, optimizing, and publishing your 3D assets on websites
3 hrs
Design and Prototype for iOS 17 in Figma
Crafting engaging experiences for iOS 17 and visionOS using the Figma design tool. Learn about Figma's new prototyping features, Dev Mode, variables and auto layout.
6 hrs
Design and Prototype Apps with Midjourney
A comprehensive course on transforming Midjourney concepts into interactive prototypes using essential design techniques and AI tools
8 hrs
Learn Figma Prototyping
Master interaction design with Figma Prototyping. Create an animated app experience using after delay, scrolling content, video prototype
1 hrs
UI Design for iOS 16 in Sketch
A complete guide to designing for iOS 16 with videos, examples and design files
3 hrs
Prototyping in Figma
Learn the basics of prototyping in Figma by creating interactive flows from custom designs
1 hrs
UI Design Android Apps in Figma
Design Android application UIs from scratch using various tricks and techniques in Figma
2 hrs
UI Design Quick Apps in Figma
Design application UIs from scratch using various tricks and techniques in Figma
12 hrs
Figma Handbook
A comprehensive guide to the best tips and tricks in Figma
6 hrs
