การพิมพ์

เนื่องจากโดยปกติแล้วผู้ใช้จะดูหน้าจอโทรทัศน์จากระยะไกล อินเทอร์เฟซที่ใช้ ตัวอักษรขนาดใหญ่จึงอ่านง่ายและสบายตาสำหรับผู้ใช้ ขนาดแบบอักษรเริ่มต้นของ TV Design มีรูปแบบแบบอักษรที่ยืดหยุ่นและตัดกันเพื่อ รองรับกรณีการใช้งานที่หลากหลาย

ไฮไลต์

  • ให้ความสำคัญกับการใช้ตัวอักษรขนาดใหญ่ขึ้นเพื่อประสบการณ์การรับชมที่สะดวกสบายยิ่งขึ้นบนหน้าจอทีวี
  • แบบอักษรเริ่มต้นของ Android TV คือ Roboto
  • เลือกแบบอักษรที่อ่านง่ายและแตกต่างกันซึ่งแสดงถึงสไตล์แบรนด์ของคุณได้ดีที่สุด
  • ตรวจสอบว่าแบบอักษรสามารถอ่านได้โดยย่อ โดยมีความกว้างและ การปรับขนาดตามการมองเห็นที่เหมาะสม
  • จับคู่แบบอักษรที่เข้ากัน เช่น ใช้แบบอักษร Sans-Serif สำหรับข้อความและป้ายกำกับ
  • เพิ่มความสามารถในการอ่านด้วยการหลีกเลี่ยงแบบอักษรตกแต่ง

แบบอักษร

แบบอักษรเริ่มต้น

Android TV มีแบบอักษรของระบบเป็นของตัวเองคือ Roboto ซึ่งได้รับการเพิ่มประสิทธิภาพเพื่อให้อ่านง่ายและชัดเจน ใช้ Roboto สำหรับองค์ประกอบ UI ที่ใช้งานได้จริงและไม่มีการสร้างแบรนด์ ซึ่งเหมาะที่สุดสำหรับการใช้งานผ่านประสบการณ์การใช้งานแพลตฟอร์มดั้งเดิม

Roboto

แบบอักษรที่แตกต่างกัน

หากทำได้ ให้ใช้แบบอักษรที่โดดเด่นซึ่งแสดงถึงสไตล์ของแบรนด์ สิ่งสำคัญที่ควรพิจารณาเมื่อเลือกแบบอักษรมีดังนี้

  • ความสามารถในการอ่าน - ใช้แบบอักษรที่มีช่องว่างภายในขนาดใหญ่และขนาดออปติคัลที่เหมาะสมเพื่อให้ อ่านได้ดีขึ้นจากระยะไกล ตรวจสอบว่าตัวอักษรแต่ละตัวแยกออกจากกันได้
  • อ่านได้ในพริบตา - ข้อความใดๆ บนทีวีต้องมีแบบอักษรที่มีความกว้างที่อ่านได้ เนื่องจากเส้นที่บางกว่าจะ ไม่สามารถจดจำได้ทันที
  • จับคู่แบบอักษรที่เข้ากัน - หากต้องการใช้แบบอักษรหลายแบบ ให้ใช้ แบบตัวพิมพ์ Sans Serif สำหรับข้อความเนื้อหาและป้ายกำกับ
  • หากเป็นไปได้ ให้หลีกเลี่ยงแบบอักษรตกแต่ง แม้ว่าขนาดแบบอักษรบนทีวีจะใหญ่กว่าขนาดการแสดงผลอื่นๆ แต่ความสามารถในการอ่านข้อความ UI เป็นสิ่งสำคัญที่สุด หลีกเลี่ยงแบบอักษรที่ใช้เป็นข้อความเนื้อหาไม่ได้

การเลือกแบบอักษร

มาตราส่วนประเภท

