กลยุทธ์การจับคู่แบบอักษรและเครื่องมือสำหรับการผสมผสานแบบอักษรที่สมบูรณ์แบบ

แบบอักษรที่คุณเลือกเป็นตัวกำหนดรูปลักษณ์ของเอกสาร เว็บไซต์ หรือการออกแบบอื่นๆ สนุกและเป็นกันเอง ลื่นไหลและสร้างสรรค์ หรือจริงจังและเป็นทางการหรือไม่?

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

ในบทความนี้ เราจะหารือเกี่ยวกับกลยุทธ์การจับคู่แบบอักษรและเครื่องมือที่จะช่วยคุณค้นหาชุดแบบอักษรที่สมบูรณ์แบบเพื่อใช้ในโครงการของคุณ

A Typography Primer

มีคำศัพท์ที่เราใช้ตลอดทั้งคู่มือนี้อาจเป็นประโยชน์ในการอธิบาย...

แบบอักษรกับแบบอักษร

คำว่า ฟอนต์ และ ฟอนต์ มักใช้สลับกันได้ แต่จริงๆ แล้วต่างกัน NS แบบอักษร เป็นตระกูลของฟอนต์ NS ทำ เป็นหนึ่งในรูปแบบที่แตกต่างกันในแต่ละครอบครัว ดังนั้น Times New Roman จึงเป็นแบบอักษร และ Times New Roman Regular และ Times New Roman Medium Italic เป็นแบบอักษร

สตรีมวิดีโอใช้ข้อมูลเท่าใด

การจำแนกประเภท

การจำแนกประเภทเป็นหมวดหมู่ของแบบอักษรตามลักษณะที่ปรากฏ การจำแนกประเภทบางส่วน ได้แก่ :

Serif
ซัง-เซริฟ
กอธิค
เครื่องพิมพ์ดีด
สคริปต์
ตกแต่ง

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

serif เทียบกับ ซัง-เซริฟ

การจำแนกประเภทแบบอักษรที่พบบ่อยที่สุดอย่างหนึ่งคือ serif กับ sans-serif ไม่แน่ใจว่าความแตกต่างคืออะไร? แบบอักษร serif มีเส้นบางๆ ที่ส่วนปลายของตัวอักษร ฟอนต์ sans-serif ไม่มีคุณสมบัติเพิ่มเติม

ซูเปอร์แฟมิลี่

Superfamilies คือกลุ่มแบบอักษรที่จัดอยู่ในประเภทต่างๆ แบบอักษรจะเริ่มต้นด้วยรูปร่างพื้นฐานเดียวกัน จากนั้นจะมีองค์ประกอบเพิ่มเข้าไปเพื่อให้พอดีกับการจัดประเภทเฉพาะ ตัวอย่างทั่วไปของซูเปอร์แฟมิลี่คือ กลอส ซูเปอร์แฟมิลี่ .

นอกจากนี้ หากคุณสนใจด้านเทคนิคของฟอนต์ คุณสามารถอ่านเกี่ยวกับ ความแตกต่างระหว่างแบบอักษร OTF และ TTF .

การเลือกแบบอักษรแรกของคุณ

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

น่าเสียดายที่มันไม่ค่อยง่ายขนาดนั้น หากคุณมีปัญหาในการหาผู้สมัครที่เหมาะสม ให้ลองหาข้อมูลสักหน่อย มองหาตัวอย่างที่สามารถช่วยให้คุณไปในทิศทางที่ถูกต้อง

จำไว้ว่าคุณไม่ได้ต้องการลอกเลียนแบบ คุณกำลังมองหาแรงบันดาลใจ มีโอกาสที่ใครบางคนจะแก้ปัญหานี้มาก่อนและวิธีแก้ปัญหาของพวกเขาสามารถช่วยแจ้งให้คุณทราบได้

เมื่อคุณเลือกแบบอักษรแรกแล้ว ก็ถึงเวลาคิดถึงส่วนเสริม

การเลือกการจับคู่แบบอักษร

มีแนวทางมากมายในการค้นหาว่าฟอนต์ใดเข้าคู่กันได้ดี แนวทางเหล่านี้บางข้อสามารถนำมารวมกันได้ และบางแนวทางก็ขัดแย้งกัน

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

นี่คือบางส่วนที่ควรทราบ

1. สร้างคอนทราสต์

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

ให้จับคู่แบบอักษรหมุนวนกับแบบอักษรตัวหนาแทน จับคู่แบบอักษรที่โปร่งสบายกับแบบอักษรหนา ติดแบบอักษร serif ของคุณด้วยตัวเลือกที่สวยงามและหางยาว จับคู่ slab serif กับ a แบบอักษรลายมือ เช่นในตัวอย่างด้านบน

