แบบอักษร

แทนที่อินสแตนซ์ทั้งหมดของ Roboto ด้วย Roboto Flex ปรับขนาดแบบพื้นฐานที่เพิ่มประสิทธิภาพให้เหมาะกับนาฬิกาและภาษาการออกแบบที่สื่อความหมายของ Material 3

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

Roboto Flex

Roboto Flex มีชุดแกนตัวแปรที่รองรับกรณีการใช้งานของแอป

แกนปรับได้

แม้ว่าแบบอักษรแบบแปรผันจะมีแอตทริบิวต์แบบอักษรแบบแปรผันมากมายสำหรับการแสดงออก แต่ก็มี 2 แอตทริบิวต์สไตล์ (หรือแกน) ที่ปรับแต่งได้ซึ่งเหมาะกับการออกแบบผลิตภัณฑ์มากที่สุด ได้แก่ ความหนาและขนาด

น้ำหนัก

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

สิ่งที่ต้องจดจำ

ข้อควรระวัง

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

ข้อควรระวัง

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

ความกว้าง

ความกว้างคือผลลัพธ์ของพื้นที่แนวนอนที่ตัวอักษรของแบบอักษรใช้ แถบแคบช่วยให้ใส่อักขระได้มากขึ้นต่อบรรทัด ในขณะที่แถบกว้างอาจแสดงถึงบุคลิกภาพได้มากกว่า

สิ่งที่ต้องจดจำ

ควรทำ

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

ไม่ควรทำ

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