ทำให้แบบอักษรเว็บของคุณโดดเด่นด้วยการจับคู่แบบอักษรที่เหมาะสม

เผยแพร่แล้ว: 2019-04-30

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

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

การจับคู่ฟอนต์เข้าด้วยกันไม่ใช่ศาสตร์มืด แต่เป็นวิทยาศาสตร์

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

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

มาเริ่มกันเลย! ก่อนอื่น ก่อนที่คุณจะตัดสินใจจับคู่ฟอนต์ เรามาทำความเข้าใจพื้นฐานกันก่อน

วิธีการเลือกแบบอักษร?

หนึ่งในขั้นตอนสำคัญในกระบวนการออกแบบทั้งหมดของคุณคือการเลือกแบบอักษรที่เหมาะสม นี่คือวิธีการทำ

เนื้อหา

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

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

อักขระ

หากคุณคิดว่าสิ่งที่เป็นนามธรรมอย่างฟอนต์สามารถมีอักขระได้อย่างไร คุณคิดผิดแล้ว แบบอักษรเช่น Helvetica นั้นค่อนข้างทั่วไปและไม่ได้สื่อความหมายอะไรเลย ในทางตรงกันข้าม แบบอักษรอื่นๆ นำมาซึ่งความทรงจำและความสัมพันธ์ ทันทีที่คุณดูสคริปต์ Spencerian แบบเล่นหาง ภาพแรกที่ปรากฏขึ้นในหัวของคุณคือภาพ "Coca-Cola" ในทำนองเดียวกัน ฟอนต์หลายตัวมีอักขระต่างกันหรือทำให้เกิดการเชื่อมโยงที่หลากหลาย เมื่อคุณเลือกแบบอักษรสำหรับการออกแบบของคุณ ตรวจสอบให้แน่ใจว่าอักขระของสคริปต์ตรงกับข้อความของคุณ

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

เคล็ดลับสำหรับการจับคู่แบบอักษร

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

ข้อผิดพลาดอย่างหนึ่งที่นักออกแบบที่ไม่มีประสบการณ์ส่วนใหญ่ทำคือการใช้ฟอนต์หลายตัวในการออกแบบเดียว คุณเคยได้ยินสุภาษิตโบราณที่ว่า “คนทำอาหารมากเกินไปจะทำให้น้ำซุปเสีย” ไหม? เช่นเดียวกับแบบอักษร เพียงใช้ฟอนต์หนึ่งหรือสองฟอนต์หรือสูงสุดสามฟอนต์ ยิ่งไปกว่านั้นคุณกำลังมุ่งหน้าสู่หายนะ

เคล็ดลับอีกประการหนึ่งคือการสร้างคู่มือสไตล์ นี่ไม่ใช่แค่การกำหนดชุดฟอนต์ต่างๆ ที่คุณสามารถใช้ซ้ำได้ในงานออกแบบทั้งหมดของคุณ หากต้องการสร้างคู่มือสไตล์ที่ครอบคลุม คุณต้องกำหนดฟอนต์สำหรับสิ่งต่อไปนี้:

  • หัวเรื่องและหัวเรื่องย่อย
  • ย่อหน้า (เนื้อความ)
  • องค์ประกอบการทำงาน (เช่น ปุ่ม ข้อมูลเมตา โน้ต)

เคล็ดลับที่ 1: อย่าประเมินพลังของคอนทราสต์/

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

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

เคล็ดลับ 2: ใช้ประเภทโรงหล่อ

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

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

เคล็ดลับ 3: จัดให้มีลำดับชั้นภาพ

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

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

เคล็ดลับ 4: พิจารณา X-HEIGHT

อีกวิธีหนึ่งในการจับคู่แบบอักษรคือการเปรียบเทียบด้วยความสูง X นี่ไม่ใช่แค่ความสูงของตัวอักษร “X” ในแบบอักษรต่างๆ โดยปกติจะแตกต่างกันไปในแต่ละแบบอักษร กฎที่ไม่ได้เขียนไว้ในที่นี้คือฟอนต์ที่มี “X-height” เท่ากันจะเสริมกันและทำงานร่วมกัน

เคล็ดลับที่ 5: หลีกเลี่ยงการจับคู่แบบอักษรที่ขัดแย้งกันหรือคล้ายกันเกินไป

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

5 ฟอนต์คอมโบที่ดูสวยงาม

เพื่อช่วยคุณในการเริ่มต้น เราได้ให้รายชื่อคู่ฟอนต์ห้าคู่ที่ทำงานร่วมกันได้ดี

บรรทัดด้านล่าง

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

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

คุณกำลังวางแผนที่จะสร้างเว็บไซต์หรือไม่? ทีมนักออกแบบและนักพัฒนาผู้เชี่ยวชาญที่มีทักษะของเราได้ทำงานในโครงการออกแบบเว็บไซต์หลายโครงการ และรู้ดีถึงรายละเอียดปลีกย่อยของการออกแบบ เข้าร่วมกับเราและดูยอดขายของคุณเติบโตและสร้างเว็บไซต์ของคุณ! สำหรับบริการออกแบบเว็บไซต์ใน Gurgaon คุณสามารถโทรหาเราได้ที่ +91 124-4379-633 เรายังพร้อมให้บริการทุกวันตลอด 24 ชั่วโมงที่ www.webfries.com