Design
mobile-first front page ที่จัดจังหวะการอ่านแบบแมกกาซีน แต่ยังคงความนิ่งของระบบ
วางหน้าแรกให้มีหัวเรื่องเด่น, จังหวะคอลัมน์ชัด, และอ่านง่ายบนมือถือก่อน โดยไม่ต้องพึ่งลูกเล่นหวือหวา
Written by
Admin
Design Notes
Published 20 กรกฎาคม 2569 / Updated 21 กรกฎาคม 2569 / 1 min read
บทความนี้เป็นฐานคิดของการออกแบบหน้าแรกในรอบปัจจุบัน ว่าจะให้ดูเหมือนสื่อแมกกาซีนมากกว่าหน้า landing page
In Brief
บทความนี้สรุปหลักคิดการออกแบบหน้าแรกแบบ mobile-first ว่าควรเริ่มจาก headline ที่ชัด จังหวะการอ่านที่นิ่ง เส้นแบ่งที่พอดี และการเลี่ยง gradient, ขอบมน, และ card generic
หน้าแรกที่ดีไม่จำเป็นต้องเคลื่อนไหวเยอะหรือมีสีสันเกินความจำเป็น บางครั้งสิ่งที่ทำให้เว็บดูมีแรงดึงดูดคือการวาง hierarchy ให้ถูกที่
หลักคิดของหน้า home
- headline ต้องชัดตั้งแต่จอแรก
- ตัวหนังสืออ่านง่ายบนมือถือ
- บล็อกข่าวหรือบทความต้องตัดกันชัดด้วยเส้นและ spacing
- สีพื้นเป็น solid เพื่อให้เนื้อหานำสายตา
สิ่งที่ตั้งใจหลีกเลี่ยง
- ขอบมน
- gradient
- card ที่ดู generic
- motion ที่ไม่มีความหมาย
สรุปคือเว็บนี้ควรดูเหมือนสื่อสิ่งพิมพ์ร่วมสมัย มากกว่าจะดูเหมือน dashboard หรือ landing page ทั่วไป