ความสูงของเส้นที่เหมาะสมที่สุดที่สัมพันธ์กับขนาดตัวอักษร


24

มีข้อตกลงเกี่ยวกับสัดส่วนทางคณิตศาสตร์ที่เหมาะสมของความสูงของเส้นและขนาดของข้อความหรือไม่? และถ้ามีมันเหมือนกันสำหรับสิ่งพิมพ์และเว็บหรือไม่


หมายเหตุ: ขนาดของฟอนต์ดิจิทัลนั้นเป็นตัวละครในแง่ที่ว่าผู้ออกแบบประเภทมีความสูง 1em ที่กำหนดไว้ในฟอนต์ แต่สามารถวางตัวอักษรของสัญลักษณ์ได้ทุกที่และทุกขนาด ความหมาย 'H' สามารถครอบคลุม 75% ของ 1em หรือ 50% หรือ 5% นั่งหน้าแดงด้านบนกึ่งกลางหรือล่างและความสูงของบรรทัดภายใน "ที่สร้างขึ้น" ของแบบอักษรจะแตกต่างกันไป สิ่งนี้จะส่งผลให้ความสูงของบรรทัดแตกต่างกันแม้จะเป็นศูนย์นำหน้า เนื่องจากมีเพียงการประชุม แต่ไม่มีมาตรฐานแบบอักษรแต่ละตัวจึงมีความสูงที่เป็นเอกลักษณ์ของตัวเองในจัตุรัส em โดยไม่คำนึงถึงการเพิ่มชั้นนำในซอฟต์แวร์แก้ไขในภายหลัง
Kontur

คำตอบ:


19

คำตอบสั้น ๆ : "ไม่"

คำตอบยาว: มีปัจจัยสี่ประการที่เกี่ยวข้องกับการตัดสินใจนำหน้า (ปัจจุบันหมายถึงระยะทางจากหนึ่งบรรทัดถัดไปเรียกอีกอย่างหนึ่งว่าความสูงบรรทัด): ความสูง x ของตัวละคร, การวัด (ความยาวของเส้น), น้ำหนักของ จังหวะของตัวละครตัวเองและขนาดของประเภท ในคำตอบนี้เพื่อความเรียบง่ายฉันจะใช้ "นำหน้า" และ "ความสูงของเส้น" แทนกันได้

ของสิ่งเหล่านี้สิ่งที่ครอบงำคือการวัดตามด้วยความสูง x และขนาดพอยต์

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

ขนาดของตัวละครไม่เหมือนกับขนาดพอยต์ซึ่งในยุคของประเภทโลหะจะถูกนำมาใช้เป็นค่าการวัดทั้งหมดจากด้านล่างของตัวลดทอนต่ำสุด (เช่นหางของตัวพิมพ์เล็ก "y") ไปด้านบน ของตัวขึ้นสูงสุด (เช่นการลากเส้นตามแนวดิ่งของตัวพิมพ์เล็ก "h") ความสูงของตัวพิมพ์เล็ก "x" ซึ่ง "x- ความสูง" มาอาจจะสูง (Arial) หรือสั้นมาก (แบร์นฮาร์ดโมเดิร์น) ที่สัมพันธ์กับขนาดพอยต์ ประเภทชุดเพื่อให้ความสูงของเส้นเหมือนกันกับขนาดของจุดคือ "set solid" - ไม่มีการชักนำพิเศษระหว่างเส้น Arial หรือ Helvetica ดูแข็งแกร่งน่ากลัว แบร์นฮาร์ดโมเดิร์นไม่ได้

เพื่อรักษาความสามารถในการอ่านได้ให้พิมพ์ใบหน้าที่มีความสูง x สูงซึ่งสัมพันธ์กับหมวกและความสูงของหนังสือ (เช่น Century Schoolbook หรือ Helvetica) ต้องการความสูงของเส้นมากขึ้นเมื่อเทียบกับขนาดพอยต์กว่า Garamond หรือ Futura ซึ่งมีความสูง

Sans serifs มีแนวโน้มที่จะมีลายเส้นที่หนากว่าเมื่อเทียบกับขนาดของมันมากกว่าแบบอักษร serif การตั้งค่าให้แน่นเกินไป (ความสูงบรรทัดเล็ก) ทำให้ย่อหน้าและหน้าดูหนักและมืดมากและสามารถอ่านได้ยากมาก การเปิดส่วนนำและบางครั้งระยะห่างอักขระจะปรับปรุงลักษณะของข้อความอย่างมาก ใบหน้าของเซรุ่มที่มีความสูง x ค่อนข้างเล็กเช่น Garamond สามารถตั้งค่าได้ด้วยความสูงของเส้นที่น้อยกว่ามาก

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

