§

สร้างข้อความ Lorem Ipsum placeholder

§

ผลลัพธ์

lorem ipsum

ทีมออกแบบ UX ไทยในเอเจนซีและองค์กรต่าง ๆ ใช้ Lorem Ipsum ตลอดการ review wireframe ใน Figma และ XD เพื่อเติมพื้นที่ใน pitch decks ก่อนที่ copy จริงจะผ่านการตรวจสอบทางกฎหมาย แพลตฟอร์ม CMS (WordPress, Contentful, Sanity) ใช้ข้อความ placeholder สำหรับ content model เริ่มต้น และทีม digital service ของภาครัฐไทยที่ทดสอบการเข้าถึงได้ตามมาตรฐาน WCAG ใช้มันเพื่อตรวจสอบ screen-reader flow บนหน้า prototype ก่อนที่ copy จริงจะมาถึง ผู้ให้บริการ email marketing รวม Lorem Ipsum ไว้ในแกลเลอรี template เพื่อให้นักการตลาดตรวจสอบ layout และพฤติกรรม text overflow โดยไม่ต้องรอ copywriter

Lorem Ipsum คืออะไร?

Lorem Ipsum คือข้อความ filler มาตรฐานของอุตสาหกรรมการพิมพ์และการจัดพิมพ์ มีต้นกำเนิดจากบทความปรัชญาของนักการเมืองโรมัน Cicero เมื่อ 45 ปีก่อน ค.ศ. ชื่อ De Finibus Bonorum et Malorum (“ว่าด้วยจุดสิ้นสุดของสิ่งดีและสิ่งชั่ว”) ข้อความจาก section 1.10.32 ของงานนั้น — เริ่มต้นด้วยวลี “Neque porro quisquam est qui dolorem ipsum quia dolor sit amet” — ถูกสับเปลี่ยน ตัดทอน และนำไปใช้ใหม่โดยนักจัดพิมพ์เป็นบล็อกข้อความที่ดูเป็นกลางซึ่งเลียนแบบจังหวะของร้อยแก้วจริงโดยไม่ทำให้ผู้อ่านฟุ้งซ่านด้วยเนื้อหาที่อ่านออก Richard McClintock นักภาษาละตินระบุแหล่งที่มาในปี 1985 โดยค้นหาคำหายาก consectetur กลับไปที่ Cicero ยุติทศวรรษแห่งการคาดเดาเกี่ยวกับต้นกำเนิดของข้อความ

การสร้าง Lorem Ipsum ทำงานอย่างไร?

เครื่องมือสร้างเลือกคำแบบสุ่มจาก word list ในตัวสำหรับ flavor ที่คุณเลือกและประกอบตาม unit type ที่เลือก การประมวลผลทั้งหมดทำงานในเบราว์เซอร์ของคุณ:

  1. คุณเลือก flavor (Classic Latin, Bacon, Hipster, Corporate, Cat หรือ Pirate) ซึ่งเลือก word list ที่ bundled ในหน้า
  2. คุณเลือก unit type: คำ, ประโยค, ย่อหน้า หรือรายการ และตั้งค่าจำนวนระหว่าง 1 ถึง 500
  3. สำหรับคำ เครื่องมือสร้างเลือกคำแบบสุ่มจำนวนนั้นจาก flavor list และเชื่อมด้วยช่องว่าง
  4. สำหรับประโยค แต่ละประโยคมีคำสุ่ม 8 ถึง 15 คำ พิมพ์ใหญ่ที่จุดเริ่มต้นและลงท้ายด้วยจุด ประมาณ 20% ของประโยคมีจุลภาคหลังคำที่สาม
  5. สำหรับย่อหน้า แต่ละย่อหน้ามี 4 ถึง 8 ประโยคคั่นด้วยช่องว่างและแยกจากย่อหน้าถัดไปด้วยบรรทัดว่าง สำหรับรายการ แต่ละรายการมี 4 ถึง 10 คำ
  6. ถ้าเปิด “เริ่มด้วย Lorem ipsum” และ Classic flavor ใช้งานอยู่ opener มาตรฐาน “Lorem ipsum dolor sit amet, consectetur adipiscing elit” จะนำหน้าย่อหน้าแรก การเปิด “ครอบด้วย <p>” จะครอบแต่ละย่อหน้าด้วย HTML tags พร้อมใช้กับ CMS หรือ email template

ทำไมต้องใช้ข้อความ placeholder?

  • เติม Figma หรือ Sketch frame ด้วยเนื้อหาที่มีความยาวใกล้เคียงจริงเพื่อให้ลูกค้า review layout, hierarchy และ typographic scale ก่อนที่ copywriter จะส่งอะไรมา
  • เติมทุก field ของ content type ใหม่ด้วยข้อความหลายย่อหน้าและคุณจะพบ character-count overflows, truncation bugs และ edge case ของ display template ก่อนที่เนื้อหาจริงจะมาถึง
  • HTML email templates ทำงานต่างกันใน Outlook, Gmail และ Apple Mail วาง wrapped paragraphs และตรวจสอบ line wrap, padding และ responsive breakpoints ทั้งสามก่อนส่ง test campaign
  • Print proofs และ PDF mockups ต้องการย่อหน้าที่ดูเหมือนจริงเพื่อแสดงฟอนต์, tracking และ leading ในขนาดจริง Lorem Ipsum แบบดั้งเดิมทำงานนั้นในสตูดิโอออกแบบมาตั้งแต่ทศวรรษ 1960

Lorem Ipsum ใช้ในงานอะไรบ้าง?

