Complete Guide to Android UI Design, Styles & Animations

Enhance Android UI Design by implementing application styles and themes, the Material Design library, and animations

4.10 (31 reviews)
Mobile Apps
9 hours
Jun 2019
last update
regular price
What you will learn

Use the latest Android Material Design system to build beautiful UIs for your applications

Implement app bars, buttons, and other active elements with material components

Express motion details with animations and transitions

Understand material design and implement widgets with material style

Achieve version-specific styles and backward compatibility

Build a design language that you can apply to multiple apps, or that many developers working on an app can implement for a consistent look and feel

Learn to use frame animations (aka drawable animations) to make your applications dynamic

Animate anything and everything using property animations

Use transitions frameworks and scene transitions across activities


Material Design is a visual language developed by Google that brings new attractive ways for a user to interact with apps. Enhance UIs to create dynamic and responsive Android applications with consistent styles and appropriate themes. Add animations to your Android apps to make user experience more dynamic, fun, and effective. If you’re an Android developer who wants to give a seamless experience to users by implementing these features into your apps to make it visually beautiful, then go for this course.

This course is a practical guide to applying the latest Material Design 2 specifications into your application development. Ranging from creating realistic visual cues to give meaning to your UI using motion and animations, you will make your application more engaging and useful for your users. You will learn the best practices of material design, colors, styles, and themes to build attractive, user-friendly, and responsive applications with backward compatibility. You will also learn different types of animations that can be applied to different app scenarios to make your apps more dynamic.

By the end of this course, you will be able to create visually beautiful UI/UX for your Android apps by implementing Material design specifications and animations into your Android applications.

Meet Your Expert(s):

We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:

  • Mona Vafatabar is an energetic mobile developer with 4+ years of robust code experience in Java-Android and iOS. She enjoys every minute spent developing apps on her computer. There is always something new to learn so what she loves the most is being challenged and sharing her experience. Currently, Mona is working as a freelance software developer and is a proud online trainer. Apart from this, she loves to travel, explore new places, and read books.

  • Ehsan Mashhadi is an experienced mobile developer with 5+ years of experience in Java, Kotlin, and Swift. He loves his work and is always passionate to learn new things. He loves challenges, and always tries to do his job better, faster, and without bugs. Currently, he is working as a team lead developer and freelance technical author. Outside of his technical life, he loves food, trips, and movies.

  • Annapurna Agrawal is an Android developer. She has also tried her hand at JavaScript, Kotlin, PHP, jQuery, CSS, and HTML. She is a software engineer from India and likes teaching. She is a trainer in the Google Developers Group at Bhubaneswar, Odisha in India. Besides all this, she practices yoga and meditation, YouTubing, and hanging out with friends.

Complete Guide to Android UI Design, Styles & Animations - Screenshot_01Complete Guide to Android UI Design, Styles & Animations - Screenshot_02Complete Guide to Android UI Design, Styles & Animations - Screenshot_03Complete Guide to Android UI Design, Styles & Animations - Screenshot_04
Hands-On Android Material Design
The Course Overview
Setup Your Project for Material Design
Explore Material Design Icons and Colors
Exploring and Customizing Themes
Exploring CoordinatorLayout
Create and customize Your Toolbar as App Bar
Add and Customize a Pop-Up Menu in the Toolbar
Add an Up Button to Your Toolbar
Implementing Action Views and Action Providers
Implementing the Collapsing Toolbar
Customizing the Collapsing Toolbar
Implementing the SnackBar
Customizing the SnackBar
Implementing Bottom Navigation
Customizing Bottom Navigation
Implementing Navigation Drawer
Display the Navigation Drawer
Handling the Navigation Drawer Events
Implementing Tab Layouts
Implementing Tab Layouts Programmatically
Implementing The RecyclerView
Display The RecyclerView
Implement a List in the RecyclerView
Add Click Events to the RecyclerView
Implementing and Customizing Your CardView
Add a ClickListener to Your CardView
Implement CardView in the RecyclerView
Implement CollapsingToolbarLayout with CardView and RecyclerView
Customize Buttons with Material Design
Implementing Floating Action Button
Implementing Bottom App Bar with Floating Button
Implementing Selection Controls
Implementing Chips
Creating Text Fields
Implementing Progress Bars
Implementing Tooltips
Implementing Sliders
Implementing Dialogs - Alert and Confirmation
Customize Dialogs - Alert and Confirmation
Implementing Dialogs - Date and Time Pickers
Implementing Bottom Sheets
Implementing Full-Screen Dialogs
Implementing ViewPager
Implementing Image Slideshow
Customizing the Image Slideshow
Implementing Swipe Refresh Layout
Customizing Swipe Refresh Layout
Explore Screen Compatibility
Explore ConstraintSet
Creating Animations – Ripple Effect
Exploring Transition – Shared Element, and Circular Effect
Exploring Transition – Slide, Explode, Fade, and overlap Effects
Explore AnimationDrawable
Explore Spring and Fling Movement
Test your knowledge
Hands-On Android Application Components: Styles and Themes
The Course Overview
Responsive design
Exploring Material Design
Grasping more on Material design
Material Components
Environment in Material Design
Getting Started with Styles and Themes
Styling an application
Creating Style and Theme
Color State List
State List Drawable
Exploring Attributes
Using the Material Theme
Using the AppCompat Theme
Inheritance in Styles and Themes
Using ThemeOverlay
Android Studio Theme Editor
Colors in Material Design
Color Tools
Vector Drawable
Version-Specific Styles
DayNight Theme
Custom View and Custom Attributes
Test your knowledge
Hands-On Android Animations
The Course Overview
Introduction to Android Animation
Android Studio Setup to Get Started
Understanding Property Animations
Knowing the Types of Property Animations
Applying Property Animation Using XML
Listening to Events During Animation
Applying Property Animation Using Code
Introduction to Choreographing Animations
Using Sets in XML
Using Sets in Code
Implementing Interpolators
ViewPropertyAnimator versus PropertyValuesHolder
Understanding Animation Drawables
Animating Vector Drawable
Understanding AnimatedVectorDrawables
Using AnimatedVectorDrawables - I
Using AnimatedVectorDrawables - II
Working on Backward Compatibility
Understanding Transitions
Animating Between Views and Layouts
Using TransitionSet for Multiple Transition
Apply Transition from Code
Implementing Transition Without Scenes
Implementing Activity Transition
Using ConstraintLayout and ConstraintSet for KeyFrame Animation
Applying Animation to RecyclerView: Open-Source Library
ViewPager Animation: Using Open-Source Code
Exploring Physics-Based Animation: Fling Animation
Test your knowledge


Complete Guide to Android UI Design, Styles & Animations - Price chart


Complete Guide to Android UI Design, Styles & Animations - Ratings chart

Enrollment distribution

Complete Guide to Android UI Design, Styles & Animations - Distribution chart
Related Topics
udemy ID
course created date
course indexed date
course submited by