“ ถูกต้อง” ข้อความกึ่งกลางแนวตั้งในกล่อง

มีกฎบัญญัติวิธีการจัดกึ่งกลางข้อความในแนวตั้งในกล่องหรือไม่? หรือกล่าวอีกนัยหนึ่งว่าจะจัดแนวกล่องล้อมรอบข้อความได้อย่างไร? ฉันนึกภาพตัวเลือกสามตัวตามตัวชี้วัดการพิมพ์ (ดูภาพประกอบที่ไม่แน่นอนของฉัน):

• จัดวางตรงกลาง x ความสูง
• จัดตำแหน่งกึ่งกลางความสูงของหมวก (" หมายถึงเส้น ")
• จัดให้อยู่กึ่งกลางของหมวก + ความสูงของตัวลง

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

คำถามที่ดี!

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

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

เมื่อฉันได้รับเส้นทางที่สอดคล้องกับพื้นฐานหรือความสูง x ฉันใช้SHIFT+ UPหรือDOWNปุ่มลูกศรเพื่อสร้างช่องว่างภายในภาพ (โดยค่าเริ่มต้นใน Photoshop แต่ละครั้งจะเพิ่มขึ้น10pxดังนั้นในตัวอย่างข้างต้นฉันเพิ่ม40pxช่องว่างด้านบนและ ด้านล่าง).

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

อย่างที่คุณเห็นมันค่อนข้างใกล้เคียง ( 2pxความแตกต่าง)

ในการสรุป / สรุป:

เทคนิคที่ฉันใช้:

1. จัดตำแหน่งพา ธ ด้านบน / ล่างของกล่องให้ตรงกับ x-height / baseline ตามลำดับ (จากนั้นSHIFTกดปุ่มลูกศรออกไปด้านนอกเพื่อมองเห็นช่องว่างภายใน
2. ในทำนองเดียวกันบางครั้งฉันจะปุ่มลูกศรข้อความขึ้นและลงจนกว่ามันจะเป็นพื้นฐานและความสูง x ตรงตามด้านล่างและขอบด้านบนของกล่อง จากตรงนั้นฉันจะนับพิกเซลและกระจายส่วนที่เหลือระหว่างสองทิศทางอย่างเท่าเทียมกันในขณะที่ฉันจัดกึ่งกลางข้อความ
3. เลือกทั้งกล่องและข้อความจากนั้นทำ "จัดแนวกึ่งกลางแนวตั้ง" และ "จัดแนวกึ่งกลางแนวนอน"
4. ในที่สุดก็มีบางครั้งที่ฉันมองไม่เห็นตำแหน่ง โดยปกติแล้วผมไปขึ้นกับลงเพื่อหลีกเลี่ยงภาพ“ลดลง” (นี้เกี่ยวข้องกับกรอบภาพ, ดูภาพกรอบรูปด้านล่าง); นี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งถ้าขนาดตัวอักษรมีความสูงเป็นเลขคี่และส่วน1pxต่างคือส่วนที่เหลือ ... ฉันจะเลื่อนข้อความ1px(หรือมากกว่า) ขึ้นไปแทนที่จะเป็นด้านล่าง

กรอบรูป

การปูที่ใช้บ่อยที่สุดนั้นมีระยะขอบเท่ากันทุกด้าน เกี่ยวกับงานศิลปะที่มีศูนย์ภาพต่ำกว่าศูนย์จริง, [8] น้ำหนักด้านล่างหรือออฟเซ็ตถูกใช้บ่อยในการปู ขอบด้านล่างนั้นใหญ่กว่าขอบด้านข้างและขอบด้านบน เมื่อดูภาพดวงตามักจะอยู่ตรงกลางขึ้นสูงกว่าศูนย์กลางทางกายภาพของภาพ โดยการสร้างระยะขอบด้านล่างให้ใหญ่ขึ้นและปิดการตั้งค่าเสื่อคุณวาดตาถึงศูนย์กลางทางกายภาพของภาพ Top Center เป็นส่วนหนึ่งของการถ่วงน้ำหนักด้านล่างที่ขอบด้านบนและด้านข้างเท่ากันซึ่งสร้างเอฟเฟกต์ที่น่าพึงพอใจทางสายตา นี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งในเสื่อที่เส้นขอบไม่เท่ากันเช่น 11x14 ที่มีการเปิด 8x10
- WikiPedia: Mat (กรอบรูปภาพ)

… และที่นี่:

เสื่อมีการถ่วงน้ำหนักที่ด้านล่างเพราะตา / สมองของเรารู้สึกถึงแรงโน้มถ่วง หากแผ่นมีความกว้างเท่ากันทั่วสมองของเราจะ 'ลงทะเบียน' ด้านล่างแคบกว่าเล็กน้อย (ภาพไม่ได้อยู่กึ่งกลางภาพ)
- WetCanvas> ศูนย์การเรียนรู้> เคล็ดลับสตูดิโอและการวางกรอบ> กรอบการอภิปรายโหลดหน้านี้ใหม่ ด้านล่างของเสื่อ

พิมพ์ข้อกำหนด

- https://www.supremo.tv/typeterms/

โบนัส!

นี่คือ GIF เปรียบเทียบความสูงสูงสุด, ตัวลง, ขึ้นไปและตัวพิมพ์เล็กทั้งหมดโดยไม่มีตัวคั่น / ตัวขึ้น:

ฉันคิดว่าทั้งสองรุ่นเข้ากันได้ดีมากภายในกล่อง

น้ำหนักการมองเห็นเป็นแบบไดนามิกซึ่งไม่สามารถกำหนดได้ด้วยความสูง x ความสูงของหมวก ฯลฯ ...

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

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

คุณอาจต้องการทดลองใช้เครื่องมือนี้: http://javier.xyz/visual-center/

การออกแบบไม่ใช่วิทยาศาสตร์ที่แน่นอนเสมอไป บ่อยครั้งที่สิ่งที่ดูเหมือนถูกต้องอาจไม่ใช่ศูนย์ที่แท้จริงหรือสิ่งที่ถูกต้องทางคณิตศาสตร์

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