คุณ Chatnarong ไปเจอเว็บนี้มา เลยเอามาบอกต่อให้กรี๊ดกันอีกทีครับ เป็นเว็บรวมงาน Typography ในรูปแบบของโปสเตอร์ เอ๊ะหรือจะบอกว่าเป็นเว็บรวมงานดีไซน์โปสเตอร์ที่มีพระเอกคือ Typography ก็ไม่ผิด ทีแรกคิดว่ามีอยู่นิดเดียวซะอีก แต่พอกดเข้าไปในแต่ละภาพก็ถึงกับกรี๊ด งานสวยๆ ดีไซน์เปรี้ยวๆ เยอะมาก! แนะนำอย่างยิ่งเลยครับ! (เป็นเว็บแฟลชนะครับ ใครใช้ไอแพดเสียใจด้วย) ตามไปดูกันที่: typographicposters.com
ถึงฟอนต์.คอม เราจะไม่ค่อยได้อัปเดต (สัญญาว่าจะขยันอัปเดตทีไรก็ต้องมีเหตุให้ขี้เกียจทุกที) แต่พอเจอเว็บที่ดีไซน์สวยๆ และจัดวางเนี้ยบๆ ด้วยการเลือกใช้แบบอักษรดีๆ อย่างถูกที่ถูกเวลาทีไร เราก็อยากเอามาแบ่งกันให้ดูทุกทีเลยครับ นี่ก็เป็นเว็บอีกหนึ่งสำรับที่เว็บ Codrops เขาไปเจอมาเห็นว่าสวยดี และนำมารวมกัน เลยขอนำมาบอกต่ออีกทีจ้ะ
เจองาน Typography ย้อนยุคของฝรั่งมาครับ เล่นกับตัวอักษรได้วิจิตรหยดย้อยดี เลยเอาตัวอย่างงานมาให้ชิมก่อนสามชิ้น ตามไปดูได้ที่: 50 Great Examples Of Vintage Typography [topdesignmag.com]
ผมเองก็ชอบใช้ฟอนต์ DB นะครับ ตั้งแต่สมัยที่เขาแจกเถื่อนเมื่อสิบกว่าปีก่อน (อุ๊บ) จนได้ซื้อมาครอบครองเป็นสมบัติของตัวเองก็พบว่าหลายๆ ฟอนต์เหมาะกับเรามากๆ แถมราคาไม่แพงเกินไปด้วย (อ๊ะ รีบเปลี่ยนโหมด ไม่งั้นดูเหมือนจะมาโฆษณาให้เขา 555)
พักใหญ่ๆ ก่อนหน้านี้ ในบอร์ดฟอนต์ได้มีสาวก(สมาชิก)ใหม่ นามว่า itemsafety หรือคุณลีโอ ผู้ชอบซื้อสะสมฟอนต์เป็นชีวิตจิตใจ (ไม่แปลกที่คุณจะตกใจครับ เพราะผมเองก็ตกใจว่ามีคนแบบบนี้ด้วย!) ต่อมาพอคุณลีโอได้พูดคุยสนทนามากขึ้นเรื่อยๆ แกก็เลยตัดสินใจเขียนบทความขึ้นหนึ่งบทความครับ เป็นกระจู๋(กระทู้ แหม ศัพท์บอร์ดฟอนต์แต่ละคำช่างน่าหวาดเสียว)ชื่อว่า กลเม็ดใช้ Typo ให้เป็นผู้ดีมีสกุล และได้รับการตอบรับอย่างล้นหลาม เนื่องจากเป็นบทความที่มีประโยชน์ิย่งสำหรับคนที่รักการออกแบบโดยใช้ตัวอักษรเป็นส่วนหนึ่งของงาน
![[ฮา] อีตานี่เขาบอกว่าหนังฝรั่งเรื่องไหนควรเลี่ยง](https://www.f0nt.comwp-content/uploads/2011/02/redmovies.png)
ไปเจอมา เห็นว่าตลกดีเลยเอามาฝากเบาๆ ครับ จากเว็บ 9GAG เขาบอกว่า “ในที่สุดตูก็รู้แล้วว่าควรหลีกบรรดาหนังที่ทำหัวหนังด้วยฟอนต์สีแดงๆ ตัวอ้วนๆ” พอจิ้มไปดูก็เลยรู้สึกว่า เออแฮะ หนังฝรั่งแนวเบาสมองเนี่ย (ถ้าเป็นบ้านเราก็คงแนวผีตลกกะเทย) เขาทำโปสเตอร์ออกมาทีไรก็หนีไม่พ้นการเอาฟอนต์ตัวบักเอ้ก ทาสีแดงแปร๊ด มาทำเป็นหัวหนังแบบไม่ต้องคิดอะไรเพิ่มมันซะทุกเรื่องไป (แล้วแต่ละเรื่องก็นะ มันน่าเข็ดตามที่เขาบอกจริงๆ) ไม่เชื่อลองดูนี่สิครับ
หลายครั้งเวลาออกแบบแล้วหัวตีบ มันหดหู่จริงๆ นะครับ อยากถอดสมองออกมาแช่ในน้ำเย็นๆ ให้สบาย แล้วค่อยสวมกลับไปใหม่อีกที (ถ้าทำได้จริงคงดี) .. พอเวลาคิดงานออกแบบไม่ออก สิ่งแรกที่จะต้องทำ (หลังจากกลับมาจากห้องน้ำ) ก็คือลองเปิดกบาลแล้วหาอะไรแจ่มๆ ดูเพื่อฟื้นแรงกายแรงใจ และนี่คือแรงกายแรงใจที่ว่า จับมัดรวมชุดใหญ่มาให้นักออกแบบทั้งรุ่นเล็กรุ่นใหญ่ดูกันเลยครับ
ใช่แล้วครับ เราเลยไปเจอ 2 บล็อกที่พูดถึงเรื่องการเลือกใช้ และจัดวางตัวอักษรอย่างเตะตาลงในเว็บไซต์ เพื่อช่วยเพิ่มพลังความน่าสนใจให้กับเว็บ มาดูกันเลย มาเดยกันลู เซ็ตแรกเป็นการรวมแรงบันดาลใจจากเว็บดีไซน์ที่มีตัวอักษรสวยๆ มาใช้อย่างกล้าหาญครับ ไม่มีภาพประกอบ ไม่มีกราฟิกเยอะๆ ก็ไม่เป็นไร เราก็ใช้ตัวอักษรนี่แหละมาจัดวางตามคอนเซปต์ที่คิดไว้ เป๊ะเมื่อไหร่ก็สวยเลย
มีงานกราฟิกประเภทนึงที่เจอน้องๆ ที่เรียนสายออกแบบเอามาอวดกันบ่อยๆ ในบอร์ดฟอนต์ ก็คืออาจารย์จะให้นำตัวอักษรมาเรียงๆ กัน กลายเป็นภาพหน้าคน หรืออะไรสักอย่าง พอลองทำแล้วก็สนุกดีครับ ได้ฝึกจัดการกับระบบที่ว่างและเส้นสายของตัวอักษรดีด้วย ซึ่งคราวนี้เราไปเจอเว็บที่รวมเอางานกราฟิกที่ใช้ตัวอักษรมาเรียงต่อกันเป็นหน้าคน มีทั้งแบบสีสันฉูดฉาด และแบบเรียบเท่นุ่มลึก ได้แรงบันดาลใจดีครับ และครึ่งล่างก็เป็ฯการใช้ภาพเล็กๆ มาต่อกันแบบโมเสกเป็นหน้าคนอีกด้วยนะ ดูกันให้อิ่มไปเลย
ข่าวดีจ้ะ ช่วงนี้เว็บมาสเตอร์เริ่มว่างแล้วครับ เร็วๆ นี้เราจะเอาฟอนต์ชุดใหม่จาก อ.โรจ สยามรวยมาเผยแพร่ แต่ระหว่างนี้เอานี่ไปดูก่อนเลย: โปสเตอร์สวยๆ ที่ใช้การออกแบบและจัดวางตัวอักษรเป็นพระเอก 50 ชิ้น ดูเพื่อเสริมสร้างแรงบันดาลใจสำหรับคนรักตัวอักษรครับ
คราวก่อนนู้นเราเอาภาพโปรเจกต์นักศึกษาที่แหงนมองท้องฟ้าแล้วกลายเป็นตัวอักษร คราวนี้มีไอเดียสนุกๆ คล้ายๆ แบบนั้นมาอีก 10 เจ้าครับ คราวนี้บางอันเห็นแล้วฮากร๊ากเลย ทั้งการดึงหนังตัวเองแล้วหนีบเป็นตัวอักษรเอย ทั้งการเอากางเกงลิงมาบิดไปบิดมา กลายเป็นตัวอักษรเฉยเลย! จะเห็นได้ว่าแรงบันดาลใจในการสร้างสรรค์มีอยู่เต็มไปหมด อยู่ที่เราแล้วว่าจะนึกสนุกเมื่อไหร่ แล้วลองทำดูสักทีก็ฮาดีนะครับ
ลายมือไม่สวยใช่ไหม อย่าได้แคร์ครับ ถ้านึกสนุกซะอย่างก็เอามาใช้ออกแบบได้สารพัดสารพัน ทั้งงานกราฟิกดีไซน์ หรือเอามาทำเว็บก็ได้ ในยุคที่ทุกคนชาชินกับความเนี้ยบของคอมพิวเตอร์มากันหมดแล้ว เรากลับโหยหาความเป็นกันเอง ง่ายๆ แต่มีชีวิตชีวาของลายมือมนุษย์ด้วยกันนี่แหละ ลองดูแรงบันดาลใจจากหลายๆ แหล่งที่เขาใช้การออกแบบสไตล์ไก่เขี่ยๆ ดูสิครับ สนุกจะตาย!
(จริงๆ ใช้คำว่าฟอนต์ก็ไม่ถูกนัก แต่เห็นมันคล้องจองกับคำว่าฟ้าพอดี หยวนๆ นะ :P) เรื่องของเรื่องก็คือนักศึกษาเยอรมันชื่อ Lisa Rienermann เธอไปบาร์เซโลน่า แล้วอยู่ดีๆ ก็แหงนหน้ามองฟ้า จึงบรรลุธรรม! มองเห็นผืนฟ้าด้านบนที่เลาะเลี้ยวแลบออกมาจากซอกหลังคาตึก (แบบที่ในวงการเขาเรียกว่า Negative Space น่ะ) เป็นรูปตัว Q! พลันไอเดียจึงบังเกิด
ช่วงที่ผ่านมาผมไม่ค่อยว่างเท่าไหร่ เลยห่างหายจากการอัปเดตข่าว-หาของมาแบ่งกันดู แต่ต่อจากนี้น่าจะเริ่มว่างแล้วครับ ดังนั้นก็น่าจะได้เอาอะไรมาให้อ่านกันเรื่อยๆ :D สำหรับคราวนี้มี 30 บทความสอนการใช้โปรแกรม Adobe Illustrator เพื่อออกแบบกราฟิกตัวอักษรหลากหลายรูปแบบ ลองทำดูแล้วสนุกจัง!
หนึ่งปัญหาของการใช้ฟอนต์ที่เราเจอกันบ่อยๆ ก็คือ ผู้ใช้ขาดความเข้าใจว่า เอ๊ะ ไอ้การจัดย่อหน้าแล้วต้องใช้ฟอนต์ร่วมกันในหลายๆ รูปแบบเนี่ย เวลาออกแบบส่วนที่เป็นตัวเนื้อความ เราจะใช้ฟอนต์อะไรดี แล้วตัวพาดหัวล่ะ จะใช้ฟอนต์อะไร หน้าตาท่าทางเป็นแบบไหนดี มันถึงจะเข้ากันกลมกลืนที่สุด เพราะที่เจออยู่บ่อยๆ จะเป็นการเลือกใช้ฟอนต์ที่เราชอบ สวยดี น่ารักดี แต่พอเอามาจัดลงอาร์ตเวิร์กที่เป็นย่อหน้าปั๊บ ดันไม่เข้ากัน! อ้าวแล้วทีนี้จะมีวิธี มีเทคนิคในการแก้ปัญหายังไง จะจัดยังไงให้สวย มาดูกันครับ