บางครั้งสิ่งที่ทำให้บทความหนึ่งชิ้นน่าอ่าน ไม่ได้อยู่ที่จำนวนองค์ประกอบที่ใส่ลงไป แต่อยู่ที่การตัดสินใจว่าอะไรควรถูกปล่อยให้โล่ง อะไรควรถูกขยายให้เด่น และอะไรควรทำหน้าที่เป็นเพียงจังหวะรองรับสายตา
สำหรับหน้าเว็บใหม่ของ Thailand FX Warrior ความตั้งใจของเดโมนี้คือการทดลองวางบทความให้อยู่กึ่งกลางระหว่างความนิ่งแบบสื่อสิ่งพิมพ์กับความยืดหยุ่นของเว็บสมัยใหม่ โดยเฉพาะบนมือถือที่ทุกอย่างต้องถูกอ่านผ่านการเลื่อนนิ้ว ไม่ใช่ผ่านการสแกนเมนูจำนวนมาก
จุดสำคัญของ layout แบบนี้
หัวเรื่องต้องขึ้นชัดพอจะหยุดสายตาได้ทันที จากนั้นคำโปรยต้องรับน้ำหนักต่ออย่างนุ่มนวล แล้วค่อยส่งผู้อ่านลงไปยังเนื้อหาหลักที่มีความกว้างพอดี ไม่กว้างจนเหนื่อยตา และไม่แคบจนจังหวะประโยคขาด
สิ่งที่เดโมนี้พยายามเลี่ยงคือความรู้สึกเหมือน “card ซ้อน card” เพราะเมื่อทุกส่วนถูกตีกรอบเท่ากันหมด เว็บจะดูเหมือนโมดูลสำเร็จรูปมากกว่าสื่อที่มีลำดับชั้นของเนื้อหา
ฟอนต์ที่เลือกใช้
หัวข้อใช้ฟอนต์ไม่มีหัวเพื่อให้ได้แรงและความร่วมสมัย ส่วนย่อหน้าใช้ฟอนต์มีหัวที่อ่านนุ่มกว่าและรับภาษาไทยบนบทความยาวได้ดี รอบนี้จึงขยับไปใช้ชุดฟอนต์ฟรีที่เปิดให้ใช้งานถูกต้องตามลิขสิทธิ์แทนการคัดลอกฟอนต์จากเว็บอ้างอิงโดยตรง
การเลือกฟอนต์จึงไม่ได้มองแค่ “เหมือน” แต่ต้องมองด้วยว่ามันทำงานจริงบนระบบของเราได้หรือไม่ เมื่อถูกใช้กับบทความยาวหลายชิ้นในอนาคต
ถัดจากนี้ถ้าจะต่อยอด
ถ้าคุณชอบทิศทางนี้ ขั้นต่อไปอาจเป็นการเพิ่มภาพจริงของบทความเข้าไปใน hero area, การเพิ่มองค์ประกอบ author profile ตอนท้าย, และการปรับระบบ frontmatter ให้รองรับ subtitle หรือ caption ได้ยืดหยุ่นขึ้นโดยไม่ทำให้ขั้นตอนเขียนบทความยุ่งยากกว่าเดิม
ท้ายที่สุดแล้ว เป้าหมายของหน้าแบบนี้ไม่ใช่การลอกหน้าตาเว็บตัวอย่างให้เหมือนทุกพิกเซล แต่คือการยืมตรรกะการจัดวางที่ทำให้บทความดูมีน้ำหนัก แล้วแปลมันมาเป็นระบบของเราเองอย่างอ่านง่ายและดูแลต่อได้จริง