Home » fonts » Recent Articles:

ฟอนต์ยอดฮิตในเยอรมัน “DIN 1451”

April 27, 2014 Design Comments

เมื่อประมาณเดือนมีนาคมที่ผ่านมา ผมได้เดินทางไปประเทศเยอรมันนีครับ เดินทางไปทุกเมืองตั้งแต่เฟรงค์เฟิร์ต มิวนิค เบอร์ลิน ส่วนเหตุผลที่ไปจริงๆก็คือเพื่อไปดูงาน Cebit งานที่รวมพลคนสายไอที ทั้ง hardware และ software ตั้งแต่บริษัทใหญ่อย่าง IBM, Samsung, T-mobile เรื่อยไปจนถึงบริษัทเล็กๆอย่างบริษัทจากเซินเจิ้น เมืองจีน ก็มาไม่ใช่น้อย

ไป Cebit ได้อะไรมาเยอะครับ จะมารีวิวลง blog72 คงจะไม่ทันแล้ว (ผ่านไปนานมาก) แต่สิ่งที่ได้รับจากเยอรมันเห็นจะเป็นเรื่องของดีไซน์ที่แอบไปสังเกตมาได้

มาดูครับว่าเยอรมันดีไซน์นั้น เป็นยังไง?

ที่เห็นเด่นชัดเรื่องแรกเลยคือ font ครับ

Font หรือ ลักษณะตัวอักษรที่เราใช้กันอยู่ทุกวันนี้ ตัวที่ฮิตๆที่ใช้กันประจำก็น่าจะเป็น Times, Helvetica, Arial, Myriad ประมาณนี้

แต่เมื่อประมาณ 2-3ปีที่ผ่านมา ส่วนตัวผมเองจะคลั่งใคล้ Font อยู่ตัวหนึ่งที่มีชื่อว่า “DIN Schriften” และใช้มันเป็นประจำ และเนื่องด้วยชื่อของมันที่ดูแปลกตา ผมเลยลองไปค้นหาดูว่าทำไมมันชื่อประหลาดแบบนี้

ณ เวลานั้นอ่านแล้วพบว่ามันมีถิ่นกำเนิดมาจากประเทศเยอรมันนีนี่แหละครับ แต่ผมไม่ได้สนใจอะไรมาก (แค่ได้คลายความข้องใจในชื่อที่แปลกประหลาด) จนกระทั่ง…

การเดินทางในครั้งนี้ ผมได้เห็น Font “DIN Schriften” ตัวนี้อย่างมากมาย ตามท้องถนน ป้าย หรือแม้แต่สติ๊กเกอร์เขียนชื่อเรือก็ยังใช้ Font นี้ ผมเห็นเยอะมากจนงงว่า หรือคนเยอรมันต้องใช้ font นี้กับทุกอย่างเลยรึเปล่า?

กลับมาจึงได้กลับมา search ดูครับว่า ทำไมเค้าถึงใช้ font DIN Schriften นี่มากมายกันจัง

แล้วคำตอบก็ทำให้รู้ว่า..

Font DIN Schriften นั้นจริงๆเป็น font ที่ถูกทำขึ้นใหม่โดย Adobe เพื่อให้เหมือนกันบ font ดั้งเดิมที่ชื่อว่า “DIN 1451” (แหน่ะ! ชื่อแปลกกว่าเดิมอีก) ซึ่งคำว่า DIN นั้นย่อมาจากคำว่า Deutsches Institut für Normung

Font DIN 1451 นั้น มีประวัติศาสตร์เริ่มต้นมายาวนานมากตั้งแต่ปี 1905 จนกระทั่งปี 1931 ได้ถูกเลือกให้ใช้เป็น font สำหรับป้ายบอกทาง ป้ายถนน เอกสารทางการต่างๆ รวมไปถึงป้ายทะเบียนรถยนต์โดย the German standards body DIN – Deutsches Institut für Normung (German Institute for Standardization)

ดังนั้นจึงไม่แปลกที่ผมจะมองเห็น font DIN 1451 นี้ตลอดเวลาที่อยู่ในเยอรมัน

