ทีวีแตกต่างจากอินเทอร์เฟซแบบสัมผัสตรงที่ต้องอาศัยสถานะหลักที่แตกต่างกัน (ค่าเริ่มต้น โฟกัส กด) เพื่อดึงดูดความสนใจของผู้ใช้ไปยังองค์ประกอบที่โฟกัส ซึ่งจะใช้เป็นจุดเริ่มต้นสำหรับการนำทาง
ไฮไลต์
- ระบบโฟกัสประกอบด้วยส่วนขององค์ประกอบที่โฟกัสได้
- ตัวบ่งชี้โฟกัสเป็นอุปกรณ์ภาพที่เน้นองค์ประกอบที่โฟกัส
- การบ่งชี้การปรับขนาดจะปรับองค์ประกอบตามปัจจัย x เมื่อโฟกัสหรือเลือก
- แม้ว่าสีพื้นหลังจะคงที่ แต่สีพื้นผิวจะเปลี่ยนได้เมื่อโฟกัส
โฟกัส
โฟกัสคือคำจำกัดความสถานะที่สำคัญสำหรับการออกแบบทีวี การนำทางจะจำกัด เฉพาะการโต้ตอบ D-Pad ที่มีในรีโมตคอนโทรล ผู้ใช้สามารถใช้แป้นลูกศร เพื่อเลื่อน ปุ่มตรงกลางเพื่อเลือก และปุ่มย้อนกลับเพื่อกลับ รีโมต ช่วยให้ผู้ใช้เลื่อนดูการโต้ตอบทีละรายการได้ การเปลี่ยนสถานะ ขององค์ประกอบจะแสดงโดยใช้ตัวบ่งชี้โฟกัสเพื่อช่วยผู้ใช้ในการ แสดงภาพ
องค์ประกอบและกลุ่มที่โฟกัสได้
"องค์ประกอบที่โฟกัสได้" เป็นส่วนสำคัญของอินเทอร์เฟซทีวี "องค์ประกอบที่โฟกัสได้" อาจเป็นคอมโพเนนต์ใดก็ได้ เช่น ปุ่ม การ์ด รายการ หรือพื้นผิวที่กำหนดเอง ผู้ใช้ควรจะโฟกัส องค์ประกอบที่โฟกัสได้เพียงรายการเดียวในแต่ละครั้ง
ในทางกลับกัน "กลุ่มที่โฟกัสได้" จะมี "องค์ประกอบที่โฟกัสได้" อย่างน้อย 1 รายการ "กลุ่มที่โฟกัสได้" สามารถซ้อนกันได้ไม่จำกัดจำนวน กลุ่มที่โฟกัสได้ใช้เพื่อจัดกลุ่มองค์ประกอบที่โฟกัสได้ต่างๆ อย่างเป็นตรรกะเพื่อให้ผู้ใช้ไปยังส่วนต่างๆ ได้อย่างสะดวก
สัญญาณบอกสถานะโฟกัส
ตัวบ่งชี้โฟกัสคือภาพที่มองเห็นได้ชัดเจนขององค์ประกอบที่โฟกัส เมื่อเลือกองค์ประกอบแล้ว องค์ประกอบจะเข้าสู่สถานะ "กด" จนกว่าจะปล่อยปุ่มบนรีโมต
ระบบจะกำหนดค่าแต่ละสถานะขององค์ประกอบที่โฟกัสได้โดยการปรับ พร็อพเพอร์ตี้ต่อไปนี้
- ปรับขนาด - เปลี่ยนขนาดขององค์ประกอบที่โฟกัส
- เส้นขอบ - วาดโครงร่างรอบองค์ประกอบ
- เรืองแสง - สร้างเงาใต้องค์ประกอบ (มักใช้กับการ์ด)
- สี - เปลี่ยนพื้นหลังขององค์ประกอบและสีเนื้อหา
การระบุมาตราส่วน
ปรับขนาดองค์ประกอบเมื่อโฟกัสหรือเลือก ค่าการปรับขนาดเริ่มต้น คือ 1.025, 1.05 และ 1.1 เท่า ใช้ข้อบ่งชี้นี้เพื่อแสดงความคิดเห็นที่ชัดเจนเกี่ยวกับการนำทาง ค่าการปรับขนาดสำหรับองค์ประกอบต่างๆ อาจแตกต่างกันไปตามขนาดขององค์ประกอบ
การแสดงการเรืองแสง
เพิ่มแสงเรืองหรือเงาแบบกระจายรอบๆ องค์ประกอบ การระบุเรืองแสงใช้พารามิเตอร์ต่อไปนี้
- ระดับแสง: แนะนำความสูงขององค์ประกอบ โดยมีตั้งแต่ 2dp - 32dp
- สีเรืองแสง: ระบุได้ตามสีของรูปภาพหรือแบรนด์
การระบุโครงร่าง
เพิ่มเส้นขอบรอบองค์ประกอบโดยไม่ขึ้นอยู่กับเส้นขอบ การระบุโครงร่าง ใช้พารามิเตอร์ต่อไปนี้
- ความกว้างของเส้นขอบ: รูปทรงนอกองค์ประกอบ
- Outline inset: ระยะห่างระหว่างองค์ประกอบและเส้นขอบ
- สีเส้นขอบ: ระบุได้ตามสีของรูปภาพหรือแบรนด์ \
การระบุสี
องค์ประกอบสามารถเปลี่ยนสถานะได้โดยการปรับให้เข้ากับสี การระบุสี ใช้พารามิเตอร์ต่อไปนี้
- สีพื้นหลัง: เปลี่ยนสีพื้นผิวขององค์ประกอบ
- สีเนื้อหา: เปลี่ยนสีของเนื้อหาบนพื้นผิว
การยกระดับโทนเสียง
แม้ว่าสีพื้นหลังจะคงที่ แต่สีพื้นผิวก็เปลี่ยนแปลงได้ พื้นผิว ที่ระดับความสูง +1 ถึง +5 จะมีการปรับสีผ่านการซ้อนทับสี ตามสีหลัก ซึ่งจะทำให้เกิดความแตกต่างของโทนสี ในพื้นผิวพื้นฐาน
พื้นผิวที่มีโทนสีมีประโยชน์หลายประการ ดังนี้
- สร้างเอฟเฟกต์ความสูงเพื่อสร้างความแตกต่างให้กับ องค์ประกอบและข้อความต่างๆ
- สร้างคอนทราสต์เพื่อประโยชน์ด้านการช่วยเหลือพิเศษ
- สร้างการมีส่วนร่วมด้วยภาพ และลดความกระด้างของการเปลี่ยนผ่านระหว่างองค์ประกอบแบบอินเทอร์แอกทีฟ
ปิดอยู่
ในสถานะที่ปิดใช้ สีพื้นหลังและความทึบแสงจะแสดงความโดดเด่นที่ต่ำกว่าเพื่อแสดงว่าคลิกออบเจ็กต์ไม่ได้
กรณีการใช้งาน
องค์ประกอบที่โฟกัสได้มี 3 สถานะหลัก ได้แก่ ค่าเริ่มต้น โฟกัส และกด พร้อมด้วยสถานะเพิ่มเติม ได้แก่ เปิดใช้ ปิดใช้ และเลือก ซึ่งรวมกันเป็นเมทริกซ์
บัตรต่างๆ
| ค่าเริ่มต้น | มีสมาธิ | กดแล้ว | |
|---|---|---|---|
| เปิดใช้ |
|
|
|
ปุ่ม
| ค่าเริ่มต้น | มีสมาธิ | กดแล้ว | |
|---|---|---|---|
| เปิดใช้ |
|
|
|
| ปิดอยู่ |
|
|
|
ชิป (Chip)
| ค่าเริ่มต้น | มีสมาธิ | กดแล้ว | |
|---|---|---|---|
| เปิดใช้ |
|
|
|
| เปิดใช้ + เลือก |
|
|
|
| ปิดอยู่ |
|
|
|
| ปิดใช้ + เลือก |
|
|
|