ระยะห่าง

สองมาตราส่วนและกฎหนึ่งข้อ รูปร่างไม่เคยกำหนดความยาว: มันใช้ช่วงหนึ่ง ซึ่งเป็นสิ่งที่ทำให้สองส่วนที่เขียนห่างกันหนึ่งปีไม่ออกจากจังหวะกันสองพิกเซล

ระดับระยะห่าง

เก้าขั้นตอน ตั้งแต่เส้นผมจนถึงขอบหน้ากระดาษ การเว้นระยะ, ช่องว่าง และขอบทั้งหมดมาจากที่นี่ — ค่าระหว่างสองขั้นตอนคือค่าที่ยังไม่ได้ตัดสินใจ

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

ขนาด

ความกว้างและความสูงที่กำหนดให้กับพื้นที่: คอลัมน์, แผง, ขนาดการอ่าน ขนาดใหญ่กว่าขั้นตอนการเว้นระยะและใช้เพื่อเหตุผลเดียวกัน

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

ความหนาแน่น

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

แถบเครื่องมือที่มีความหนาแน่นของตัวเอง และปุ่มที่มันถืออยู่

แถบเครื่องมือเดียวกันที่ประกาศว่ากระชับ — ไม่มีการพูดถึงปุ่ม

พื้นที่ที่ประกาศว่ากระชับโดยไม่มีรูปร่างของตัวเอง