ของดีต่างแดน

แนะนำฟอนต์ และข่าวคราวงานออกแบบตัวอักษรที่น่าสนใจ จากบล็อกเพื่อนบ้าน

ใส่ฟอนต์ลงเว็บด้วย 50 เทคนิค-เครื่องมือสุดเจ๋ง

ใส่ฟอนต์ลงเว็บด้วย 50 เทคนิค-เครื่องมือสุดเจ๋ง

เดี๋ยวนี้ไม่แปลกที่ใครๆ ก็ต่างอยากมีเว็บที่เป็นเอกลักษณ์ของตัวเอง หนึ่งในวิธีง่ายๆ ในการสร้างเอกลักษณ์ที่ว่าก็คือการใส่ใจกับตัวอักษรในหน้าเว็บนั่นเอง โดยงวดนี้ Smashing Magazine เขาแนะนำ 50 สารพัดประโยชน์ ทั้งเครื่องมือ เทคนิค และของดีสำหรับการสร้าง ออกแบบ และนำตัวอักษร-ฟอนต์มาใช้งานในเว็บของคุณ โอ้ว นี่มันสุดยอดเลยนะเนี่ย

20 ฟอนต​์ฝรั่งสุดสวิงริงโก้อีโต้บั๊ม

20 ฟอนต​์ฝรั่งสุดสวิงริงโก้อีโต้บั๊ม

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

20 ฟอนต์ฝรั่งดูดีสำหรับจออุปกรณ์พกพา

20 ฟอนต์ฝรั่งดูดีสำหรับจออุปกรณ์พกพา

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

20 ฟอนต์ฟรีหน้าตาหนุกหนานแถมคุณภาพดี๊ดี

20 ฟอนต์ฟรีหน้าตาหนุกหนานแถมคุณภาพดี๊ดี

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

ฟอนต์อะไรหมึกหมดไวกว่ากัน?

ฟอนต์อะไรหมึกหมดไวกว่ากัน?

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

รวมงาน Typography สีสวยสดเอามาอวดกัน

รวมงาน Typography สีสวยสดเอามาอวดกัน

ระยะหลังนี้ ฟอนต์.คอม นอกจากจะเป็นสหกรณ์เอาไว้แจกฟอนต์ฟรีแล้ว เรายังพยายามหาแหล่งเสริมสร้างแรงบันดาลใจในงานออกแบบตัวอักษรเอย การนำไปใช้ออกแบบในสื่อต่างๆ เอยมากขึ้นอีกด้วย นี่ก็เป็นหนึ่งในนั้นครับ.. ที่ SmashingApps.com เขาไปรวบรวมงานออกแบบที่เล่นกับตัวอักษร (ไม่ว่าคนในวงการจะเรียกกันว่า Lettering Design หรือ Type Design ก็เหอะ เราขอเรียกว่างานที่เล่นกะตัวอักษรละกันครับ) ที่ถูกตาถูกใจกรรมการ

30 เว็บไซต์ที่ดีไซน์ด้วยตัวอักษรแจ่มๆ

30 เว็บไซต์ที่ดีไซน์ด้วยตัวอักษรแจ่มๆ

ที่ thedesigncubicle.com เขามีรวบรวมเว็บไซต์หน้าตาน่ารักน่าเอ็นดู ที่ใช้การออกแบบจัดวางตัวอักษรออกมาได้เข้ากั๊นเข้ากัน..กับหน้าตาและเลย์เอาต์ของเว็บ น้องๆ คนไหนที่สนใจงานออกแบบเว็บก็ลองดูไว้เป็นแนวละกันจ้ะ (ต่อไปจะมีแนวนี้มาบ่อยๆ ชอบไม่ชอบก็บอกกันได้เด้อ) กดเข้าไปดูที่ 30 Websites with Lovely Layout and Typography

อยากรู้ไหม ฟอนต์อะไรเจ๋งที่สุดในโลก

อยากรู้ไหม ฟอนต์อะไรเจ๋งที่สุดในโลก

ที่ 100besteschriften.de (ภาษาเยอรมันนะ) เขารวบรวมเอารายชื่อฟอนต์ที่เจ๋งสุดๆ ของโลกมา 100 รายชื่อ พร้อมตัวอย่างหน้าตาและประวัติ ที่มาที่ไปของมัน ให้อนุชนรุ่นหลังได้ศึกษา (รุ่นเรานี่แหละ!) ตามไปดูได้ที่ Die 100 Besten Schriften เลยครับ (หรือดูเป็นภาษาอังกฤษที่นี่)

