ทำไมข้อความของฉันถึงดูเหมือนว่าไม่อยู่กึ่งกลางตาย?


20

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

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


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

ฉันเอามันเข้า PS และ centerline ของคุณไม่ได้อยู่ระหว่างสองบรรทัดอย่างที่คาดไว้ (มันอยู่ด้านบนสุดของบรรทัดล่าง) ดูเหมือนว่าคุณจะอยู่กึ่งกลางตามแนวตั้งโดยใช้กรอบล้อมรอบข้อความซึ่งอาจมีการระบุไว้ในความคิดเห็นด้านล่าง แต่บ่อยครั้งที่ผู้สืบทอดจะเพิ่มพิกเซลลงในความสูงของกล่อง จำกัด ขอบเขตข้อความ แต่อย่าเพิ่ม "น้ำหนักภาพ" " หากคุณคิดว่ามันสูงเกินไปเลื่อนลงไป 40 พิกเซลให้วางกึ่งกลางระหว่างสองบรรทัด
Rob Craig

คำตอบ:


35

นี่คือภาพลวงตาทางแสง

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

นี่คือตัวอย่างรวดเร็ว

การสาธิตของศูนย์ opctical

บทความนี้ครอบคลุมมันค่อนข้างดี


7

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

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

หากคุณรู้สึกว่าประเภทนั้นสูงสักหน่อยให้สะกิดลง


11
The Ruler Rule: "เมื่อตาและผู้ปกครองไม่เห็นด้วยตาจะเป็นผู้กำหนด" :)
Alan Gilbertson

4

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

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

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

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


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

1

หากกล่องที่มีข้อความสูงกว่าข้อความที่มีอยู่ข้อความจะปรากฏขึ้นในเฟรมเมื่อกล่องอยู่กึ่งกลาง

ตรวจสอบว่ากล่องมีความสูงใกล้กับด้านล่างของข้อความมากที่สุดก่อนใช้การจัดกึ่งกลางอัตโนมัติ


แต่พวกคุณเห็นมันสูงขึ้นไหม? หรือเป็นเพียงฉัน
David Martineau Lachance

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

0

ฉันคิดว่านี่เป็นภาพลวงตาทางแสงเป็นส่วนใหญ่

เมื่อฉันต้องการจัดแนวข้อความเช่นนี้ฉันมักจะคัดลอกข้อความวางไว้ด้านหน้าแปลงเป็นโครงร่างแล้วจัดกลุ่ม วิธีนี้ไม่มีการใช้กล่องการ จำกัด ฉันใช้เครื่องมือจัดตำแหน่งและล็อคกลุ่ม หลังจากนั้นฉันวางตำแหน่งข้อความสดจากนั้นปลดล็อกโครงร่างและลบ

ฉันแน่ใจว่ามีหลายวิธีที่จะได้ข้อสรุปเดียวกัน แอนดี้

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