Fonts ตัวเล็ก แต่เรื่องเล็กจริงเหรอ?!

ถ้าบอกว่ากำลังออกแบบ กำลังทำ Graphic หลายๆคนทำงานส่วนองค์ประกอบศิลป์ ส่วนภาพๆมาซะดี มักจะชอบมาตกม้าตาย เอาตอนแปะ Fonts เข้าไปนี่แหละ ไม่ว่าจะ Fonts ไม่เข้ากับภาพประกอบ ฉากหลัง หรือเลือก Fonts มาหลายตัว ก็กลับตีกัน อยู่ด้วยกันแล้วงานดูเน่าซะงั้น

เรื่องของ Fonts เป็นเรื่องละเอียดอ่อน ไม่เชื่ออย่าลบหลู่กันทีเดียว

ทีนี้ทำไงดี?

วันนี้จอมมี 7 เว็บไซท์ ที่เป็นเครื่องมือที่ดีในการช่วยเรา รู้จัก-คิด-เลือก-จับคู่-ค้นหา Fonts ให้เหมาะกับงานออกแบบของเราได้ง่ายขึ้น โดยจะแบ่งตามวิธีการใช้ และการหาค่ะ ลองเลือกไปใช้ให้เหมาะกับ Workflow หรือความต้องการของคุณนะคะ ทั้งนี้จริงๆก็ไม่ได้หมดแค่นี้ แต่ 7 เว็บนี้ก็ช่วยให้ชีวิตดีขึ้นกว่าเมื่อวานอีกเยอะ อย่างน้อยก็ชีวิตจอม ลองดูนะคะ หวังว่าจะชอบกัน

แหล่งที่ 1. Fonts Library ห้องสมุดสิแน่จริง

Typekit

Typekit.com เป็นเหมือนห้องสมุดที่ดูดีทันสมัย ของครบถ้วน ที่ตอนนี้เป็นของ Adobe ไปแล้วเรียบร้อย
ข้อดีของ Typekit ไม่ใช่แค่มีตัวเลือกปกติ แต่ก็ช่วยเราหา Fonts ทางเลือกได้อีกด้วยแถมเรายังสามารรเลือกคุณสมบัติของ Fonts ที่เราต้องการหาได้อย่างละเอียด เพราะมีแถบด้านขวาให้เลือกตามคุณสมบัติและสไตล์ของ Fonts เลย นอกจากทำให้เราเลือกชนิดได้ตรงใจยังช่วยส่งเสริมการเรียนรู้ และความเข้าใจใน Fonts ได้ดีอีกด้วย ดีจะตาย

ที่มาจาก typekit.com

แหล่งที่ 2. Fonts รู้จักฟอนต์ให้ลึก

Typedetail.com

งานตัวอักษรเป็นงานละเอียด มารู้จัก Fonts ให้ลึกกว่าเดิม ต้องรู้ถึง Anatomy มาดูดีเทลกันให้ชัดชัดไปเลยว่าแต่ละชนิดมันต่างกันยังไง ถ้าเราเข้าใจความต่าง เราจะเข้าใจความละเอียดอ่อนของมัน ว่าเราจะเอาแบบไหนมาใช้กับงานเราดีที่มาจาก typedetail.com/georgia.html

แหล่งที่ 3. Fonts Pairing | จับคู่ Fonts ให้เป็น

femmebot.github.io

โปรเจ็กต์นี้เป็นการรวมเอา Fonts Free จาก Google มาจับคู่ให้สวยงาม พร้อมวางบนภาพ ซึ่งช่วยให้ไอเดียได้ดี แถมจะใช้ฟอนต์ก็สบายใจ เพราะยังไงก็ฟรี ลองดู

ที่มาจาก femmebot.github.io

แหล่งที่ 4. Fonts Pairing | ตัวอย่างการออกแบบ

discover.typography.com

อีกแหล่งที่ทำโดยบริษัทGraphic Design ชื่อ H&Co ที่รวบรวมการจับคู่ Fonts ใน Context ต่างๆ ว่าเอามาประกอบกันให้ดูดี มีศิลปะ*ที่มาจาก discover.typography.com/

แหล่งที่ 5. Fonts Pairing by Name | ตามชื่อสกุล

https://www.canva.com/font-combinations/
สำหรับคนที่รู้จักชื่อ Fonts แล้วอยากดู Combination ตัวอย่างของ Fonts นั้น ทางCanva เค้าลองจับมาให้ดูไว้แล้วที่มาจาก www.canva.com/font-combinations/

แหล่งที่ 6. Fonts & Context | บริบท

typostrate

เราเลือก Fonts ก็วางบนCanvas 2 มิติก่อน บางทีไปวางบนผลิตภัณฑ์ 3 มิติจริงๆมันก็ไม่สวยอย่างที่ตอนแรกคิด นี่เลย ลองเว็บนี้ typostrate มันจะดีและช่วยเราได้เยอะขึ้นอีกมาก ถ้าเราได้เห็นตัวอย่างการนำ Fonts ไปวางไว้ในตัวบริบทจริงๆที่มาจาก typostrate.com

แหล่งที่ 7. Fonts Shopping | แหล่งซื้อ และ โหลด

Fontshop

อยากรีบเลือกรีบซื้อ รีบโหลด มาจบที่การหยิบไปใช้ ก็ต้องจ่ายตังค์ หรือไม่ก็เลือกที่ที่โหลดฟรี แต่ที่นี้ถ้าจะเลือก Fonts แล้วซื้อเลยทั้งที ไปร้านที่จัด Display ดีดี เห็นกันชัดๆเทียบกันจะจะ ว่าอันไหนสวยกว่าอันไหน ดูว่าใช้งานยังไงก็ดีกว่าป่ะ ?
ที่มาจาก www.fontshop.com

แต่อย่างไรก็ลองให้เวลาเลือก Fonts ในงานตัวเองดีดีอย่ามัวไปโหลดตามๆชาวบ้าน แล้วหาของเถื่อนตามลิสชาวบ้านอยู่เลย เราเป็นนักออกแบบ ตามตามเค้าไปเดี๋ยวเราจะกลายเป็น “นักตามแบบ” นะ ว่าแล้วก็เลือกที่โหลดให้ถูกลิขสิทธิ์ ของฟรีมีแต่ถ้าเค้าไม่ได้ให้ฟรีก็อย่าไปโหลดเถื่อนมาเลยนะเธอ กว่าเค้าจะสร้างมาได้แต่ละ Fonts มันก็ไม่ใช่ง่ายๆ ถ้าอยากได้ฟรีเลยก็ไป เอาที่ Google Fonts อันนี้เค้าตั้งใจให้ฟรี

 

FONTS MATTER!!!!

วันนี้ฝากแหล่งขุมพลังเรื่อง Fonts สำหรับผู้ที่ต้องทำงาน Graphic Design ในทุกด้านไว้เท่านี้ ใครสนใจ Fonts ที่สถาปนิกน่าใช้ เจาะไปตามสไตล์ก็ไปดูที่บทความนี้นะคะ

ถ้าชอบบอกกันด้วยนะคะ คราวหน้าจะเอามาฝากกันใหม่ วันนี้สวัสดีค่ะ