ตอนนี้ให้ฉันจัดการกับแนวคิดอัตราส่วนทองคำ ( phi ) มันจะผิดในเกือบทุกกรณี คณิตศาสตร์ไม่มีส่วนเกี่ยวข้องกับมัน ลักษณะที่ปรากฏไม่

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

คุณจะออกนอกลู่นอกทางอย่างจริงจังถ้าคุณพยายามใช้ phi (หรืออัตราส่วนคงที่ใด ๆ ) เพื่อคำนวณความสูงของเส้นเนื่องจากคุณจะถูกต้องโดยอุบัติเหตุเท่านั้น

สำหรับเว็บใช้ typefaces ที่ออกแบบมาสำหรับอุปกรณ์ที่มีความละเอียดต่ำอย่างน้อยสองสามปีถัดไปจนกระทั่งหน้าจอความละเอียดปานกลาง (250 - 400 ppi) กลายเป็นเรื่องธรรมดา ไม่ใช่ "แบบอักษรเว็บ" ทั้งหมดจากผู้ให้บริการเช่น Google, Extensis หรือ Typekit ที่สามารถใช้งานได้กับขนาดตัวอักษรบนจอแสดงผลส่วนใหญ่ ข้อความบนเว็บมีแนวโน้มที่จะอ่านได้ดีขึ้นเมื่อเว้นระยะห่างเล็กน้อยบนหน้ากระดาษที่พิมพ์ออกมาเล็กน้อยเนื่องจากการจัดวางจุดกริดและระบบปฏิบัติการที่หยาบซึ่งทำให้เบลอสโตรก


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

คุณถูก. และ "จังหวะของข้อความ" สื่อสารแนวคิดอย่างสมบูรณ์แบบฉันคิดว่า :)
Alan Gilbertson

-4

แก้ไขตกลงดังนั้นอาจจะ "ไม่ผิดพลาด" ไม่ใช่คำที่ดีที่สุด แน่นอนว่าไม่มีสากลที่เหมาะสม แต่อัตราส่วนทองคำดูดีในหลายกรณี ตรวจสอบเครื่องคิดเลขเค้าโครงตาม phi นี้ http://www.pearsonified.com/typography/

และนี่คือบทความที่ยอดเยี่ยมที่อธิบายเหตุผลของโปรแกรมเมอร์http://www.pearsonified.com/2011/12/golden-ratio-typography.php


คุณไม่สามารถผิดกับอัตราส่วนทองคำ

ความสูงของบรรทัด = ความสูงของข้อความ x 1.62

เป็นคำถามที่ดีมาก


1
คุณยังสามารถใช้ em เพื่อกำหนดขนาดแบบอักษรของคุณ ในเว็บสามารถลงไปที่. 01em ซึ่งก็คือ 1/2 พิกเซล
Julian

2
คำตอบนี้ไม่ใช่คำแนะนำที่ดี มันขัดแย้งกับการฝึกฝนเกี่ยวกับวิชาการพิมพ์หลายศตวรรษ ไม่มีตัวเรียงพิมพ์จะใช้อัตราส่วนคงที่สำหรับข้อความทั้งหมดและแทบจะไม่ใหญ่เท่ากับ phi
Alan Gilbertson

2
แน่นอนคุณสามารถไปผิดกับอัตราส่วนทองคำ มันเป็นอัตราส่วนที่สมเหตุสมผลในสถาปัตยกรรมโบราณ แต่ไม่จำเป็นต้องเหมาะสมกับทุกสิ่ง
DA01

3
คำตอบนี้ค่อนข้างเพิกเฉยต่อภูมิปัญญาดั้งเดิมทั้งหมดและโดยพลการทั้งหมด - มันไม่ได้สะท้อนการฝึกฝนการพิมพ์และมันไม่ใช่ความคิดที่ดีจริงๆ นอกจากนี้ยังล้มเหลวในการคำนึงถึงปัจจัยบัญชีเช่นการออกแบบตัวอักษร (อาจเป็นปัจจัยที่ใหญ่ที่สุด) บริบทขนาดขนาดความกว้างคอลัมน์และระยะขอบและอื่น ๆ
thomasrutter

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