← Retour à Platform-Specific

Material Design patterns et composants spécifiques à Android

MD3Material Design 3 Principles

Principes fondamentaux du Material Design 3 (You)

🎨 Dynamic Color

Couleurs adaptatives basées sur le fond d'écran utilisateur

🎯 Personal

Expérience personnalisée selon les préférences

📱 Adaptive

Interface s'adaptant à tous les écrans et contextes

NAVNavigation Android

Patterns de navigation conformes aux guidelines Android

📱 Bottom Navigation

Home
Explore
Library
Profile
  • • 3-5 destinations de niveau supérieur
  • • Icônes avec labels obligatoires
  • • Indicateur d'état actif distinctif

🚀 Navigation Rail

Contenu principal de l'écran

  • • Pour tablettes et écrans larges
  • • Navigation compacte sur le côté
  • • Optimisé pour le mode paysage
COMPComposants Material

Composants Material Design 3 standards

🔘 Material Buttons

🃏 Material Cards

Elevated Card

Avec ombre portée

Outlined Card

Avec bordure

➕ Floating Action Button

Extended FAB

🏷️ Material Chips

Filter ChipInput ChipChoice Chip
COLORSystème de Couleurs Dynamiques

Système de couleurs Material You adaptatif

🎨 Color Roles

Primary
Action principale
Secondary
Actions secondaires
Tertiary
Accents et contraste
Error
États d'erreur

📊 Tonal Palette

Primary Tones
100 → 95 → 90 → 80 → 40 → 30 → 20 → 10 → 0
TOUCHGestes Android

Patterns d'interaction tactile Android standards

👆 System Gestures

  • • Back - Swipe depuis le bord
  • • Home - Swipe up depuis le bas
  • • Recent Apps - Swipe up et hold
  • • Pull to Refresh - Actualisation
  • • Swipe to Dismiss - Suppression

📱 Touch Targets

  • • Minimum - 48dp x 48dp
  • • Recommended - 56dp+ pour FAB
  • • Spacing - 8dp entre éléments
  • • Thumb Zone - Zone accessible
  • • Feedback - Ripple effect
RESPONSIVEDesign Adaptatif Android

Guidelines pour supports multiples et orientations

Compact

< 600dp width

Téléphones portrait

Medium

600-840dp width

Tablettes, pliables

Expanded

> 840dp width

Grands écrans