Lorem Ipsum คืออะไร ใช้ทำไมในงานออกแบบ

Lorem Ipsum คือข้อความตัวอย่าง (placeholder text) ที่ใช้ในงานออกแบบและพิมพ์ดีด เพื่อให้เห็นรูปแบบหน้าเว็บ/เอกสารก่อนมีเนื้อหาจริง

ที่มาของ Lorem Ipsum

เป็นข้อความภาษาละตินที่ดัดแปลงมาจากงานเขียนของซิเซโร (Cicero) ปี 45 ก่อนคริสตกาล ใช้กันมานานกว่า 500 ปีในวงการพิมพ์

ทำไมต้องใช้

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

ตัวอย่างข้อความ

Lorem ipsum dolor sit amet, consectetur adipiscing elit…

ภาษาไทย

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

ใช้กับอะไรบ้าง

• ทำ Mockup เว็บและแอป
• ทดสอบรูปแบบเอกสารและโบรชัวร์
• วางเลย์เอาต์ก่อนเขียนเนื้อหาจริง

ลองใช้ เครื่องสร้างข้อความ Lorem Ipsum ไทย เพื่อสร้างข้อความตัวอย่างทันที

ความต่างของ Lorem Ipsum ละตินกับ Lorem Ipsum ไทย

หลายคนคิดว่าใช้ Lorem Ipsum ละตินแล้วค่อยเปลี่ยนเป็นไทยทีหลังก็ได้ แต่จริง ๆ แล้วผลลัพธ์ต่างกันชัดเจน ตัวอักษรไทยมีวรรณยุกต์และสระบน-ล่าง ทำให้ความสูงบรรทัด (line-height) ต้องกว้างกว่าภาษาอังกฤษ ถ้าออกแบบด้วยข้อความละตินแล้วสลับเป็นไทย ข้อความมักดูแน่นหรือทับบรรทัดทันที ทีมงานเราทำเว็บให้ร้านอาหารและ SME ไทยมาหลายปี เจอปัญหานี้บ่อยมากในขั้นตอนส่งมอบงาน เว็บที่ดูสวยใน mockup กลับอ่านยากเมื่อใส่เนื้อหาไทยจริง

ตัวอย่างการคำนวณปริมาณข้อความที่ต้องใช้

เวลาวางเลย์เอาต์ ควรประมาณจำนวนคำให้ใกล้เคียงความจริง ตารางนี้เป็นแนวทางจากประสบการณ์จัดหน้าเว็บภาษาไทยทั่วไป:

ประเภทงาน	ความยาวโดยประมาณ	จำนวนคำตัวอย่างที่ควรสร้าง	จำนวนย่อหน้า
การ์ดสินค้า / ปุ่ม	1 บรรทัด	5-10 คำ	1 บรรทัด
แบนเนอร์หน้าแรก	2-3 บรรทัด	20-30 คำ	1 ย่อหน้าสั้น
บทความบล็อก	800-1,200 คำ	1,000 คำ	8-12 ย่อหน้า
โบรชัวร์ A4 1 หน้า	300-400 คำ	350 คำ	4-5 ย่อหน้า
หน้า “เกี่ยวกับเรา” ร้านค้า	250-400 คำ	300 คำ	3-4 ย่อหน้า

เคล็ดลับคือสร้างข้อความให้ได้จำนวนคำหรือย่อหน้าตามตารางก่อน แล้วค่อยดูว่าเลย์เอาต์รับความยาวนั้นได้จริงหรือไม่

จากประสบการณ์ทีมงาน: สิ่งที่เจอบ่อยในงานจริง

จากการทำเว็บและระบบให้ร้านอาหารและ SME ไทย ทีมงานเราสรุปแนวคิดที่ใช้จริงได้ดังนี้

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

ทดสอบฟอนต์ไทยด้วยความยาวจริง ฟอนต์ไทยหลายตัวเมื่อขนาดเล็ก (14-16px) จะอ่านยากเพราะวรรณยุกต์เบียดกัน การมีข้อความตัวอย่างยาวพอช่วยให้ทดสอบได้ตรงจุด

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

ข้อผิดพลาดที่คนไทยพลาดบ่อย

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

สิ่งที่ผู้ใช้จ