ความแตกต่างระหว่าง Padding และ Margin (พร้อมตาราง)

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

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

Padding เทียบกับ Margin

ความแตกต่างระหว่างช่องว่างภายในและระยะขอบคือช่องว่างภายในคือช่องว่างระหว่างเส้นขอบและเนื้อหาขององค์ประกอบ ในขณะที่ระยะขอบคือช่องว่างระหว่างเส้นขอบและองค์ประกอบภายนอก

ตารางเปรียบเทียบระหว่าง Padding และ Margin

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

Padding คืออะไร?

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

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

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

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

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

มาร์จิ้นคืออะไร?

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

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

วิธีช่องว่างภายในกำหนดขนาดของการออกแบบโดยการขยายหรือบีบอัดพื้นที่ภายในของการออกแบบ ในทำนองเดียวกัน ระยะขอบก็กำหนดขนาดขององค์ประกอบภายในเช่นกัน โดยเฉพาะอย่างยิ่งเมื่อเกี่ยวข้องกับการออกแบบตัวอักษร หากค่าของระยะขอบเพิ่มขึ้น แสดงว่าความยาวของเส้นจะลดลง และหากความยาวของระยะขอบลดลง จะทำให้ความยาวของเส้นเพิ่มขึ้น โดยพื้นฐานแล้วมันสัมพันธ์กันแบบผกผัน

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

ความแตกต่างหลักระหว่าง Padding และ Margin

บทสรุป

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

อ้างอิง