SF Thonburi : iOS, MacOS System Font
Font สำหรับการออกแบบ UI บน iOS, MacOS
SF Thonburi คือการเอา ตัวอักษรภาษาอังกฤษ ตัวเลข และ สัญลักษณ์ต่างๆของฟอนต์ SF Pro มาผสมกับตัวอักษรภาษาไทยของฟอนต์ Thonburi
ทำไมต้องทำแบบนี้
ฟอนต์ของระบบ (Default System Font) ของ iOS ปัจจุบันจะเป็นฟอนต์ SF Pro และ ภาษาไทยจะเป็นฟอนต์ Thonburi แอพชั้นนำอย่าง Facebook, Twitter, Instagram เวลาแสดงผลจะใช้ System Font เมื่อแสดงเนื้อหาที่มีภาษาไทยปนกับภาษาอังกฤษ ระบบจะดึงฟอนต์ SF Pro มาก่อนและ ดึงฟอนต์ Thonburi มาเติมสำหรับตัวอักษรที่ SF Pro ไม่มี(เช่นตัวอักษรภาษาไทย) จึงแสดงผลออกมาเป็นฟอนต์ SF Pro ผสมกับ Thonburi
นอกจากแอพชั้นนำต่างๆ เวลาเราทำเว็บไซต์หากต้องการใช้ฟอนต์ของระบบ iOS ก็จะทำงานแบบเดียวกัน
ปัญหาก็คือโปรแกรมสำหรับออกแบบ UI อย่าง Figma หรือแม้กระทั่ง Photoshop, Illustrator เวลาทำงานเราจะไม่สามารถกำหนดได้ว่าถ้า Font ที่เราเลือกไว้มีตัวอักษรไม่ครบจะให้ Fallback ไปฟอนต์ไหน ทำให้ทำงานได้ไม่สะดวก และไม่สามารถทำ UI Mockup ที่สมจริงได้ ไม่ว่าเราจะกำลังออกแบบเว็บหรือแอพ
Sketch และ Adobe XD หากเรากำหนดฟอนต์เป็น SF Pro ถ้าเราใช้งานบน MacOS ระบบจะ Fallback ไปที่ Font Thonburi ได้ แต่หากใช้ Figma หรือ Adobe XD บน Windows ก็จะไม่สามารถทำได้
LINE MAN Wongnai เลยทำฟอนต์ SF Thonburi ขึ้นมาสำหรับใช้ออกแบบ UI
ข้อดีของการใช้ฟอนต์ของระบบ หรือ System Font
ฟอนต์ของระบบเป็นฟอนต์ที่ผู้ใช้งานคุ้นเคย เป็นฟอนต์มีหัว (Loop) ที่อ่านได้ง่าย หลายๆ ทีม หรือ บริษัทอาจจะไม่ได้มีงบประมาณในการซื้อฟอนต์ หรือ ทำฟอนต์ของตัวเอง และบางครั้งก็อาจจะไม่มั่นใจว่าฟอนต์ Custom ที่เรานำเอามาใช้นั้นเหมาะสมกับการใช้งานรึเปล่า ดังนั้นการเลือกใช้ฟอนต์ของระบบก็เป็นตัวเลือกที่ไม่ควรถูกมองข้าม เพราะฟอนต์ของระบบจะเป็นฟอนต์ที่ไม่มีบุคลิค หรือ เอกลักษณ์ที่โดดเด่นไปในทางใดทางหนึ่ง ทำให้เราสามารถหยิบมาใช้งานได้ โดยไม่ต้องกังวลว่าฟอนต์จะทำให้ Brand Identity ของเราผิดไป และวิธีนี้ก็เป็นวิธีที่แอพชั้นหลายแอพใช้กันด้วย
Developer ต้องเอาฟอนต์ SF Thonburi ไปใส่ไว้ในแอพรึเปล่า
ไม่ต้อง ฟอนต์ SF Thonburi นั้นเอาไว้สำหรับทำ UI Mockup เท่านั้น ให้สื่อสารกับ Developer ว่าถ้าเห็น SF Thonburi ใน Design Spec ให้ตั้งเป็น Default System Font ไปเลย ในเครื่อง iOS นั้นจะมีฟอนต์ SF Pro และ Thonburi อยู่แล้ว
การใช้งาน - License
ใช้สำหรับออกแบบ User Interface ทำ Mockup ของ Software ที่จะขึ้นไปอยู่บน iOS, iPadOS, macOS หรือ tvOS ของ Apple เท่านั้น รวมไปถึงใช้ใน Screenshot หรือ ภาพต่างๆที่สื่อถึง Software นั้นๆที่ทำงานอยู่บนสินค้า Apple