ควรเว้นวรรครอบ ๆ ข้อความที่เป็นตัวหนาด้วยหรือไม่

ในภาพต่อไปนี้ข้อความด้านบนมีช่องว่างปกติรอบคำตัวหนาbarในขณะที่ข้อความด้านล่างรวมถึงช่องว่างในการออกแบบตัวหนา:

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

มีกฎทั่วไปเกี่ยวกับสิ่งที่ฉันควรจะชอบหรือไม่? หากฉันพูดคำหยาบฉันควรทำให้ทั้งสองช่องว่างรอบตัวหนาหรือไม่?

(และถ้ามันไม่ขยายคำถามมากเกินไปแล้วข้อความตัวเอียงแทนที่จะเป็นตัวหนา )

ไม่ช่องว่างไม่ควรเป็นตัวหนาเพราะนั่นจะเป็นความหมายที่ไม่ดี คำหรือเรียกใช้คำสามารถเป็นตัวหนา แต่ช่องว่างรอบคำไม่สามารถ

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

ในตัวอย่างของคุณผู้เขียนเขียน:

foo **bar** baz

... แสดงที่นี่ใน Markdown แต่มันก็นำไปใช้ในสภาพแวดล้อมการเขียนใด ๆ

นักเขียนไม่มีเหตุผลที่จะทำให้ช่องว่างเป็นตัวหนาเพราะไม่มีความหมายที่จะทำให้ช่องว่าง ข้อความตัวหนามาจากใจนักเขียน พวกเขาเป็นตัวหนาคำ (หรือเรียกใช้คำ) ไม่ได้เป็นตัวเว้นวรรคช่องว่าง

ดังนั้น HTML - ตัวอย่างอยู่ใน HTML เพราะตัวอย่างของคุณเป็น HTML แต่สิ่งนี้ใช้กับการติดตั้งใด ๆ - ของ Markdown ด้านบนคือ:

foo <b>bar</b> baz

…และหลังจากนั้นเมื่อการออกแบบภาพเริ่มขึ้น

หากคุณต้องการพื้นที่พิเศษรอบข้อความที่เป็นตัวหนา - และคุณกำลังทำงานใน HTML ตามตัวอย่างคุณใช้ CSS หรือ JavaScript เพื่อแก้ไข DOM คุณจะไม่ทำลายซีแมนทิกส์ของ HTML หากคุณกำลังทำงานใน InDesign หรือ Illustrator หรือสภาพแวดล้อมการออกแบบภาพใด ๆ ก็มีผลเช่นเดียวกัน

หากคุณดูตัวอย่างโดยใช้การเขียนจริงมันชัดเจนขึ้น:

ระวังอย่ากินเนื้อหาของแพ็คเก็ต

... มันเป็นคำว่า "อันตราย" ที่มีความสำคัญที่ชัดเจน ไม่มีอะไรอีกแล้ว.

สุจริตฉันไม่คิดว่ามันสำคัญจริงๆ ความแตกต่างในระยะห่างจะเล็กน้อยและไม่สามารถสังเกตเห็นได้ อย่างไรก็ตามนี่คือสิ่งที่ฉันทำตามปกติ

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

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

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

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

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

ตัวอย่างเช่นfoo barแสดงผลfoobarเมื่อเขียนเป็น:

<span class="bold">foo </span>bar

แอปพลิเคชั่นบางตัวเช่น InDesign บน HTML และ CSS ส่งออกเป็น:

<span class="bold">This is Friday</span>

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

หากคุณเลือกที่จะรวมระยะห่างที่จุดสิ้นสุดหรือจุดเริ่มต้นด้านในแท็กของคุณฉันขอแนะนำให้คุณใส่รหัสเช่น:

<span class="bold">foo&#160;</span>bar

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

หลังจากลงคะแนน

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

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

นี่ขึ้นอยู่กับนักออกแบบ แต่ในที่สุดแล้วก็มีความสำคัญน้อยมากในกรณีส่วนใหญ่

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

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

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

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

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

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

Markup, HTML, LaTeX --- สิ่งเหล่านี้สำคัญแต่ตอนนี้คุณคิดยังไงกับพวกเขา

ตัวอย่างเช่นเรามีเช่นที่คุณใช้ในตัวอย่างเริ่มต้นของคุณ:

• HTML: The <b>cat</b> died last night!
• มาร์กอัป: The **cat** died last night!
• BBCode: The [b]cat[/b] died last night!

หรือคุณอาจมี:

• HTML: The<b> cat </b> died last night!
• มาร์กอัป: The** cat **died last night!
• BBCode: The[b] cat [/b]died last night!

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

สิ่งที่คุณต้องการถาม:ควรเพิ่มพื้นที่ว่างเมื่อใช้แบบอักษรที่แข็งแรงขึ้นหรือไม่

ดังนั้นควรเพิ่มพื้นที่ว่างเมื่อใช้แบบอักษรหนาขึ้นหรือไม่

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

ดูว่าไม่มีช่องว่างตัวหนาเพราะไม่มีอักขระเว้นวรรคเลยที่นี่มีเพียงตัวอักษรที่ถูกโยนลงบนหน้า:

ยิ่งใกล้เข้ามาไกลขึ้นไปอีกเล็กน้อยเหมือนกัน ... นั่นคือทั้งหมดขึ้นอยู่กับนักออกแบบ

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

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

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