มีชื่อคำศัพท์หรือการฝึกฝนสำหรับสิ่งที่อยู่กึ่งกลางโดยอิงจากปริมาณแทนที่จะเป็นความกว้างและความสูงหรือไม่?


11

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

พิจารณาปุ่มเล่นที่วางอยู่ในกล่อง:

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

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

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

ด้านบนของหัวของฉันฉันจะเรียกมันว่า "Volumetric Centering" แต่นั่นเป็นเพียงการเดา มีชื่อ / คำอย่างเป็นทางการสำหรับเทคนิคนี้หรือไม่?


ศัพท์ฟิสิกส์จะเป็นศูนย์กลางของมวลen.wikipedia.org/wiki/Center_of_mass
Dax Fohl

คำตอบ:


9

มันเรียกว่า"ศูนย์แสง"

โดยพื้นฐานแล้วดวงตาของผู้อ่านจะเริ่มต้นที่มุมซ้ายบนและเคลื่อนที่ไปทางขวาล่างผ่านศูนย์ออพติคอล (ในประเทศที่อ่านจากขวาไปซ้ายกลับด้าน)

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

สิ่งที่คุณทำคือสิ่งที่นักออกแบบควรทำคือปรับสมดุลองค์ประกอบของคุณรอบ ๆ ศูนย์ออปติคอลไม่ใช่ศูนย์กลางทางเรขาคณิต

นำมาจากบทความนี้

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


4
นี่ไม่ใช่เอฟเฟกต์ที่อธิบายไว้ในคำถามอย่างแน่นอน
KRyan

เกือบแล้ว ... ไม่ใช่แนวคิดที่ถูกต้อง
เสื้อผ้าธรรมดา

4

การแก้ไข / ชดเชยแสง

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

คล้ายกับแนวคิดของการผสมออปติคอลที่บุกเบิกโดยนัก Pointillists แห่งศตวรรษที่ 19 สมองของคุณจะมองไปที่รูปร่างและการเฉลี่ยของสิ่งต่าง ๆ เช่นเดียวกับ pointillism ผลกระทบจะเปลี่ยนไปตามขนาดของรูปร่างที่ต้องการ ความคมชัดของภาพของผู้ชมมีส่วนสำคัญ แต่ก็เกี่ยวข้องกับการรับรู้การรับน้ำหนักซึ่งสมองทำให้สิ่งต่าง ๆ ง่ายขึ้นอยู่กับความสำคัญสัมพัทธ์ (ขออภัย ... การอ่านหลายสิบปี แต่ไม่มีแหล่งที่มา)

ภาพ Pointillist พร้อมซูมในจุดสี

คุณจะพบรูปแบบอื่นของการชดเชยปริมาณการรับรู้ในสถาปัตยกรรมกรีก - โรมัน

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

ใช้สายตาของคุณ

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


3

มันเรียกว่าการจัดตำแหน่งออฟติคอล ป้อนคำอธิบายรูปภาพที่นี่ นี่คือบทความที่ดีที่กล่าวถึงปัญหามาก: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 หวังว่ามันจะช่วย!


ว้าวบทความน่ากลัว
Viziionary

@JonathanTodd ใช่ไหม? ฉันเพิ่งอ่านมันในวันก่อนและบันทึกไว้คิดว่ามีคนต้องการมันและที่นี่เราเป็นฮ่าฮ่า
Stanley VM

4
โปรดอ้างอิงส่วนที่เกี่ยวข้องของบทความที่คุณลิงก์ไปยังเพื่อเพิ่มคำตอบของคุณ ลิงก์คำตอบเฉพาะจะขมวดคิ้วเนื่องจากการเชื่อมโยงเน่า
DA01

1
บทความที่ยอดเยี่ยม! ฉันเลือกที่จะเป็นศูนย์กลางของสิ่งต่าง ๆ ด้วยดวงตาของฉันเป็นเวลาหลายปี ฉันไม่อยากจะเชื่อเลยว่าฉันไม่เคยถูกสอน (หรือคิดออกเอง) ว่าเป็นกลอุบาย ฉันขอ DA01 ที่สองที่คุณเพิ่มรูปภาพ / ข้อความจากโพสต์ในคำตอบของคุณสิ่งที่ดี
วิคกี้

1
@ joojaa ฉันยุ่งเกินกว่าที่ฉันวาดอยู่ ;)
Vicki

0

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

นี่คือลิงค์ที่ฉันพบ ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

ฉันรู้ว่าลิงก์เกี่ยวกับการออกแบบภูมิทัศน์ แต่ฉันคิดว่าแนวคิดนี้มีผลบังคับใช้

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