Mở rộng Material Design: Material 3 Expressive

• Google đã cập nhật lớn cho hệ thống thiết kế Material 3
• Material 3 Expressive bổ sung các tính năng mới, các component mới và chiến lược thiết kế nhằm xây dựng UX giàu cảm xúc và mạnh mẽ
  • Đây không phải là hệ thống mới “M4”, cũng không phải việc loại bỏ M3 hiện tại
• Theo kết quả từ 46 nghiên cứu người dùng với 18.000 người tham gia kể từ năm 2014, mọi nhóm tuổi đều ưa thích thiết kế Expressive hơn. Tốc độ nhận diện các yếu tố UI được cải thiện tới 4 lần
• Bao gồm tổng cộng 15 component mới hoặc được cải tiến: Button groups, FAB menu, Loading Indicator, Split button, Toolbars, v.v. được bổ sung mới
• Hệ thống motion-physics được cấu thành từ các spring về không gian/hiệu ứng, typography được nhấn mạnh hơn, bổ sung hơn 35 hình dạng mới cùng hỗ trợ biến thể animation, và mở rộng màu sắc để cá nhân hóa và nhấn mạnh thứ bậc
• Nhà thiết kế có thể kết hợp hình dạng, màu sắc, văn bản, container, motion và component linh hoạt để tạo nên Hero moment
  • Tiêu chí đánh giá Hero moment
    • Có tạo tác động mạnh về mặt cảm xúc không?
    • Đây có phải là tương tác cốt lõi trong sản phẩm không?
• Các liên kết chính
  • Hướng dẫn M3 đã cập nhật
  • Bộ thiết kế Figma đã cập nhật
  • Mã alpha cho Jetpack Compose