Bắt đầu thiết kế cho Wear OS
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 Design cho Wear OS giúp bạn thiết kế trải nghiệm hấp dẫn cho ứng dụng.
Tìm hiểu các trường hợp sử dụng
Đồng hồ cho phép người dùng lướt để xem nhanh thông tin, chẳng hạn như xem tiến trình của các mục tiêu về sức khoẻ và thể chất, và hành động nhanh chóng, chẳng hạn như phản hồi tin nhắn nhanh. Hãy tập trung vào các trường hợp sử dụng như vậy khi thiết kế ứng dụng cho đồng hồ thông minh.
Giao diện đồng hồ thể hiện rõ những tính năng đặc trưng không có sẵn trên các thiết bị di động, bao gồm:
- Đầu vào được bật bằng kết nối cơ thể (thông qua các cảm biến và tính năng phát hiện chuyển động).
- Truy cập nhanh vào thông tin và thao tác có thể lướt xem nhanh, chẳng hạn như chức năng, thông báo và Thẻ thông tin.
Đồng hồ cũng có một số hạn chế như:
- Không gian màn hình nhỏ hơn
- Mật độ thông tin thấp hơn
- Thời lượng pin hạn chế
Hãy xem xét cả các khả năng và hạn chế của nền tảng khi thiết kế ứng dụng cho đồng hồ.
check_circle
Nên
Thiết kế trải nghiệm để các nhiệm vụ có thể được thực hiện dễ dàng bằng giao diện đồng hồ.
cancel
Không nên
Đừng tạo các ứng dụng phức tạp và chi tiết có các mục như bảng tính, vì chức năng này khó được chỉnh sửa và xem trên đồng hồ.
Thử nghiệm thiết kế
Đa số các thiết bị Wear OS có màn hình tròn, khiến cho không gian của giao diện người dùng ít hơn 22% so với màn hình chữ nhật. Màn hình tròn cũng cần lề lớn để văn bản dễ đọc hơn.
Material Design cho Wear OS giúp bạn thiết kế trải nghiệm hấp dẫn cho ứng dụng. Ảnh chụp màn hình sau đây cho thấy một vài ví dụ minh hoạ về các ứng dụng Wear OS tuân theo những nguyên tắc được mô tả trong hướng dẫn này.
check_circle
Nên
Trước tiên, hãy thiết kế cho các thiết bị hình tròn để đảm bảo bố cục của bạn hoạt động trong các giới hạn kích thước nhỏ hơn.
cancel
Không nên
Những người đeo đồng hồ thường xuyên chuyển động, cho dù họ đang đứng, ra một cử chỉ hay đang chạy để bắt xe buýt. Thử nghiệm thiết kế của bạn trong các tình huống liên quan đến chuyển động của người dùng để đảm bảo thiết kế có thể dùng được vào mục đích lướt xem nhanh.
Ví dụ về ứng dụng:
Material Design cho Wear OS giúp bạn thiết kế trải nghiệm hấp dẫn cho ứng dụng. Ảnh chụp màn hình sau đây cho thấy một vài ví dụ minh hoạ về các ứng dụng Wear OS tuân theo những nguyên tắc được mô tả trong hướng dẫn này.
Hình 1. Ví dụ về một ứng dụng đa phương tiện.
Hình 2. Ví dụ về một ứng dụng quản lý tác vụ.
Hình 3. Ví dụ về một ứng dụng nhắn tin nhanh.
Hình 4. Ví dụ về một ứng dụng đồng hồ bấm giờ.
Hình 5. Ví dụ về một ứng dụng gọi điện (trình quay số)
Hình 6. Ví dụ về một ứng dụng tính toán (ứng dụng máy tính).
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-27 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-27 UTC."],[],[],null,["# Getting started designing for Wear OS\n\nMaterial Design for Wear OS helps you design engaging app experiences.\n\nUnderstand use cases\n--------------------\n\nWatches allow users to get information at a glance, such as seeing\nprogress towards health and fitness goals, and to act quickly, like responding\nto an instant message. Focus on use cases like these when designing apps for\nsmartwatches.\n\nThe watch interface presents unique opportunities that are not available\non mobile devices, including:\n\n- Input enabled by a physical body connection (through sensors and motion detection).\n- Quick access to glanceable information and actions, such as complications, notifications, and Tiles.\n\nThe watch also comes with limitations:\n\n- Smaller screen space\n- Lower information density\n- Limited battery life\n\nConsider both the capabilities and limitations of the platform when designing\napps for watches. \ncheck_circle\n\n### Do\n\nDesign experiences where tasks can be accomplished easily using the watch interface. \ncancel\n\n### Don't\n\nDon't create complex, detailed apps that include items like spreadsheets, as this is difficult to edit and view on a watch.\n\nTest designs\n------------\n\nThe majority of Wear OS devices have round screens, which have 22% less UI\nspace than square displays. Round screens also need larger margins for text to\nbe more readable.\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide. \ncheck_circle\n\n### Do\n\nDesign for round devices first to make sure your layout works within the smaller size constraints. \ncancel\n\n### Don't\n\nPeople wearing watches are regularly in motion, whether they are standing, gesturing, or running to catch a bus. Test your designs in situations that involve user movement to make sure the design is usable at a glance.\n\nApp examples\n------------\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide.\n\n\n**Figure 1.** An example of a media app.\n\n**Figure 2.** An example of a task management app.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** An example of an instant messaging app.\n\n**Figure 4.** An example of a stopwatch app.\n\n\u003cbr /\u003e\n\n\n**Figure 5.** An example of a dialer app.\n\n**Figure 6.** An example of a calculator app.\n\n\u003cbr /\u003e"]]