ส่วนตัวผมเห็นด้วยว่า font DIN นั้นช่างสะท้อนความเป็นเยอรมันออกมาได้ดีมากๆ เพราะด้วย character ของคนเยอรมันที่ดูแข็งๆ ตัวใหญ่ๆ หนาๆ ตัว font ที่ดูแข็งๆ เหลี่ยมๆ หนาๆ จึงดูเหมาะสมกันมาก

ถ้าจะให้เอา Helvetica มาเป็นตัวแทน font ของคนเยอรมันก็คงไม่เหมาะอย่างแน่นอน ถูกต้องมั้ยครับ?

ปัจจุบันนี้ผมเห็น font DIN 1451 ในงานออกแบบน้อยลงถ้าเทียบกับเมื่อ 2-3ปีที่แล้ว อาจจะเป็นเพราะ character ของมันที่ดูโดดเด่นมากๆ แม้ว่ามันจะสวยมากก็จริง แต่ถ้าดูบ่อยๆก็จะเบื่อได้เร็วเช่นกัน

สัปดาห์หน้าจะนำภาพ “ฝาผนัง” ที่เห็นกันเกลื่อนเมืองในเยอรมันมาให้ได้ชมกันนะครับ

Logo สวยด้วย Helvetica

August 22, 2010 Design Comments

Heveltica อีกแล้วววววว.. ใครต่อใครก็ชมกันหนักหนา ชอบกันมากมาย ไอ้ font ที่ชื่อ Helvetica เน๊ยะ บางคนว่าสวยงามมากมาย บางคนยังแยกไม่ออกด้วยสายตาได้ระหว่าง Helvetica กับ Arial .. (แต่หลายคนบอกได้ด้วยความรู้สึก .. เท่ซะงั้น) วันนี้ไปขอข้อมูลมาจากเว็บ webdesignerdepot.com ในหัวข้อ 40 Excellent Logos Created with Helvetica ที่รวบรวม logo ดังๆ ที่สร้างโดยใช้ font Helvetica มาให้ได้ดูกัน รวมๆกันแล้วจะเห็นว่า Helvetica นี่ บางครั้งแค่พิมพ์ลงไปเฉยๆ ก็เป็น logo ได้แล้ว

lab72: custom fonts

June 25, 2010 lab72 Comments

lab72 เป็นโครงการที่เรามีเอาไว้สำหรับทดลองเทคโนโลยี หรือ เทคนิคใหม่ๆ ที่เราได้คิดค้น ศึกษา ลอกชาวบ้าน ต่างๆนานา โดยหวังว่าวันหนึ่งเราจะสามารถนำสิ่งที่คิดได้นี้มาใช้ให้เป็นประโยชน์กับลูกค้าของเราอย่างสูงสุด (พูดแล้วฟังดูดีมากๆ) โดยที่ผ่านมาเราในอดีต เรามีการทดลองเช่น flashpaper, css (ยุคแรกๆ), การคัดกรองเฉพาะข้อมูลที่สำคัญออกมาพิมพ์เมื่อเรากดปุ่ม print โดยลบเอาปุ่ม “print this page” ออก, ปัญหาตัวอักษร “ญ” กับ flash และอื่นๆอีกมากมาย ทีมพัฒนาก็มีทั้งทีม rgb72 เราเอง และบางครั้งก็มีทีมเพื่อนๆ ที่เข้ามาร่วมแชร์ไอเดียและเทคโนโลยีต่างๆด้วย โดย lab72 นี้เป็นสิ่งที่เรามีอยู่นานแล้ว เพียงแต่ไม่เคยได้พูดถึงกัน

วันนี้เราจะมาพูดถึงการศึกษาล่าสุดของเรากัน

ก่อนหน้านี้หากเราต้องการใช้ตัวอักษรที่มีหน้าตาแตกต่างออกไปจากตัวอักษรที่มีอยู่ในเครื่อง (ซึ่งแสนจะน่าเบื่อ) เราต้องไปทำตัวอักษรเหล่านั้นใน Photoshop จากนั้นจึง export ออกมาเป็นรูป

