mobile-android-design

Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications.

- Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility

- Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables

- Includes navigation implementations for bottom navigation, navigation drawers, and Navigation Compose with state management

- Offers Material 3 theming examples with custom color schemes, typography scales, and dynamic color support for Android 12+

- Contains best practices for state hoisting, recomposition, touch targets, content descriptions, and common performance pitfalls

Android Mobile Design

Master Material Design 3 (Material You) and Jetpack Compose to build modern, adaptive Android applications that integrate seamlessly with the Android ecosystem.

When to Use This Skill

- Designing Android app interfaces following Material Design 3

- Building Jetpack Compose UI and layouts

- Implementing Android navigation patterns (Navigation Compose)

- Creating adaptive layouts for phones, tablets, and foldables

- Using Material 3 theming with dynamic colors

- Building accessible Android interfaces

- Implementing Android-specific gestures and interactions

- Designing for different screen configurations

Core Concepts

1. Material Design 3 Principles