Lorem Ipsum ปรากฏในกระบวนการออกแบบ วิศวกรรม และ content:

  • Figma และ Sketch prototypes ได้รับข้อความ placeholder แบบ flavor ที่วางลงใน component variants เพื่อให้ reviewers ประเมิน information density, text overflow และ button proximity โดยไม่ให้ copy เป็นจุดสนใจหลักของการ review
  • เมื่อสร้าง content type ใหม่ใน WordPress, Contentful หรือ Sanity การเติมทุก field ด้วย placeholder หลายย่อหน้าจะ stress-test display template, search-index pipeline และ character-limit validators ใน pass เดียว
  • ตัวเลือก HTML-wrap วาง <p>-wrapped paragraphs ตรงเข้า email HTML editor เช่น Mailchimp code view หรือ Litmus template เพื่อให้ verify line height, margin collapse และ Outlook-specific spacing ข้าม clients โดยไม่ต้องเขียน dummy paragraphs ด้วยมือ

ตัวอย่าง Lorem Ipsum มีลักษณะอย่างไร?

ตั้ง flavor เป็น Classic, unit เป็น Paragraphs, count เป็น 3 และเปิด “เริ่มด้วย Lorem ipsum” ผลลัพธ์จะเริ่มด้วย “Lorem ipsum dolor sit amet, consectetur adipiscing elit” และดำเนินต่อในสามย่อหน้าเต็มของร้อยแก้วที่ฟังดูเหมือนละตินคั่นด้วยบรรทัดว่าง เปลี่ยน flavor เป็น Bacon แล้วสร้างใหม่: โครงสร้างเดิม — สามย่อหน้า ความยาวประโยคเดิม — แต่ทุกคำเป็นประเภทเนื้อหรือวิธีการรมควัน เปลี่ยนเป็น Corporate และร้อยแก้วเต็มไปด้วย synergy, leverage และ paradigm แต่ละ flavor ใช้ตรรกะการสร้างย่อหน้าเดียวกันทุกประการ เปลี่ยนแค่ word list

ความแตกต่างระหว่าง Lorem Ipsum flavors คืออะไร?

แต่ละ flavor ใช้เครื่องมือสร้างโครงสร้างเดียวกัน — ช่วงความยาวประโยคเดิม (8–15 คำ), ช่วงความยาวย่อหน้าเดิม (4–8 ประโยค), อัตราการแทรกจุลภาคเดิม เปลี่ยนแค่ word list Classic ใช้คำละตินประมาณ 75 คำที่ดัดแปลงมาจากข้อความต้นฉบับของ Cicero สำหรับ filler ที่เป็นกลางและเป็นมาตรฐานอุตสาหกรรม Bacon, Hipster, Corporate, Cat และ Pirate แต่ละตัวใช้ word list ตามธีมของตัวเอง (~30–50 คำ) Word lists ทั้งหมด bundled inline ในหน้า — ไม่มี network request เมื่อสลับ flavor หรือคลิก สร้าง

ทำไมจึงใช้ข้อความ Cicero ต้นฉบับเป็นพื้นฐาน?

ข้อความ Cicero ที่ถูกสับเปลี่ยนเป็นมาตรฐานอุตสาหกรรมตั้งแต่ Letraset นำมาใช้ในทศวรรษ 1960 และ Aldus PageMaker ติดตั้งเป็น placeholder ในตัวในปี 1985 การแพร่หลายหมายความว่านักออกแบบ นักพัฒนา หรือลูกค้าที่เคยทำงานด้าน visual design จะรู้ทันทีว่ามันเป็น filler ที่ตั้งใจ ไม่ใช่ข้อผิดพลาดหรือ draft ที่ยังไม่เสร็จ การใช้มันหลีกเลี่ยงการถกเถียงว่าข้อความ placeholder คือ copy “จริง” หรือไม่ — ทุกคนเข้าใจว่าไม่ใช่

สร้างข้อความ placeholder ที่ไม่ใช่ภาษาละตินได้ไหม?

ยังไม่ได้ในเวอร์ชันปัจจุบัน ทั้งหก flavor เป็นข้อความในช่วง ASCII ซึ่งหมายความว่าทำงานได้ในทุก CMS field, HTML attribute และ email template โดยไม่มีปัญหาการ encoding สคริปต์ที่ไม่ใช่ภาษาละติน (อาหรับ, จีน, ฮินดี) ต้องการ word list เฉพาะสคริปต์และการพิจารณาฟอนต์ที่อยู่นอกขอบเขตของเครื่องมือทั่วไป เครื่องมือ placeholder text เฉพาะภาษาอาจครอบคลุมกรณีเหล่านั้นในอัปเดตในอนาคต

ปลอดภัยที่จะใช้ใน production หรือไม่?

ใช่ ด้วยข้อควรระวังหนึ่ง: Lorem Ipsum คือข้อความ placeholder ไม่ใช่เนื้อหาจริง เหมาะสำหรับ staging environments, design reviews และ development builds — ไม่ควรใช้บนหน้า production ที่เผยแพร่ที่ search engine จะ index เป็นข้อมูลไร้ความหมายหรือทำให้ผู้ใช้จริงสับสน ถ้าต้องการป้องกัน staging environment จาก crawlers ให้ใช้ `robots.txt` `Disallow` directive หรือ login wall

เครื่องมือสร้าง Lorem Ipsum นี้ทำงานทั้งหมดในเบราว์เซอร์ของคุณ Word lists หกแบบ bundled inline โดยไม่มี vendor library และไม่มี network call ต่อการสร้าง ตั้ง flavor, unit และ count แล้วกด สร้าง คัดลอกหรือดาวน์โหลดผลลัพธ์