ล่าสุด ทีม coding ของ rgb72 ได้ศึกษาเรื่องการใช้ custom font หรือการนำแบบตัวอักษรที่นอกเหนือจากแบบที่มีอยู่ในเครื่องคอมพิวเตอร์ทุกเครื่องมาใช้โดยอาศัย JavaScript และ CSS มาช่วย โดยตัวอักษรที่เราใช้ทดลองในครั้งนี้เป็นตัวอักษร ภาษาไทย หลากหลายรูปแบบ

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

วันนี้ลองเอาภาพ capture หน้าจอเมื่อ test custom font มาให้ได้ดูกันครับ

** หากใครพอจะทราบการแก้ปัญหาสระลอยได้ สามารถแจ้งมาได้นะครับ **

Search This Site:



rgb72 on Facebook

คำศัพท์ Internet วันละคำ

ai (คำที่เกี่ยวข้อง: Adobe, Illustrator)
– ประเภทของไฟล์ที่สร้างโดยโปรแกรม Adobe Illustrator โดยภาพที่ได้นั้นจะเป็นภาพประเภท vector หรือภาพ graphic ประเภทภาพวาด และลายเส้น
— WEB101 by rgb72

72's Friends

Useful Links

rgb72


being72 คือหนังสือที่รวบรวมเรื่องราวความเป็น rgb72 บริษัทออกแบบเว็บไซต์ ตั้งแต่อดีตถึงปัจจุบัน โดยจัดทำเนื่องในโอกาสครบรอบ 10ปี

+ บทความจากผู้เขียน
+ ตอนที่1: Pre-rgb72 / ทำงานกับ Martha Stewart
+ ตอนที่2: Pre-rgb72 / Arcadian
+ ตอนที่3: Pre-rgb72 / ewit
+ ตอนที่4: เริ่มต้นอย่างเงียบๆ
+ ตอนที่5: Generation 1 (ยุคที่1:บุกเบิก) / เริ่มต้นที่ศูนย์
+ ตอนที่6: โทร โทร โทร...
+ ตอนที่7: นามบัตร
+ ตอนที่8: หนังสือพิมพ์และโทรทัศน์
+ ตอนที่9: MATCHING STUDIO
+ ตอนที่10: มีเงินที่ไหน ให้ไปที่นั่น
+ ตอนที่11: พนักงานคนแรก
+ ตอนที่12: ภาพแทรก ออฟฟิสที่สองของ rgb72
+ ตอนที่13: เพื่อนจาก ewit
+ ตอนที่14: GettyImages ฟ้องจริง ถึงจริง
+ ตอนที่15: เว็บไซต์ที่ทำแบบมากที่สุด
+ ตอนที่16: ความฝันที่ 1 พบชื่อลูกค้าทุกๆ ห้านาทีที่ขับรถ
+ ตอนที่17: สมุย.. สร้างเสร็จได้ในวันเดียว
+ ตอนที่18: ขึ้นศาล.. มันไม่สนุก
+ ตอนที่19: นักธุรกิจต่างชาติ
+ ตอนที่20: ความฝันที่ 2 เที่ยวต่างประเทศ
+ ตอนที่21: Super AE
+ ตอนที่22: สินบน
+ ตอนที่23: ผู้หญิงที่ผมไม่รับ
+ ตอนที่24: งานที่คุณไม่ได้ดู
+ ตอนที่25: นักออกแบบ
+ ตอนที่26: คู่แข่งที่รัก
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 1/2
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 2/2
+ ตอนแทรก: หาาา?... อะไรนะ!!??
+ ตอนที่28: ยิ่งให้... ยิ่งได้
+ ตอนที่ 29: Wall of Frames
+ ตอนที่ 30: ผี 72
+ ตอนที่ 31: เพื่อนจากตะวันออกกลาง
+ ตอนที่ 32: Photography
+ ตอนที่ 33: Too Far from the Dream





Recent Comments

Powered by Disqus