‘Font Map’ เลือก Google Font หน้าตาถูกใจ ในรูปแบบแผนที่โลก


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

เมื่อพูดชื่อ Google Fonts เหล่านักออกแบบเว็บ คงจะคุ้นเคยกันดี เพราะเราต่างรู้กันว่า Google Fonts เป็นแหล่งฟอนต์ดี แจกฟรี* ที่มีดอกจันทร์ข้อแม้ว่า ฟรี* เฉพาะในรูปแบบของ Web Font เท่านั้น (ถ้าใครอยากเอาไปใช้ออกแบบในงานพิมพ์ ก็ต้องลงทุนกันหน่อย) ซึ่งใน Google Fonts นั้นปัจจุบันก็มีฟอนต์ให้เลือกใช้กัน ไม่ต่ำกว่า 750 รูปแบบ รองรับหลากหลายภาษา รวมถึงภาษาไทย (ซึ่งมีฟอนต์งามๆจาก คัดสรร ดีมาก)เป็นที่เรียบร้อย

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

เกริ่นมา 3 ย่อหน้า วันนี้เราเลยจะมาแนะนำ ตัวช่วยที่จะทำให้การเลือกฟอนต์จาก Google Fonts ง่ายขึ้นไปอีก เพราะเราจะตัดสินพวกมันจากหน้าตากันเลย ด้วยเครื่องมือที่ชื่อ Font Map จากเว็บ http://fontmap.ideo.com ที่ทำการจัดเรียง Google Fonts ทั้งหมดด้วยระบบ AI เอาไว้ในรูปแบบของแผนที่โลก แบ่งกลุ่มตามคุณสมบัติและหน้าตาของมัน ทำให้เราสามารถเห็นกลุ่มประเทศของฟอนต์ได้อย่างชัดเจน เช่น ประเทศ Hand-Written , ประเทศ Sans Serif เป็นต้น ส่วนฟอนต์ไหนที่ไม่มีกลุ่ม ก็จะกระจายกันอยู่เป็นเกาะเล็กเกาะน้อยทั่วไป ช่วยให้เราลดเวลาในการเลือกฟอนต์ลงไปได้มาก


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


แต่ข้อจำกัดหนึ่งของเว็บนี้ก็คือ ถ้าค้นหาฟอนต์ภาษาอื่นที่ไม่ใช่ภาษาอังกฤษ เช่น ภาษาไทย มันจะยังไม่สามารถหาฟอนต์แฝดข้างเคียงได้ จะทำได้เพียงแสดงฟอนต์ในกลุ่มประเทศรอบๆเป็นภาษาไทย

ถ้าบังเอิญฟอนต์รอบๆเป็นฟอนต์ไทย เราก็จะเห็นหน้าตาของมัน แต่ถ้าไม่ใช่ เราก็จะเห็นหน้าตาฟอนต์ไทยแบบ Default แทน แต่ถ้าสังเกตจะเห็นว่า พวกเครื่องหมายจะแสดงออกมาตามฟอนต์ได้


นอกจากนั้น เรายังสามารถเข้าไปดูรายละเอียดของฟอนต์ที่เราเลือกในหน้าเว็บ Google Font ได้โดยตรง
เพียงคลิกที่ View on Google Fonts ใต้ชื่อฟอนต์ของเรา


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


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


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

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


*** ขอขอบคุณบทความต้นทางจาก designtaxi.com 










Comments