มีกฎทั่วไปเกี่ยวกับการเว้นวรรคแบบอักษรหรือไม่


10

เมื่อเร็ว ๆ นี้ฉันได้มองหาการออกแบบตัวอักษรของตัวเอง


ตามแบบฝึกหัดที่ฉันทำงานครอบครัวเล็ก ๆ เช่นฉันได้สร้างการออกแบบด้วยตัวอักษร 3 ตัวสิ่งทั้งหมดนั้นค่อนข้างเป็น "ตัวอักษรที่กำหนดเอง" ฉันแสดงให้ครอบครัวและเพื่อน ๆ ของฉันเห็น ...

ลุงของฉัน (ผู้ที่อยู่ในอุตสาหกรรมสร้างสรรค์กล่าวว่า:

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

[ชอบพื้นที่น้อยกว่าระหว่างEและตัวอักษรถัดไป]


ดังนั้นฉันจึงเริ่มมองมันและดูแบบอักษรต่างๆและสังเกตว่าเขาถูกต้อง:

ในแบบอักษร Arial มีพื้นที่น้อยมากระหว่างRและฉันและมากกว่าคู่ที่ด้านใดด้านหนึ่งของแต่มีพื้นที่น้อย

คำถามของฉันคือ:

มีกฎสำหรับการสร้างช่องว่างเหล่านี้หรืออาจเป็นเรื่องคณิตศาสตร์บางอย่างที่ฉันต้องเรียนรู้หรือมันเป็นเพียงมุมมองภาพตามดุลยพินิจของผู้ออกแบบ (ชนิดของการเล่นรอบ ๆ จนกว่าคุณจะชอบวิธีที่มันดู)

หมายเหตุ: เส้นถูกวัดโดยใช้จุดที่ไกลที่สุดในแต่ละด้านของตัวอักษรและเส้นตรงข้าม

หมายเหตุ: เส้นถูกวัดโดยใช้จุดที่ไกลที่สุดในแต่ละด้านของตัวอักษรและเส้นตรงข้าม


6
มันเรียกว่าการจัดช่องไฟ ลองดูคำถาม & คำตอบก่อนหน้านี้ (เช่นคำถามของฉัน: graphicdesign.stackexchange.com/q/68245/52050 ) คุณจะพบข้อมูลที่มีประโยชน์มากมาย
Cai

คำตอบ:


14

มันเรียกว่าการจัดช่องไฟซึ่งเป็นระยะห่างเพิ่มเติมที่ใช้กับคู่ของอักขระ1โดยเฉพาะ

จุดมุ่งหมายคือการรับรู้ระยะห่างที่เท่ากันระหว่างร่ายมนตร์ การเว้นวรรคที่เท่ากันในเชิงคณิตศาสตร์ขึ้นอยู่กับกล่องขอบของสัญลักษณ์แต่ละอันไม่ได้ผลเสมอไปเนื่องจากร่ายมนตร์มีรูปร่างที่แตกต่างกันมาก บางคนมีที่ว่างมากมายภายในกล่อง จำกัด และบางคนก็แทบจะไม่ได้เลย ร่ายมนตร์ที่จำเป็นต้องใช้การจัดช่องไฟคืออักขระที่มีรูปแบบเอียง (เช่น "W", "V", "A") และตัวอักษรที่มี "อาวุธ" หรือ crossbars ขนาดใหญ่ (เช่น "T", "F")

นำสตริง "AVAIL" มาเป็นตัวอย่าง เมื่อไม่มีการจัดช่องไฟช่องว่างระหว่าง "A" และ "V" นั้นชัดเจนมาก:

ป้อนคำอธิบายรูปภาพที่นี่

ดังนั้นเราจึงใช้การจัดช่องไฟเชิงลบเพื่อนำมาใช้:

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งที่ต้องระวังก็คือการชนกัน ทำตามตัวอย่างต่อไปนี้ ... โดยไม่ต้องทำการรักษาเฉพาะฮูดของ "f" และจุดของ "i" ชนกันดังนั้นเราต้องดึงมันออกจากกัน:

ป้อนคำอธิบายรูปภาพที่นี่

การชนด้วย "f" s มักจะได้รับการแก้ไขด้วยหนังสติ๊กเฉพาะเช่นกัน (แต่ฉันเชือนแช ... )

ป้อนคำอธิบายรูปภาพที่นี่

ระวังการชนกันระหว่าง serif ด้วย "y" และ "p" ที่นี่มีลักษณะเลอะเทอะเช่น:

ป้อนคำอธิบายรูปภาพที่นี่

ดูเพิ่มเติม: อะไรคือคู่การจัดช่องไฟทั่วไป


เทคนิคทั่วไปบางประการ

เคิร์นกลับหัวกลับหาง

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

ป้อนคำอธิบายรูปภาพที่นี่

เหล่

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

ป้อนคำอธิบายรูปภาพที่นี่

Glyphsที่ฉันใช้สำหรับการออกแบบประเภทเมื่อเร็ว ๆ นี้มีทั้งสองอย่างนี้เป็นคุณสมบัติที่มีอยู่ในตัวแก้ไข:

ป้อนคำอธิบายรูปภาพที่นี่

ลูกโป่ง?

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

ป้อนคำอธิบายรูปภาพที่นี่

การปฏิบัติ ...

เช่นเดียวกับทุกสิ่งวิธีที่ดีที่สุดในการเรียนรู้และปรับปรุงคือฝึกฝนฝึกฝนและฝึกฝนมากขึ้น

เกม Kerningเป็นเครื่องมือเล็ก ๆ ที่ดีในการฝึกฝนการจัดช่องไฟและเปรียบเทียบกับผู้เชี่ยวชาญการจัดช่องไฟ ...

ป้อนคำอธิบายรูปภาพที่นี่


1หรือบางครั้งมากกว่า ดูตารางการจัดช่องไฟพหุนามคืออะไร


0

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

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.