หรือรวมแบบแคบและกว้างเข้าด้วยกัน การจับคู่แบบอักษรที่ดีสำหรับ Copperplate เป็นสิ่งที่บางกว่าเช่น Helvetica Condensed

2. เก็บไว้ในครอบครัว

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

แบบอักษรบางตัวมีชุดแบบอักษรที่ค่อนข้างกว้างขวาง เบบี๋ตัวใหม่ ตัวอย่างเช่น มีตุ้มน้ำหนักหลายแบบ รวม Bebas Neue Bold เข้ากับ Bebas Neue Light ในขนาดต่างๆ กัน และคุณเข้าใกล้การออกแบบที่ยอดเยี่ยมเพียงก้าวเดียว

แม้ว่า Bebas Neue จะเป็นแบบอักษรตัวพิมพ์ใหญ่เท่านั้น คุณยังสามารถใช้อักษรตัวพิมพ์ใหญ่เพื่อเพิ่มความน่าสนใจให้กับการออกแบบของคุณได้

หากคุณต้องการความหลากหลายเพิ่มขึ้นอีกเล็กน้อย แต่พบว่าการรักษาสิ่งนี้ไว้ในครอบครัวนั้นได้ผลดีที่สุดสำหรับคุณ ให้มองหาครอบครัวที่ยิ่งใหญ่ NS กลอส ซูเปอร์แฟมิลี่ รวมถึง Sans, Serif, เครื่องพิมพ์ดีด Sans, เครื่องพิมพ์ดีด Serif, คณิตศาสตร์ และแบบอักษรอื่นๆ

3. รวม Serif และ Sans-Serifs

วิธีที่รวดเร็วและมีประสิทธิภาพในการสร้างคอนทราสต์คือการจับคู่ฟอนต์ serif กับฟอนต์ sans-serif ดังที่คุณเห็นในตัวอย่างด้านล่าง การจับคู่ฟอนต์ Calibri ที่ดีคือฟอนต์ serif เช่น Times New Roman:

วิธีที่ง่ายที่สุดวิธีหนึ่งในการเลือกตัวเลือก serif และ sans-serif เสริมคือการเก็บไว้ใน superfamily Viget จัดให้ รายชื่อซุปเปอร์แฟมิลี่ ที่สามารถเป็นประโยชน์ และช่วยให้แน่ใจว่าฟอนต์ของคุณเสริมกันและกัน

4. จำกัด ตัวเองให้เหลือแบบอักษรสองหรือสามแบบ

คุณจะพบกับนักออกแบบมืออาชีพที่ไม่ได้ใช้ชีวิตตามกฎเกณฑ์ของการออกแบบตัวอักษรนี้ หากคุณกำลังรวมฟอนต์ คุณจะต้องจำกัดตัวเองให้เหลือสองหรือสามฟอนต์

ถ้าการออกแบบของคุณมีส่วนหัว ส่วนหัวย่อย และเนื้อหา คุณสามารถใช้ฟอนต์ที่แตกต่างกันสามแบบ คุณอาจต้องการใช้เพียงสองอย่างหากการออกแบบของคุณมีข้อความน้อยกว่า

มีข้อยกเว้นสำหรับกฎนี้ แต่เฉพาะในการออกแบบบางประเภทเท่านั้น

แรงบันดาลใจและไอเดียในการจับคู่แบบอักษร

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

การรวมแบบอักษรของ Canva

การรวมแบบอักษรของ Canva ให้คุณเลือกตัวเลือกแรกและเสนอแนะว่าคู่ควรเป็นอย่างไร ใช้แบบอักษรที่มีให้ในเครื่องมือออกแบบ Canva ดังนั้นจึงไม่รวมแบบอักษรทั่วไปบางแบบ

Typ.io

NS Typ.io เว็บไซต์แบ่งออกเป็นสองส่วน คุณสมบัติส่วนแรก การผสมแบบอักษร จากในเว็บเพื่อเป็นแรงบันดาลใจ คุณสมบัติส่วนอื่น ๆ รายการแบบอักษร ที่จับคู่กันได้ดีตามฟังก์ชัน เช่น จะใช้สำหรับข้อความส่วนหัวหรือเนื้อหา

Just My Type

หากคุณพบว่าตัวเองกำลังออกแบบในชุดโปรแกรม Adobe Just My Type จะมีประโยชน์มาก เว็บไซต์เสนอคำแนะนำการจับคู่สำหรับ Adobe's แบบอักษร Typekit จาก Hoefler and Co's บริการพิมพ์ตัวอักษรบนคลาวด์ .

