Kirita Art
essayVisual Craft• 6 min read

Tactile Typography: จัดหน้าเว็บยังไงให้ให้ความรู้สึกเหมือนสิ่งพิมพ์ชั้นดี

จังหวะช่องไฟ, สัดส่วนฟอนต์ Serif คู่กับ Sans, และการใช้พื้นที่ว่างอย่างตั้งใจ

เขียนโดย Peerawat (Founder & Designer)
เผยแพร่เมื่อ 2026-11-06 11:15:00

1. ความกว้างของบรรทัดคือหัวใจของการอ่าน

บรรทัดที่ยาวเกิน 70 ตัวอักษรทำให้สายตาหลงตำแหน่งเวลากวาดกลับมาขึ้นบรรทัดใหม่ กำหนดความกว้างของคอลัมน์เนื้อหาให้อยู่ราว `60ch–65ch` เสมอ

2. คอนทราสต์ของขนาดฟอนต์ต้องกล้าหาญ

อย่าตั้งขนาด H1, H2, H3 ให้ห่างกันแค่ 2–4px ให้ใช้สัดส่วนที่ชัดเจนระหว่างพาดหัวแบบ Editorial Serif กับเนื้อหาที่อ่านง่าย

3. เส้นคั่นบางๆ แทนกล่องเงาหนาๆ

แทนที่จะใส่ `box-shadow` ให้ทุกการ์ด ลองใช้เส้นคั่น `1px` สีเทาอมอุ่นเหมือนเส้นตารางในหนังสือพิมพ์ จะได้งานที่นิ่งและดูแพงกว่ามาก

บทความหรือประเด็นนี้มีประโยชน์กับคุณไหม?

กดโหวตเพื่อดันเนื้อหานี้ขึ้นหน้าหลักของคอมมูนิตี้

Community Discussion (0)