20 ฟอนต์ฝรั่งสไตล์เรียบหรูดูดี ไว้ออกแบบงานเท่ๆ

20 ฟอนต์ฝรั่งสไตล์เรียบหรูดูดี ไว้ออกแบบงานเท่ๆ

ปกติแล้วเวลาออกแบบงานผมชอบมานั่งหาฟอนต์เรียบๆ แต่หน้าตาไม่ซ้ำซาก (คงมีหลายคนที่เบื่อ Helvetica แล้วใช่ไหมครับ) ก็เลยไปเจอของดีมา เป็น 20 ฟอนต์ฝรั่งสไตล์มินิมัลๆ เล็กๆ เรียบๆ หรูๆ ครับ (งงไหม ว่าเรียบกับหรูมันมาคู่กันได้ไง .. เอ๊อ) หวังว่าพี่น้องจะชอบเหมือนกัน ซึ่งใน 20 ฟอนต์นี้มีทั้งแบบฟรีและแบบเสียตังค์จ้ะ ตามไปดูกันที่ 20 Super Clean Fonts Perfect for Minimal Style Design[Web Design Ledger]

25 ฟอนต์ใหม่จากใจ Smashing Magazine

25 ฟอนต์ใหม่จากใจ Smashing Magazine

มาอีกแล้วจ้ะ กองทัพฟอนต์ใหม่หน้าตาดีแถมยังโหลดไปใช้ได้ฟรีด้วย จาก Smashing Magazine เจ้าเก่า คราวนี้มีทีเด็ดคือ Lettering ที่เป็นตัวอักษรสีสดๆ น่ากินยิ่งนัก แหม แหล่มออกปานนี้ มันน่าเอามาทำอะไรเล่นดีจริงๆ! ตามไปโหลดได้ที่ 25 New High Quality Free Fonts

ประวัติย่นย่อของเครื่องหมาย Ampersand (&)

ประวัติย่นย่อของเครื่องหมาย Ampersand (&)

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

ดีไซน์สวยด้วยอักษรควัน

ดีไซน์สวยด้วยอักษรควัน

ที่ Six Revisions เขามีเขียนถึงกราฟิกที่เล่นกันในสไตล์ Smoke Typography หรืออักษรควันใน ที่เป็นการเล่นกับเทคนิคการเอาควันมาใส่ในไทโปกราฟิก มีทั้งตัวอย่างงานเจ๋งๆ เท่ๆ มาโชว์กัน แล้วก็ฝีแปรงแบบควันๆ ที่ใช้ใน Photoshop รวมถึงลิงก์สอนวิธีทำพร้อมสรรพจ้ะ ไปดูกันต่อที่ Beautiful Designs with Smoke Typography

40 โปสเตอร์ Typo โดดเด้ง

40 โปสเตอร์ Typo โดดเด้ง

ที่ Spyre Studios เขาบอกว่านี่เธอจ๋า เรามีโปสเตอร์เจ๋งๆ ที่ดีไซเนอร์หัวดีฝีมือโดดเด้งมาให้ชมตั้ง 40 แบบแน่ะ ต่อไปนี้เวลาออกแบบโปสเตอร์ ก็ลองเล่นกะการออกแบบจัดวางตัวอักษรมัสน์ๆ ดูไหมล่ะ รับรองสนุก! ว่าแล้วเราก็เชื่อ เลยตามเข้าไปดู และก็พบว่ามันสนุกจริงแฮะ! ตามไปดูบ้างที่ 40 Outstanding Typographic Poster Designs

ดูงาน Typography เรืองแสงของฝรั่งกัน

ดูงาน Typography เรืองแสงของฝรั่งกัน

ที่ DesignM.ag เขามี Showcase งานไทโปกราฟี (ศิลปะการจัดวางตัวอักษร) สนุกๆ มาฝากกันอีกระลอกนึงครับ คราวนี้เป็นงานกราฟิกที่เล่นกับตัวอักษรและแสงมลังเมลืองบ้าง แว้บๆ บ้าง แว้นๆ บ้าง เฟี้ยวฟ้าวอะชิกๆ บ้าง ดูเป็นแรงบันดาลใจในการออกแบบงานไทโปสวยๆ กันนะครับ! ตามไปดูที่ Showcase of Typography and Lighting Effects