Hệ thống lấy nét

Không giống như giao diện cảm ứng, TV chủ yếu dựa vào các trạng thái chính (mặc định, làm tâm điểm, nhấn) để thu hút sự chú ý của người dùng đến các phần tử được lấy tâm điểm. Đây là điểm bắt đầu cho quá trình điều hướng.

Tiêu điểm

  • Hệ thống lấy nét bao gồm các phần gồm các phần tử có thể làm tâm điểm.
  • Chỉ báo tiêu điểm là thiết bị trực quan làm nổi bật những thành phần được lấy tiêu điểm.
  • Chỉ báo tỷ lệ điều chỉnh một phần tử theo hệ số x khi được chọn hoặc làm tâm điểm.
  • Trong khi màu nền ở dạng tĩnh, màu bề mặt có thể thay đổi khi được lấy tiêu điểm.

Trọng tâm

Tiêu điểm là định nghĩa trạng thái chính trong thiết kế TV. Hoạt động điều hướng bị hạn chế ở các hoạt động tương tác D-Pad có trên điều khiển từ xa. Người dùng có thể sử dụng các phím mũi tên để di chuyển, nút giữa để chọn và phím quay lại để quay lại. Điều khiển từ xa cho phép người dùng di chuyển qua từng tương tác một. Sự thay đổi trạng thái của một phần tử được biểu thị bằng chỉ báo tiêu điểm để hỗ trợ người dùng hình dung.

Nhóm và phần tử có thể làm tâm điểm

"Phần tử có thể lấy tiêu điểm" là một phần không thể thiếu trong giao diện TV. "Phần tử có thể lấy tiêu điểm" có thể là thành phần bất kỳ như nút, thẻ, mục trong danh sách hoặc một bề mặt được xác định tuỳ chỉnh. Tại bất kỳ thời điểm nào, người dùng sẽ chỉ có thể tập trung vào một thành phần có thể làm tâm điểm.

Mặt khác, "Nhóm có thể lấy tiêu điểm" chứa một hoặc nhiều "thành phần có thể làm tâm điểm". Số lượng "nhóm có thể làm tâm điểm" lồng ghép là bất kỳ. Các nhóm có thể lấy tiêu điểm được dùng để nhóm các phần tử có thể đặt tiêu điểm khác nhau một cách hợp lý nhằm điều hướng thân thiện với người dùng.

Phân tích tiêu điểm

Chỉ báo tập trung

Chỉ báo tiêu điểm là hình ảnh riêng biệt của một phần tử được lấy tiêu điểm. Khi được chọn, một phần tử sẽ chuyển sang trạng thái "nhấn" cho đến khi nút từ xa được nhả ra.

Mỗi trạng thái của một phần tử có thể làm tâm điểm được định cấu hình bằng cách điều chỉnh các thuộc tính sau:

  • Tỷ lệ – Thay đổi kích thước của phần tử được đặt tiêu điểm
  • Đường viền — Vẽ đường viền xung quanh phần tử
  • Glow – Tạo bóng trong phần tử (thường dùng trên thẻ)
  • Màu – Thay đổi màu nội dung và nền của phần tử

Các loại tiêu điểm

Chỉ báo tỷ lệ

Điều chỉnh tỷ lệ phần tử khi đặt làm tâm điểm hoặc được chọn. Giá trị tỷ lệ mặc định là: 1,025, 1,05 và 1,1x. Hãy sử dụng chỉ báo này để có ý kiến phản hồi rõ ràng về thao tác. Giá trị tỷ lệ cho các phần tử khác nhau có thể thay đổi tuỳ theo kích thước của các phần tử đó.

Tỷ lệ lấy nét

Chỉ báo hiệu ứng phát sáng

Thêm ánh sáng hoặc bóng khuếch tán xung quanh phần tử. Chỉ báo độ sáng có các tham số sau:

  1. Mức độ sáng: đề xuất độ cao của phần tử, nằm trong khoảng từ 2 dp đến 32 dp
  2. Màu toả sáng: có thể được chỉ định theo màu của hình ảnh hoặc thương hiệu

Toả sáng lấy nét

Chỉ báo về đường viền

Thêm đường viền xung quanh phần tử độc lập với đường viền. Chỉ báo đường viền sử dụng các tham số sau:

  1. Chiều rộng đường viền: biểu mẫu bên ngoài phần tử
  2. Phần lồng ghép đường viền: khoảng cách giữa phần tử và đường viền của phần tử
  3. Màu đường viền: có thể được chỉ định theo màu hình ảnh hoặc màu thương hiệu \

Đặt tiêu điểm vào đường viền

Chỉ báo màu

Các phần tử có thể thay đổi trạng thái bằng cách điều chỉnh theo màu sắc. Chỉ báo màu sử dụng các tham số sau:

  1. Màu nền: Thay đổi màu bề mặt của một phần tử
  2. Màu nội dung: Thay đổi màu của nội dung trên nền tảng

Màu lấy nét

Độ nâng dùng sắc độ màu

Trong khi màu nền ở dạng tĩnh, màu bề mặt có thể thay đổi. Các nền tảng ở độ nâng từ +1 đến +5 được phủ màu thông qua lớp phủ màu dựa trên màu chính. Điều này tạo ra sự thay đổi sắc độ cho đường cơ sở của nền tảng.

Vùng hiển thị sắc độ màu mang lại nhiều lợi ích:

  • Tạo hiệu ứng của độ cao để tạo sự khác biệt giữa các thành phần và văn bản
  • Thiết lập độ tương phản để tăng khả năng hỗ trợ tiếp cận
  • Tạo sự tương tác trực quan và làm dịu hiệu ứng chuyển cảnh giữa các phần tử tương tác

Đã tắt

Ở trạng thái bị vô hiệu hoá, màu nền và độ mờ sẽ hiển thị mức độ nổi bật thấp hơn để thể hiện rằng đối tượng không thể nhấp vào.

Trường hợp sử dụng

Phần tử có thể làm tâm điểm có 3 trạng thái chính: mặc định, làm tâm điểm và được nhấn, cùng với các trạng thái bổ sung: bật, tắt và được chọn tạo thành ma trận.

Thẻ thông tin

Mặc định tập trung Đã nhấn
Đã bật Huỷ thẻ Tập trung vào thẻ Đã nhấn thẻ

Nút

Mặc định tập trung Đã nhấn
Đã bật Mặc định bật nút Đã bật nút, có tiêu điểm Đã nhấn nút bật
Đã tắt Nút mặc định bị tắt Đã tắt nút được lấy làm tiêu điểm Đã nhấn nút đã tắt

Khối

Mặc định tập trung Đã nhấn
Đã bật Mặc định bật khối Đã bật khối lấy tiêu điểm Đã nhấn vào khối bật
Đã bật + Đã chọn Chế độ mặc định được chọn là bật khối Đã bật khối được chọn làm tiêu điểm Đã nhấn nút "Bật khối" được chọn
Đã tắt Theo mặc định, khối bị vô hiệu hoá Đã tắt khối lấy tiêu điểm Đã nhấn vào khối bị vô hiệu hoá
Đã tắt + đã chọn Khối đã tắt theo chế độ mặc định được chọn Đã tắt khối được chọn làm tiêu điểm Đã chọn khối bị vô hiệu hoá