Hoefler and Co. ยังมีคำแนะนำที่เป็นประโยชน์ในการเลือก ' ทำพาเลท ' พวกเขาแนะนำให้รวมฟอนต์จากยุคประวัติศาสตร์เดียวกันกับคุณลักษณะที่แตกต่างกันหรือคุณภาพของเส้นที่คล้ายคลึงกันกับพื้นผิวที่แตกต่างกัน คำแนะนำแบบอักษรมาจาก Hoefler and Co. แต่คุณสามารถใช้กฎกับแบบอักษรอื่นได้

เช่นเดียวกับภาพอื่นๆ Pinterest เป็นแหล่งที่มาที่ยอดเยี่ยมของแรงบันดาลใจในการจับคู่แบบอักษร เพียงค้นหา 'การจับคู่แบบอักษร' หรือ 'การพิมพ์' แล้วคุณจะพบคำแนะนำดีๆ มากมาย

ประเภทการเชื่อมต่อ

สร้างเกมจับคู่ฟอนต์กับ ประเภทการเชื่อมต่อ . เว็บไซต์ให้คุณเลือกแบบอักษรแรก และการเลือกแบบอักษรที่สองจะกลายเป็น 'เลือกการผจญภัยของคุณเอง'

windows 10 ใช้เวลานานในการเข้าสู่ระบบ

คุณต้องการที่จะไปกับสิ่งที่มาจากครอบครัวเดียวกัน แบบอักษรที่คล้ายกัน แบบอักษรที่ตัดกัน หรือจมปลักอยู่กับอดีตหรือไม่?

Google Type

หากแหล่งแบบอักษรที่คุณเลือกคือ Google Fonts Google Type เป็นแหล่งแรงบันดาลใจที่ดีในการที่แบบอักษรเหล่านี้จับคู่กันได้ดี การใช้ข้อความจากนิทานอีสปและรูปภาพจาก Unsplash ทำให้ไซต์นี้เป็นแรงบันดาลใจด้านภาพว่า Google Fonts ทำงานร่วมกันได้ดีเพียงใด

คู่แบบอักษร เป็นอีกหนึ่งเครื่องมือที่มีประโยชน์สำหรับผู้ใช้ฟอนต์ Google Web ซึ่งให้คำแนะนำเกี่ยวกับการเลือกฟอนต์ส่วนหัวและส่วนเนื้อหาที่เข้าคู่กันได้ดี

พิมพ์ดีด

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

เครื่องปั่นแบบอักษรเว็บ

เครื่องปั่นแบบอักษรเว็บ ไม่ได้ให้คำแนะนำสำหรับคุณ แต่อนุญาตให้คุณลองใช้ Google Fonts ต่างๆ และดูตัวอย่างด้วยตัวอย่างหัวเรื่อง หัวเรื่องย่อย และเนื้อหา เป็นโบนัส มันสร้าง CSS คุณจะต้องใช้แบบอักษรเหล่านี้ในการออกแบบออนไลน์

ค้นหาแบบอักษรที่เหมาะสม

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

คำแนะนำของเราที่จะ แบบอักษร Google ที่ดีที่สุด จะช่วยคุณค้นหาฟอนต์ฟรีที่ยอดเยี่ยมสำหรับเว็บไซต์และงานนำเสนอ

และถ้าคุณต้องการช่วงที่ใหญ่กว่าให้เลือก ตรวจสอบรายการของเรา เว็บไซต์ที่ดีที่สุดในการดาวน์โหลดและใช้แบบอักษรฟรี .

เครดิตภาพ: mrdoomits/ รูปถ่ายเงินฝาก

แบ่งปัน แบ่งปัน ทวีต อีเมล Canon กับ Nikon: กล้องยี่ห้อไหนดีกว่ากัน?

Canon และ Nikon เป็นสองชื่อที่ใหญ่ที่สุดในอุตสาหกรรมกล้อง แต่แบรนด์ใดที่มีกล้องและเลนส์รุ่นต่างๆ ที่ดีกว่ากัน?

อ่านต่อไป หัวข้อที่เกี่ยวข้อง

ความคิดสร้างสรรค์
แบบอักษร
วิชาการพิมพ์
ออกแบบเว็บ
ออกแบบกราฟิก

เกี่ยวกับผู้เขียน Andy Betts(221 บทความเผยแพร่)

Andy เป็นอดีตนักข่าวสิ่งพิมพ์และบรรณาธิการนิตยสารที่เขียนเกี่ยวกับเทคโนโลยีมา 15 ปีแล้ว ในช่วงเวลานั้น เขาได้มีส่วนร่วมในการตีพิมพ์และผลิตงานเขียนคำโฆษณาให้กับบริษัทเทคโนโลยีขนาดใหญ่จำนวนนับไม่ถ้วน เขายังให้ความเห็นจากผู้เชี่ยวชาญสำหรับสื่อและจัดแผงในงานอุตสาหกรรม

เพิ่มเติมจาก Andy Betts

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก