นิตยสาร Before & After เป็นแหล่งข้อมูล ทิป เทคนิคและแรงบันดาลใจ ในการทำงานออกแบบเยอะแยะมากมายครับ คราวนี้ก็เป็นอีกครั้งที่ BA เขาทำคลิปบทความแนะนำเทคนิคการออกแบบเลย์เอาต์สวยๆ โดยไม่ต้องยุ่งกับภาพประกอบ ลองดูวิธีการจัดวางพื้นที่ การเลือกใช้ฟอนต์ และข้อควรระวังอื่นๆ ดูครับ มีประโยขน์มากๆ เลยนะสำหรับคนทำงานออกแบบ

ก่อนหน้านี้ฟอนต์.คอม พูดถึง Google Font API ไปทีนึงแล้ว คราวนี้จะมาสาธิตวิธีการแปะฟอนต์ประหลาดๆ ลงในเว็บของเราเองกันจ้ะ บทความคราวนี้ยาวหน่อยเพราะเขียนเอง ไม่ได้ทำลิงก์ออกไปข้างนอกละ ถ้าสนใจก็คลิกเข้ามาอ่านได้เลยครับ สนุก!

เห็นเลยว่าระยะนี้กูเกิลเริ่มโดดเข้ามาในวงการฟอนต์บ้างละ เดาว่าน่าจะเกี่ยวกับ Google Chrome OS ที่กำลังจะเปิดใช้งานจริงจังในเร็ววันนี้ ที่มีลักษณะเป็นระบบปฏิบัติการเบาหวิวสุดๆ และฝากทุกอย่างไว้ในอินเทอร์เน็ต ทั้งโปรแกรมเอย ข้อมูลต่างๆ เอย หรือแม้แต่ฟอนต์ มันก็ยังฝากภาระนี้ไว้ในอินเทอร์เน็ตล่ะ!

มีคำถามประเภทนึงครับ ที่มีผู้สนใจมาถามในฟอรั่มฟอนต์บ่อยๆ ก็คือ “ฟอนต์ xxxx จะใช้ในเว็บได้ไหม” พอตอบว่าได้และไม่ได้ (คือได้แหละ แต่อธิบายยากชะมัด) ก็จะเจอคำถามต่อมาว่า “แล้วถ้าอยากเห็นฟอนต์เราบนเว็บล่ะ จะทำยังไง” ส่วนมากเวลาตอบก็เลยจะโยนลิงก์ที่เกี่ยวข้องไปให้ (มีในบทความที่เกี่ยวข้องข้างล่างนี่แหละจ้ะ)

มาอีกแล้วจ้ะ Photoshop Text Effects เปรี้ยวๆ คราวนี้เอามาฝาก 34 สไตล์ให้ลองฝึกฝีมือออกแบบและดีไซน์งานไทโปกันครับ! ไม่พูดมากกันละ ลุยเลย!
กดไปดูพลัน Photoshop Text Effect Tutorials[Six Revisions]

มีกระทู้ดีๆ มาให้อ่านครับ (ในฟอนต์เราเรียก “กระจู๋”) ว่าด้วยบันทึกการสร้างฟอนต์ตัวใหม่ของคุณ humanoid เจ้าของฟอนต์ ซูเปอร์มาร์เก็ต อันลือลั่นสนั่นบาง จนใครๆ ก็งงว่าเฮ้ย นี่ทำมาแจกฟรีจริงๆ เหรอ! แล้วฟอนต์ตัวต่อไปของหนุ่มไฟแรงอนาคตไกลคนนี้จะเป็นอย่างไร เข้ามาอ่านและพูดคุย ตามติด(และกดดัน) นักออกแบบดาวรุ่ง(ใช้คำเช้ยเชย)คนนี้กันเถอะ!

กว่า 50 ปีมาแล้วที่ฟอนต์ตรา Helvetica ปรากฏตัวขึ้นมาบนโลก และสร้างความเปลี่ยนแปลงให้กับวงการออกแบบมากมาย จนเรียกได้อย่างเต็มปากเต็มคำว่าฟอนต์ Helvetica นี้เป็นอีกหนึ่งก้าวสำคัญสู่การออกแบบสมัยใหม่ ทั้งๆ ที่หน้าตาของมันเรียบง่าย แต่ก็แน่ล่ะ กว่าจะผ่านอะไรต่อมิอะไรมาจนมันเรียบง่ายได้ขนาดนี้ ก็ต้องฝ่าฟันอุปสรรคมาน่าดู .. จนทุกวันนี้ถ้าคุณเดินอยู่ในเมืองสักหน่อย เชื่อเถอะครับว่าไม่ว่าจะหันหน้าไปทางไหน ก็ต้องเจอเข้าสักแว้บล่ะน่า (ถ้าเป็นเมืองนอกนี่เจอมันทุกหัวโค้งเลย) .. เล่ามายาวเหยียดขนาดนี้ คุณผู้อ่านที่ไม่เคยรู้จักหรือไม่เคยคิดจะสัมผัสมันมาก่อน คง

เออ นั่นสิ อยากรู้กันไหมครับว่าเวลาเราเลือกใช้ฟอนต์แต่ละแบบเนี่ย ตัวไหนที่ประหยัดหมึกหรือเปลืองหมึกกว่ากัน? คือที่เมืองนอกเขามีอีตา Matt Robinson และ Tom Wrigglesworth นักออกแบบที่เกิดสงสัยเรื่องนี้ขึ้นมา ก็เลยทำการทดลองด้วยการใช้ปากกาลูกลื่นนี่แหละครับ เขียนๆ ระบายๆ หมึกลงไปบนผนังให้เป็นรูปฟอนต์ต่างๆ (ฟอนต์ฝรั่งนะครับ) และพบว่าถ้าจะประหยัดหมึก ให้ใช้ Garamond!

มีบทความดีๆ ว่าด้วยประวัติศาสตร์และที่มาที่ไปของเครื่องหมาย ampersand (ก็คือเครื่องหมาย “&”) นั่นแหละ ที่คุณอาจจะสงสัยว่าทำไมต้องออกแบบหน้าตาให้มันพิลึกกึกกือขนาดนั้นด้วยนะ ผมเองก็เพิ่งรู้เหมือนกันว่ามันมาจากการควบอักษร e และ t ในภาษาละติน แล้วบร๊วบไปบร๊วบมาจนกลายเป็นขนม Aunty Anne\’s ไปในที่สุด! โอ้ว สนใจกันแล้วใช่มะล่า กดไปอ่านและดูรูปแบบที่หลากหลายของเครื่องหมาย “&” กัน ว่าถึงจะชื่อ ampersand เหมือนกัน แต่ดีไซน์ของแต่ละฟอนต์นั้นแตกต่างกันมหัศจรรย์พิสดารขนาดไหน

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

สอนการทำตัวอักษรแฟนซีแบบไฟนีออนด้วย Photoshop จ้ะ
สนใจกดไปดูที่ Create a fancy neon text effect | Webdevtuts