ฟอนต์ Comic Sans ที่มากับวินโดวส์เป็นฟอนต์ยอดนิยมติดอันดับต้นๆ ของโลก แม้ว่าจะมีคนเกลียดมันมากมายแค่ไหนก็ตาม ใครจะไปรู้ว่าแท้จริงแล้วมันเป็นเรื่องฟลุก คนสร้างเองยังไม่ใช้ และมันลอกแบบมาจากตัวหนังสือในการ์ตูน The Dark Knight Returns

Wall Street Journal มีสกู๊ปสัมภาษณ์นาย Vincent Connare ดีไซเนอร์ชาวอังกฤษที่เป็นคนออกแบบฟอนต์นี้ ที่มาของเรื่องคือเขาอยู่ในทีมสร้าง Microsoft Bob และมีอยู่วันหนึ่ง เปิดโปรแกรมมาเจอการ์ตูนหมาพูดข้อความในช่องคำพูด แต่ฟอนต์ที่ใช้ดันเป็นคลาสสิกโกธิกอย่าง Times ทำให้เขาทนไม่ได้ต้องมาทำฟอนต์ใหม่ให้เข้ากัน เผอิญในออฟฟิศมีหนังสือการ์ตูนเพียงสองเล่มเท่านั้นคือ The Dark Knight Returns กับ Watchmen

Vincent บอกว่าฟอนต์ที่เขาภูมิใจที่สุดคือ Magpie แต่ก็มักจะถูกความดังของ Comic Sans กลบซะหมด โดยส่วนตัวแล้วเขาไม่ได้ใช้ Comic Sans (ปัจจุบันไมโครซอฟท์เป็นเจ้าของ) แต่ก็ไม่ปฏิเสธอะไรเวลามีคนมาตื่นเต้นเมื่อรู้ว่าเขาเป็นคนสร้างฟอนต์ยอดนิยมอันนี้

ปัจจุบันมีขบวนการเรียกร้องให้แบน Comic Sans เป็นจำนวนมากบนอินเทอร์เน็ต ตัวอย่างคือ Ban Comic Sans ซึ่งริเริ่มเมื่อปี 1999 โดย Holly Sliger นักศึกษาหญิงสายการออกแบบ ที่ผมชอบมากคือ ระหว่างรณรงค์ เธอพบกับนักศึกษารุ่นพี่และดีไซเนอร์คนหนึ่งซึ่งเขาเห็นด้วยกับเธอว่า "This is horrible" ในใจของเธอตอนนั้นบอกว่า "That's when I knew he's the guy I would marry." และทั้งสองคนก็แต่งงานกันในอีก 1 ปีถัดมา

ได้รับการทาบทามจากคุณแชมป์และคุณ mk มาร่วมพรรคกระยาจก จะอุทานว่า "ว้าว" ก็ย่อมธรรมดาไป ในฐานะเด็กคอมฯ ผู้รักงานออกแบบงูๆ ปลาๆ ขออุทานว่า "เชี้ยะ" ละกัน (ไม่ใช่คำหยาบเด้อ)

คำว่า "เชี้ยะ" นั้น สำนวนในแวดวงการออกแบบ (แบบบ้านๆ) หมายถึงความเจ๋ง ความละเอียดละออ การใส่ใจเก็บรายละเอียด (ซึ่งกริยาคือ เก็บกิ๊ก) ฯลฯ ถ้าจะให้ได้อารมณ์ให้ลากเสียงยาวๆ สูงท้ายคำ บิดปากแบบคนดำเปล่งเสียงแล้วริมฝีปากหนาๆ เผยอและสั่นน้อยๆ พองาม

อ้าว เย่อเย้อจนไม่ถูกหลัก Usability มามากแล้ว เข้าประเด็นดีกว่า

สำหรับคนทำงานกราฟฟิคสิ่งพิมพ์มาก่อนทำเว็บ จะคุ้นเคยกับการซูมเข้าซูมออก เพื่อดูรายละเอียดงาน เพราะงานพิมพ์นั้นให้คุณภาพสูง รายละเอียดเยอะ แต่พอมาทำเว็บ กลับเจอข้อจำกัดที่เรียกว่า Pixel หรือ จุด เพราะหน่วยนับในการออกแบบเว็บ ไม่ใช่ความยาวแบบ 1 cm, 1 m. แต่เป็น 100 pixel, 1024 pixel

เลยทำให้ ขอบของรูปที่คิดว่าจะคม มันกลับไม่คม คือ ไม่ลงจุด

มาดูการใช้ Vector สร้างรูปสี่เหลี่ยมขอบมนสุดฮิตกันดีกว่า

สี่เหลี่ยมขอบมน สุดฮิต

หากใช้ Photoshop เราจะใช้เครื่องมือ Rounded Rectangle Tool สร้างสี่เหลี่ยนขอบมนแบบเป็น Vector ขึ้นมา ทีนี้ก่อนจะวางเมาส์วาดลงไป ก็ให้เปิดกริด (Grid) ขึ้นมา เพื่อจะได้แน่ใจว่า มัน Snap ลงตรงกริดที่เราตั้งไว้ (ผมแนะนำให้ตั้งกริดไว้ห่าง 5px  หรือ 10px จะทำให้วาดกรอบต่างๆ ได้สะดวก ในรูป ตั้งไว้ 100 แบ่ง 20 และสร้างสี่เหลี่ยมขอบมนรัศมี  10px)

(more...)