Tổng quan
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Material 3 Expressive là hệ thống thiết kế mới nhất cho màn hình nhỏ nhất của chúng tôi: đồng hồ. Được tối ưu hoá cho kiểu dáng tròn, ứng dụng này mang đến bản cập nhật thiết kế nhấn mạnh tính cao cấp và khả năng thể hiện tốt hơn. Thiết kế và tạo ứng dụng đồng hồ đẹp mắt và biểu cảm bằng Material 3 Expressive.
Nguyên tắc thiết kế biểu cảm
Thiết kế biểu cảm nâng cao từng lớp giao diện người dùng bằng cách xử lý hình dạng, ảnh động, màu sắc và kiểu chữ một cách chu đáo.
Vòng Embrace
Material 3 Expressive giới thiệu một khung hình dạng được thiết kế cho màn hình tròn. Chế độ này sử dụng toàn bộ canvas để tối ưu hoá khả năng xem nhanh và cân bằng hình ảnh.
Ảnh động và lò xo cao cấp
Các bản cập nhật Material 3 Expressive giúp thao tác điều hướng trở nên tự nhiên, cao cấp và nhất quán trong mọi quá trình chuyển đổi. Hiệu ứng chuyển động hiện kết nối các bề mặt theo không gian.
Các cảm biến này phản hồi chính xác hơn với cử chỉ của người dùng, giúp thao tác điều hướng trở nên trực quan hơn.
Biến đổi hình dạng
Material 3 Expressive giới thiệu một khung biến đổi hình dạng cho danh sách và các nút chọn, được tối ưu hoá để mang lại cảm giác cao cấp hơn. Danh sách có tính năng cuộn mượt mà trên một hệ số hình dạng tròn.
Màu sắc phong phú
Hệ thống màu mở rộng để sử dụng các bảng màu sắc độ sâu hơn và bộ mã thông báo rộng hơn đi kèm với Material 3 Expressive. Việc thêm màu nhấn thứ ba, cùng với nhiều biến thể mã thông báo hơn và vai trò màu sắc cụ thể hơn, mang lại cả chiều sâu và sự đa dạng cho hệ thống thiết kế.
Phông chữ biến đổi
Material 3 Expressive thay thế tất cả các thực thể của Roboto bằng Roboto Flex.
Thang kiểu chữ cơ sở được điều chỉnh và tối ưu hoá cho màn hình bo tròn của đồng hồ.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-26 UTC."],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]
