เครื่องสร้าง Lorem Ipsum

Lorem Ipsum คืออะไร และทำไมนักออกแบบยังใช้มันอยู่

Lorem Ipsum คือข้อความตัวอย่างที่มีรากศัพท์ภาษาละตินที่ถูกสับเปลี่ยน ใช้เติมแบบจำลอง เทมเพลต และ Layout ก่อนที่เนื้อหาจริงจะมาถึง คุณเห็นมันมาแล้วนับพัน: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" มันดูเหมือนภาษาละติน แต่ไม่ได้มีความหมายจริงๆ นั่นคือจุดประสงค์ทั้งหมด ข้อความ Placeholder ช่วยให้นักออกแบบตัดสินหน้าตาของหน้าโดยไม่ถูกดึงความสนใจจากเนื้อหา เครื่องสร้างของเราสร้างมันทันทีในเบราว์เซอร์ของคุณ ไม่ว่าจะเป็นย่อหน้า ประโยค หรือคำ โดยไม่มีอะไรถูกส่งไปยังเซิร์ฟเวอร์

ต้นกำเนิดของข้อความนี้

เรื่องราวเก่าแก่และแปลกกว่าที่คนส่วนใหญ่คาดไว้ คำเหล่านี้มาจากข้อความที่ถูกบิดเบือนจาก "De finibus bonorum et malorum" (ว่าด้วยเป้าหมายสูงสุดของความดีและความชั่ว) ของซิเซโร ซึ่งเขียนในปี 45 ก่อนคริสตศักราช ตัวอักษรถูกลบ เพิ่ม และสลับจนภาษาละตินกลายเป็นคำไร้ความหมาย ซึ่งเป็นเหตุผลที่นักวิชาการนานนักมาสันนิษฐานว่าเป็นสิ่งที่ไร้ความหมาย ในทศวรรษ 1980 ครูภาษาละตินชื่อ Richard McClintock สืบค้นกลับไปยังซิเซโรหลังจากสังเกตเห็นคำหายากจริงๆ "consectetur" ที่ฝังอยู่ในตัวอย่าง

ช่างเรียงพิมพ์ใช้ภาษาละตินที่สับเปลี่ยนมาตั้งแต่คริสตศตวรรษที่ 16 เพื่อแสดงฟอนต์และเติมโรงพิมพ์ เวอร์ชันที่ทุกคนคัดลอกกันในปัจจุบันแพร่หลายผ่านแผ่น Letraset Dry-Transfer ในทศวรรษ 1960 แล้วกระโดดไปสู่ซอฟต์แวร์ Desktop Publishing และจากที่นั่นก็ไปสู่เว็บทั้งหมด ข้อถกเถียงของนักปรัชญาโรมันเกี่ยวกับความสุขและความเจ็บปวดกลายเป็นเสียงพื้นหลังเริ่มต้นของการออกแบบสมัยใหม่

ทำไมจึงใช้ข้อความปลอม

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

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

เมื่อใดที่ไม่ควรใช้

ข้อความ Placeholder เป็นเครื่องมือสำหรับร่างงาน ไม่ใช่สินค้าสำเร็จรูป และมีบางสถานการณ์ที่ต้องระวัง อย่าส่งมันไปยังเว็บไซต์ที่ Live เครื่องมือค้นหาจะ Index ข้อความที่เผยแพร่ และหน้า Lorem Ipsum ไม่ได้บอกสิ่งที่มีประโยชน์ใดๆ ซึ่งเป็นผลเสียต่อ SEO และน่าอายเมื่อลูกค้าพบในงาน Production เว็บไซต์หลายแห่งถูก Launch โดยยังมี "Lorem ipsum dolor" อยู่ในส่วน Footer

การเข้าถึงก็เป็นข้อกังวลอีกอย่าง Screen Reader จะอ่านภาษาละตินที่ไร้ความหมายออกมาอย่างเชื่อฟัง ดังนั้นข้อความตัวอย่างที่ทิ้งไว้ในหัวเรื่องหรือช่องฟอร์มทำให้เทคโนโลยีช่วยเหลือและผู้ที่พึ่งพามันสับสน หลีกเลี่ยงการใช้สตริง Placeholder เป็นป้ายกำกับเดียวภายในช่อง Input ด้วยเหตุผลเดียวกัน และในระหว่างการอนุมัติของลูกค้า จำไว้ว่าข้อความปลอมซ่อนปัญหาจริง: หัวเรื่องที่สมบูรณ์แบบใน Lorem Ipsum อาจทำให้ Layout พังเมื่อคำจริงที่ยาวกว่ามาถึง ทดสอบข้อความสำคัญด้วยเนื้อหาที่สมจริงก่อนจะประกาศว่าการออกแบบเสร็จสมบูรณ์

ทางเลือกที่ควรรู้

Lorem Ipsum คลาสสิกไม่ใช่ตัวเลือกเดียว เครื่องสร้างที่มีธีมสลับภาษาละตินเป็นตัวอย่างที่เล่นสนุก เช่น Hipster Ipsum, Bacon Ipsum หรือข้อความอ้างอิงจากภาพยนตร์ ซึ่งทำให้ผู้วิจารณ์สนุกแต่อ่านได้ชัดว่าเป็นของปลอม บางทีมชอบข้อความตัวอย่างภาษาอังกฤษธรรมดาเพื่อไม่ให้ผู้มีส่วนเกี่ยวข้องสะดุดกับคำต่างประเทศ สำหรับงานที่มีเนื้อหาหนัก วิธีที่น่าเชื่อถือที่สุดคือร่างเนื้อหาจริง แม้จะหยาบๆ เพื่อให้การตัดสินใจเกี่ยวกับ Layout สะท้อนข้อความจริง เรียกดูเครื่องมือข้อความอื่นๆ ของเราเมื่อต้องการทำความสะอาด นับ หรือแปลงเนื้อหานั้น

คำถามที่พบบ่อย