สเกลประเภทคือการเลือกรูปแบบแบบอักษรที่ใช้ได้ในแอป ซึ่งช่วยให้มั่นใจได้ถึงรูปแบบที่ยืดหยุ่นแต่สอดคล้องกันซึ่งรองรับวัตถุประสงค์ที่หลากหลาย สเกลประเภทการออกแบบทีวีเป็นการผสมผสานสไตล์ 15 แบบ แต่ละแบบมีแอปพลิเคชันและความหมายที่ตั้งใจไว้ โดยจะกำหนดตามการใช้งาน เช่น "แสดง" หรือ "บรรทัดแรก" และจัดกลุ่มเป็นหมวดหมู่ตามขนาด (ใหญ่หรือเล็ก) การออกแบบทีวีเริ่มต้น ของประเภทสเกลใช้ Roboto สำหรับชื่อ ป้ายกำกับ และข้อความเนื้อหาทั้งหมดเพื่อ สร้างประสบการณ์การพิมพ์ที่เป็นหนึ่งเดียว

ขนาดตัวอักษร

ดูข้อมูลเกี่ยวกับโทเค็นการพิมพ์และการปรับแต่งแบบอักษรได้ที่ Material Design 3

พิมพ์บทบาท

จอแสดงผล

รูปแบบการแสดงผลมี 3 รูปแบบในขนาดตัวอักษรเริ่มต้น ได้แก่ ใหญ่ กลาง และเล็ก รูปแบบการแสดงผลขนาดใหญ่เป็นข้อความที่ใหญ่ที่สุดบนหน้าจอ จึง สงวนไว้สำหรับข้อความสั้นๆ ที่สำคัญ หรือตัวเลข โดยสามารถใช้เป็นหัวเรื่องหลักของหน้าจอได้ อย่าใช้รูปแบบการแสดงผลขนาดใหญ่ สำหรับส่วนหัวหรือหัวข้อคลัสเตอร์

แสดงประเภท

บรรทัดแรก

บรรทัดแรกเหมาะสำหรับข้อความสั้นๆ ที่เน้นย้ำ รูปแบบเหล่านี้เหมาะสำหรับการทำเครื่องหมายข้อความหลักหรือ ส่วนสำคัญของเนื้อหา โดยใช้สำหรับส่วนหัวในแครอเซลที่แนะนำและคลัสเตอร์ที่สมจริง นอกจากนี้ บรรทัดแรกยังใช้ แบบตัวพิมพ์ที่สื่อความหมายได้ โดยมีระยะบรรทัดและระยะห่างระหว่างตัวอักษรที่เหมาะสม เพื่อช่วยให้อ่านง่าย

พิมพ์บรรทัดแรก

ชื่อ

รูปแบบชื่อมีขนาดเล็กกว่ารูปแบบบรรทัดแรก ใช้ชื่อสำหรับข้อความที่มีการเน้นระดับปานกลาง เช่น ลองใช้ชื่อเพื่อแบ่งข้อความส่วนรองหรือเนื้อหาส่วนรอง

ใช้ชื่อสำหรับองค์ประกอบ UI เช่น การ์ดหรือรายการ ขนาดชื่อมีขนาดกะทัดรัด พร้อมทั้งให้ระดับความโดดเด่นและความชัดเจนที่เป็นประโยชน์

ชื่อประเภท

เนื้อความ

ใช้รูปแบบเนื้อหาสำหรับข้อความที่ยาวขึ้นในแอป ใช้แบบอักษร ที่อ่านได้ในขนาดที่เล็กกว่าและอ่านได้อย่างสบายตาในข้อความ ที่ยาวขึ้น หลีกเลี่ยงการใช้แบบอักษรตกแต่งสำหรับข้อความเนื้อหา เนื่องจากแบบอักษรเหล่านี้อาจอ่านยาก จากระยะไกล

พิมพ์เนื้อหา

ป้ายกำกับ

รูปแบบป้ายกำกับเป็นรูปแบบขนาดเล็กที่ใช้งานได้จริง ซึ่งใช้กับสิ่งต่างๆ เช่น ข้อความ ภายในคอมโพเนนต์ หรือข้อความขนาดเล็กมากในเนื้อหา เช่น คำบรรยายแทนเสียง เช่น ปุ่มจะใช้รูปแบบป้ายกำกับขนาดใหญ่

ติดป้ายกำกับประเภท