Công cụ xem trước thiết kế mặt đồng hồ Garmin

Công cụ này xem trước mặt đồng hồ tròn trong trình duyệt. Công cụ vẽ bố cục kiểu công sở, hiển thị giờ, ngày, số bước chân và nhịp tim, đồng thời cho phép đổi màu từng thành phần. Bản xem trước cập nhật khi màu sắc thay đổi, và thiết kế hoàn chỉnh có thể được tải xuống dưới dạng ảnh PNG.

Đây chỉ là bản xem trước thiết kế. Công cụ không kết nối với đồng hồ và không tạo ra mặt đồng hồ có thể cài đặt.

Bản xem trước hiển thị gì

Mặt đồng hồ sử dụng bố cục mà hầu hết các mặt đồng hồ tròn thường chọn:

• ngày tháng ở phía trên
• giờ được hiển thị lớn ở giữa
• số bước chân và nhịp tim nằm cạnh nhau bên dưới
• vành đồng hồ có các vạch chỉ giờ quanh mép

Có thể thay đổi các chỉ số mẫu để đánh giá thiết kế với những con số thực tế. Số bước có bốn chữ số chiếm nhiều chỗ hơn số có hai chữ số, còn đồng hồ 12 giờ sẽ thêm ký hiệu AM hoặc PM.

Vì sao dùng bảng màu tối

Hầu hết đồng hồ Garmin dạng tròn sử dụng màn hình memory-in-pixel hoặc OLED. Trên màn hình OLED, nền tối tiêu thụ ít điện năng hơn vì các điểm ảnh màu đen chỉ đơn giản là được tắt. Mặt đồng hồ tối cũng dễ đọc hơn dưới ánh nắng mạnh, nơi nền sáng phản chiếu ánh chói.

Các thiết lập sẵn ở đây đều có màu tối vì lý do đó. Vẫn có thể chọn nền sáng, và công cụ sẽ chỉ ra rằng lựa chọn này khác với thông lệ thông thường.

Độ tương phản và khả năng đọc

Người dùng thường chỉ liếc nhìn đồng hồ, trong điều kiện ánh sáng kém hoặc khi đang chuyển động, nên độ tương phản quan trọng hơn so với trên điện thoại. Công cụ đo tỷ lệ tương phản giữa từng thành phần và màu nền bằng công thức WCAG 2,1.

Tỷ lệ này dùng để so sánh độ chói tương đối giữa hai màu:

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

trong đó C là tỷ lệ tương phản.

L1 là độ chói của màu sáng hơn, còn L2 là độ chói của màu tối hơn. Kết quả nằm trong khoảng từ 1:1, nghĩa là hai màu giống hệt nhau, đến 21:1 đối với chữ đen trên nền trắng.

Cần biết hai ngưỡng sau:

• 3:1 là mức tối thiểu đối với chữ cỡ lớn
• 4,5:1 là mức tối thiểu đối với văn bản có kích thước thông thường

Phần hiển thị thời gian có kích thước lớn, nên về nguyên tắc 3:1 là đủ, nhưng tỷ lệ cao hơn sẽ tốt hơn khi ở ngoài trời. Các nhãn nhỏ hơn sẽ dễ đọc hơn với tỷ lệ 4,5:1 hoặc cao hơn.

Ví dụ minh họa

Chọn nền #0b1020, một màu xanh hải quân rất tối, cùng chữ màu trắng #ffffff. Độ tương phản vào khoảng 18:1, đủ dễ đọc trong mọi điều kiện ánh sáng.

Đổi màu số bước thành #2a3a5e, một màu xanh lam gần với màu nền, và tỷ lệ giảm xuống còn khoảng 1,6:1. Khi đó, con số gần như không thể nhìn thấy ở khoảng cách một sải tay, và công cụ sẽ đánh dấu nó.

Tải xuống thiết kế

Nút tải xuống chuyển bản xem trước trực tiếp thành ảnh PNG có kích thước 320 × 320 pixel. Ảnh được tạo trong trình duyệt; không có dữ liệu nào được tải lên. Có thể dùng tệp này để làm bản mô phỏng, chia sẻ để nhận phản hồi hoặc lưu làm tài liệu tham khảo trong khi xây dựng mặt đồng hồ thật bằng các công cụ Connect IQ của Garmin.

Các câu hỏi thường gặp

Công cụ này có tạo ra mặt đồng hồ để tôi cài đặt không?

Không. Công cụ tạo ra hình ảnh của một thiết kế. Để xây dựng mặt đồng hồ có thể cài đặt, cần có Garmin Connect IQ SDK hoặc Garmin Watch Face Builder.

Vì sao bản xem trước có hình vuông trong khi đồng hồ có hình tròn?

Hình ảnh là một vùng vẽ hình vuông với mặt đồng hồ tròn được vẽ bên trong, đây là cách đồ họa mặt đồng hồ thường được tạo. Các góc đơn giản là không hiển thị trên đồng hồ.

Mặt đồng hồ thực nên có kích thước bao nhiêu?

Kích thước phụ thuộc vào mẫu đồng hồ. Các màn hình Garmin mặt tròn phổ biến có kích thước 240 × 240, 260 × 260 và 416 × 416 pixel. Bản xem trước sử dụng kích thước 320 × 320, ở mức trung bình.

Vì sao màu tôi thấy trên đồng hồ lại khác?

Màn hình đồng hồ khác nhau về độ sáng và khả năng tái tạo màu, còn màn hình memory-in-pixel chỉ hiển thị một bảng màu giới hạn. Hãy xem bản xem trước như một hướng dẫn, sau đó kiểm tra trên màn hình thực tế.

Các con số về độ tương phản có ý nghĩa gì?

Đây là các tỷ lệ theo tiêu chuẩn về khả năng tiếp cận WCAG 2,1, cũng là phép đo được sử dụng cho các trang web. Con số càng cao thì càng dễ đọc.