ฟีเจอร์สำคัญอย่างหนึ่งของ Android 4.0 Ice Cream Sandwich คือฟอนต์ตัวใหม่ Roboto ที่ออกแบบขึ้นมาใหม่หมดเพื่อใช้แทนฟอนต์ตระกูล Droid (ทั้ง Droid Sans/Serif) ที่ใช้มาตั้งแต่แรก
Matias Duarte หัวหน้าทีมออกแบบของ Android (เขาเคยอยู่กับ Palm มาก่อน) ออกมาอธิบายเบื้องหลังการสร้างฟอนต์ Roboto ผ่าน Google+ ของเขาดังนี้
Matias อธิบายว่าฟอนต์ Droid ถูกออกแบบมาเพื่อใช้กับจอภาพที่ไม่ละเอียดอย่างในปัจจุบัน จึงไม่มีการทำ anti-alias เพื่อให้ฟอนต์ดูคมขึ้น ตัวอักษรจึงดูเป็นบล็อค และฟอนต์ตัวหนาจะมีความกว้างกว่าฟอนต์ตัวธรรมดา (เกิดจากข้อจำกัดเรื่องการออกแบบฟอนต์โดยใช้พิกเซลจำนวนน้อยๆ) ผลคือเวลาเปลี่ยนจากตัวธรรมดา <=> ตัวหนาจะเกิดอาการ "ข้อความเลื่อน" ให้เห็น
เมื่อมาถึงยุคสมัยของ Ice Cream Sandwich หน้าจอมือถือมีความละเอียดเพิ่มขึ้นมาก (Galaxy Nexus ละเอียด 720p) ทำให้กูเกิลต้องหาฟอนต์ใหม่ โดยมีข้อกำหนดว่าฟอนต์ใหม่ต้องดูทันสมัย คม และสอดคล้องกับแนวทางการออกแบบสไตล์ "แมกกาซีน" ของ ICS ด้วย
ฟอนต์ตัวใหม่นี้ยังต้องแสดงผลได้ดีบนหน้าจอของอุปกรณ์รุ่นเก่าอย่าง Nexus S และต้องแสดงผลข้อมูลที่เป็นบล็อคหรือตารางได้ดี ข้อกำหนดสุดท้ายคือฟอนต์ตัวนี้จะมีสถานะเป็น UI font ทำให้มันต้องออกแบบมาให้คนจดจำได้ว่าเป็นฟอนต์ของ Android โดยเฉพาะ
กูเกิลลองออกแบบฟอนต์ Roboto หลายวิธี แต่มาจบลงด้วยฟอนต์แนว grotesque (หรือ grotesk) ซึ่งถือเป็นฟอนต์แบบ Sans ในอดีตตัวหนึ่ง โดยกำหนดให้ด้านข้างของตัวพิมพ์ใหญ่เป็นเส้นตรงเสมอ (ลองดูตัว C ตามภาพประกอบ) และใช้เส้นโค้งลักษณะตาม "โค้งสนามแข่งรถ" เพื่อให้ดูแตกต่างจากฟอนต์ทั่วไป
ส่วนฟอนต์ตัวพิมพ์เล็กจะลดความแข็งของเส้นลงมา เพื่อไม่ให้อักษรโดยรวมดูแข็งเกินไปและอ่านง่ายขึ้น ฟอนต์บางตัวอย่าง e และ g ถูกปรับให้ดู "เปิดอ้า" มากขึ้น ในขณะที่ฟอนต์ a, c, s จะยังดูเกือบเป็นวงกลมปิด
Matias บอกว่ากูเกิลได้ทดสอบการเรนเดอร์ฟอนต์ Roboto ให้ดูสวยงามบนหน้าจอทุกความละเอียด แต่จริงๆ แล้ว Roboto ก็ยังทำไม่เสร็จ โดยกูเกิลจะขยายตัวอักษรที่รองรับให้มากขึ้น และเริ่มทำการ hint ให้ฟอนต์ดูคมชัดขึ้นเวลาแสดงผลบนหน้าจอขนาดเล็กๆ
ที่มา - +Matias Duarte
Comments
แล้วภาษาไทยล่ะ ...
Shut up and ヽ༼ຈل͜ຈ༽ノ raise your dongers ヽ༼ຈل͜ຈ༽ノ
+1
+1 ด้วย ;)
"โรบฺติโต"
@TonsTweetings
tahoma
+1 ผมว่า เขาน่าจะทำจีนก่อนนะ ;p
เรื่องความละเอียดหน้าจอมือถือจริง ๆ น่าตกใจมากเหมือนกัน ห้าปีที่แล้วมือถือส่วนใหญ่หน้าจอยังไม่ถึง 100,000 พิกเซลกันเลย
@TonsTweetings
Domo arigato, Mr roboto
ลงไว้แล้วรู้สึกว่าดีกว่า font เดิม แต่ไม่รู้ placebo หรือเปล่า
"With the first link, the chain is forged. The first speech censured, the first thought forbidden, the first freedom denied, chains us all irrevocably."
ภาษาไทยใช้ได้ครับ (ลองกับ desire)
ตัวมันจะตันๆ นิดนึง แต่ใช้ได้ดี
screen cap มาให้ดูได้ไหมครับ อยากเห็น :)
@TonsTweetings
อยากเห็นด้วยคน
Pitawat's Blog :: บล็อกผมเองครับ
ผมลองแกะดูแล้ว Roboto ยังไม่รองรับ font thai ครับ
เท่าที่ดูมีแต่กลุ่มละตินกับสัญลักษณ์ต่างๆ เท่านั้น
อาจเป็นได้ว่ามีการนำ font Roboto(แกะเอาบางส่วนที่เป็นอักษรกลุ่มละติน)
ไปรวมกับ font อื่นๆ เพื่อให้รองรับหลายภาษา
ลองอ่านฝ่ายที่ออกมา "แฉ roboto" ดูครับ Roboto is a Four-headed Frankenfont
อ่านดูแล้ว พูดไม่ออกจริงๆ
ผมเฉยๆ นะ คือ ฟอนต์ลักษณะนี้มันก็หนี Arial/Helvetica ไปได้ไม่เยอะอยู่แล้ว ต่างกันที่ลูกเล่นนิดหน่อยซึ่งคนทำฟอนต์ก็ไปปรับแต่งเอาตามความเหมาะสม
ถ้าใช้ตรรกะแบบนี้ พวก UI font อื่นๆ คงโดนเล่นกันหมดแหละครับ
มันก็มีเส้นตรงกับเส้นโค้ง อย่างที่เค้าว่านั่นแหละ คงจะทำต่างจากเดิมๆยาก
ผมคงใช้ฟอนต์ "เปื้อนยิ้ม" เหมือนเดิม :)
^
^
that's just my two cents.
ชอบ typography
อยากเห็นข่าวนี้ก่อนคุณ mk จัง อิ ๆ
twitter.com/exfictz
สไตล์ แมกกาซีน = Metro UI สินะ
ไม่เหมือนครับ ลองอ่านอันนี้ดูครับ ยาวหน่อยแต่ตอบคำถามได้
Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich
อะไรนะ ฟอนต์กลุ่ม "โกรเต๊กส์" (ดักแก่นะ)
มาแนวเดียวกับ Nokia Pure เลยนะ...
คล้าย Helvetica มาก ผมลงบน S2 ก็จะว่ามัน ก็สวยนะ แต่ไม่ได้ว้าวอะไร แต่รู้สึกว่าถ้าตัว ea อยู่ติดกันแล้วจะมีปัญหาครับ (ลองทั้งบน S2 และ Ubuntu ครับ)
WE ARE THE 99%
การทำฟอนต์ ที่งดงาม เพื่อให้คนจดจำสินค้าได้