ระบบเลย์เอาต์ทางเลือก

 (alternativelayoutsystem.com)
2 คะแนน โดย GN⁺ 2025-06-28 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • เป็นชุด สคริปต์เลย์เอาต์ สำหรับทดลองการจัดบรรทัด การใส่ยัติภังค์ ระยะขอบ และการแปรรูปกลิฟในการจัดเรียงข้อความของ InDesign
  • Same Sizer ขยายแนวคิดของฟอนต์ความกว้างคงที่ไปสู่ระดับคำ ทำให้แต่ละคำใช้พื้นที่แนวนอนเท่ากันโดยไม่ขึ้นกับจำนวนตัวอักษร
  • Wiggle Out, Fill the Space, Last is First, Ext. Word & Letter ตีความ การจัดการระยะขอบและปลายบรรทัด ใหม่ โดยอ้างอิงแนวปฏิบัติจากต้นฉบับภาษาฮีบรูและข้อความในคัมภีร์กุรอาน
  • Hyphen Out และ Hyphenator ปรับการใส่ยัติภังค์หรือขนาดตัวอักษรสุดท้ายเพื่อลดการแยกคำ และสามารถควบคุมขนาดผลลัพธ์กับการจัดแนวได้บางส่วน
  • Variable Gradient คำนวณค่าระหว่างค่าปลายสุดทั้งสองบนแกนที่เลือกเพื่อใช้ไล่ระดับกับบล็อกข้อความ และสร้างผลลัพธ์ได้ทั้งแบบรายคำหรือรายกลิฟ

ดาวน์โหลดและการทดลองจัดพิมพ์พื้นฐาน

  • Download: ลิงก์ดาวน์โหลดแพ็กเกจสคริปต์ Alternative Layout System

  • Same Sizer

    • นำหลักการที่อักขระแต่ละตัวมีความกว้างเท่ากันแบบฟอนต์ความกว้างคงที่ มาใช้กับทั้งคำ
    • ทำให้แต่ละคำใช้พื้นที่แนวนอนเท่ากันโดยไม่ขึ้นกับความยาวคำหรือจำนวนตัวอักษร สร้างรูปลักษณ์ที่จัดเรียงเป็นระเบียบ

  • Wiggle Out

    • หมุนคำขนาดใหญ่ที่ไม่พอดีกับบล็อกข้อความ ออกไปทางระยะขอบ คล้ายวิธีที่พบในต้นฉบับภาษาฮีบรูแบบอัชเคนาซีและข้อความบางส่วนของคัมภีร์กุรอาน
    • ปรับความแรงของเส้นโค้งที่เกิดขึ้นได้
    • มีเวอร์ชันที่จบปลายเป็นเส้นตรงด้วย

  • Fill the Space

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

ยัติภังค์ ปลายบรรทัด และการแปรรูปกลิฟ

  • Hyphen Out

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

  • Hyphenator

    • เป็นสคริปต์ InDesign ที่ช่วยหลีกเลี่ยงการแยกคำเพื่อเพิ่มการไหลลื่นของข้อความและความอ่านง่าย
    • ลดขนาดตัวอักษรท้าย ๆ ของคำสุดท้ายในบรรทัดเพื่อให้พอดีกับพื้นที่ที่มี

  • Last is First

    • เป็นสคริปต์ที่แสดงคำที่จะปรากฏในบรรทัดถัดไปล่วงหน้า
    • เชื่อมโยงกับแนวปฏิบัติที่พบในต้นฉบับภาษาฮีบรูบางส่วน

  • Ext. Word & Letter

    • ขยายตัวอักษรสุดท้ายหรือคำสุดท้ายของบรรทัด ตามวิธีที่ใช้บ่อยในต้นฉบับภาษาฮีบรู โดยเฉพาะการคัดลอกข้อความคัมภีร์
    • แนะนำให้เลือกตัวเลือกการแปลงเป็นเวกเตอร์เพื่อข้ามข้อจำกัดการขยายสูงสุด 1000% ของ InDesign
    • วิธีนี้ช่วยจัดแนวด้านขวาของกรอบให้เต็มได้

  • Variable Gradient

    • คำนวณค่ากลางระหว่างสองค่าปลายสุดบนแกนที่เลือกเพื่อสร้างเอฟเฟ็กต์ไล่ระดับให้กับทั้งบล็อกข้อความ
    • สามารถใช้ผลลัพธ์ได้ทั้งแบบรายคำหรือรายกลิฟ

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-06-28
ความคิดเห็นบน Hacker News
  • "Same Sizer" ทำให้ตัวอักษรถูกยืดแบบกลไกจนดูไม่สวย และทำให้ความกว้างของแต่ละบรรทัดต่างกัน
    ตามอุดมคติแล้วควรรักษาความกว้างของแต่ละบรรทัดไว้ แล้ว ยืดเฉพาะตำแหน่ง เท่านั้น
    ตัวอย่างที่นำหลักการ "ทุกคำมีขนาดเท่ากัน" มาใช้ได้ดีกว่านั้นพบได้ในศิลปะอักษรวิจิตรเวียดนาม ซึ่งบางครั้งผสมตัวอักษรละตินเข้ากับแนวการเขียนที่ใกล้เคียงกับโลกอักษรจีน ตัวอย่าง: [https://commons.m.wikimedia.org/wiki/File:%C4%90%E1%BB%91i_-...](https://commons.m.wikimedia.org/wiki/File:%C4%90%E1%BB%91i_-_T%E1%BA%BFt_2009.jpg)
    นี่เป็นรูปแบบที่เขียนด้วยอักษรละติน แต่แบ่งเป็น ช่องสี่เหลี่ยมจัตุรัสขนาดเท่ากัน
    • น่าทึ่งมาก คงไม่มีทางสังเกตได้เลยว่าภาพตัวอย่างนั้นจริง ๆ แล้วเป็น อักษรละติน
      เพราะอ่านภาษาจีนไม่ออก อะไรที่ดูเหมือนภาษาจีนก็ถูกจัดเข้าหมวดในหัวว่า “ยังไงก็ไม่เข้าใจอยู่ดี” ไปเลย ในกรณีนี้ ถ้ารู้ภาษาเวียดนามก็น่าจะช่วยได้ เพราะอาจจำคำหรือพยางค์ที่คุ้นเคยได้
      เป็นเอฟเฟกต์ที่น่าสนใจ
    • ในทำนองเดียวกัน งานอักษรวิจิตรตรงนี้ก็น่าประทับใจมาก: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
    • อ้างอิงเพิ่มเติม แนวทางแบบนี้เรียกว่า การเขียนแบบสี่เหลี่ยมจัตุรัส และมีการรวบรวมลิงก์ที่เกี่ยวข้องไว้ที่ https://gwern.net/doc/design/typography/square/index
      สิ่งที่น่าจะน่าสนใจที่สุดคือฟอนต์ "Hangulatin" (https://www.t26.com/fonts/22320-Hangulatin-EN) ซึ่งก็ตามชื่อเลย และน่าเสียดายที่ถูกปล่อยทิ้งไว้จนลิงก์จำนวนมากใช้ไม่ได้แล้ว แต่ยังเห็นได้ค่อนข้างเยอะในวิดีโอเก่า: https://www.youtube.com/watch?v=T0syCsC0_4s
    • อยากดูตัวอย่างที่ลิงก์ไว้มาก แต่ลิงก์เสียแล้ว
  • บางครั้งก็เจออะไรที่โง่อย่างงดงามจนมองเห็นได้แต่ความอัจฉริยะที่อยู่เบื้องหลัง และเวลานั้นสนุกจริง ๆ ทำได้ดีมาก
    • สงสัยว่าเคยลองอ่านออกเสียงดูไหม เสียงจะเปลี่ยนเป็น เหมือนหุ่นยนต์ ทันที :D
  • อยากได้เลย์เอาต์แบบ "Hyphenator" อยู่เหมือนกัน แต่หวังว่าจะใช้ได้กับข้อความยาว ๆ ไม่ใช่แค่คำเดียว
    อยากให้ข้อความส่วนเกินขึ้นบรรทัดใหม่ และฟอนต์เล็กลงเรื่อย ๆ เพื่อเลียนแบบความรู้สึกของ สมุดโน้ตลายมือ สมัยมหาวิทยาลัย ตอนที่พยายามยัดอะไรบางอย่างลงไปทั้งที่ไม่มีที่ว่างในบรรทัดแล้ว
  • ในภาษาที่ การสะกดกับเสียงไม่สม่ำเสมอ อย่างภาษาอังกฤษ หลายวิธีแบบนี้ทำให้อ่านทรมาน โดยเฉพาะ "Last is First"
    เห็น "I" แล้วอีกไม่นานกลายเป็น "In" ก็ต้องย้อนความเข้าใจในหัวใหม่ เห็น "t" แล้วกลายเป็น "that" คนที่อ่านออกเสียงในใจต้องประกอบหน่วยเสียงใหม่ เพราะ 't' กับ 'th' เป็นคนละหน่วยเสียง
    • หวังว่าจะช่วยได้นะ: "i.e." เป็นตัวย่อของ "id est" แปลว่า “กล่าวคือ”
      ตรงนี้ควรใช้ "e.g." (exempli gratia) หรือ “เช่น” มากกว่า
    • การอ่านมันใกล้เคียงกับ การจำแนกรูปแบบ มากกว่าการแยกอ่านทีละตัวอักษรไม่ใช่หรือ? สำหรับฉันมันทำงานแบบนั้น
      มีข้อความดังที่บอกว่าต่อให้สลับลำดับตัวอักษรในแต่ละคำ คนก็ยังอ่านได้ค่อนข้างคล่อง แน่นอนว่าอาจไม่ใช่กับทุกคน และวิธีทำความเข้าใจข้อความอาจแตกต่างกันไปในแต่ละคน
      ลองค้นเร็ว ๆ แล้วเจอบทความเกี่ยวกับปรากฏการณ์คำสลับตัวอักษรนี้ และมีประโยคตัวอย่างอยู่ด้านบน: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
    • ภาษาอังกฤษก็เป็นระบบอักษรที่อิงเสียงไม่ใช่หรือ? เพียงแต่ระบบการสะกดไม่เป็นระเบียบ เพราะตัวอักษรเดียวกันแทนเสียงได้ต่างกัน แต่ก็ยังแทน เสียง อยู่ดี
      ถ้ามันไม่ได้แทนเสียงจริง ๆ ความสับสนแบบนั้นก็คงเกิดขึ้นไม่ได้
    • คำสั้น ๆ และพบบ่อยอย่าง "that" อ่านได้ทีเดียวทั้งคำ จึงไม่จำเป็นต้องย้อนกลับไป
      คำที่พบน้อยกว่าอย่าง "phoenitic" หรือ "subvocalizing" จะถูกอ่านตามแบบที่คุณว่า แต่พอถึงท้ายประโยค "phoneme" ก็ถูกพบมาแล้วสามครั้งในหลายรูปก่อนหน้านั้น จึงรู้แล้วว่าควรอ่านอย่างไร
  • "Last Is First" ดูคล้าย checksum ที่ช่วยให้คนคัดลอกข้อความไม่หลงตำแหน่ง
    จำได้ว่าเคยต้องอ่านโตราห์ ซึ่งแค่เปลี่ยนจากการอ่านภาษาฮีบรูฉบับพิมพ์มาตรฐานไปเป็นข้อความที่ไม่มีสัญลักษณ์สระก็ยากแล้ว แถมตัวอักษรยังถูกยืดออกอีก ยิ่งยากขึ้นไปอีก ต้องเรียนรู้ด้วยว่าจะอ่านแต่ละคำให้ถูกต้องแบบกึ่งร้องอย่างไร
    ถึงอย่างนั้น ภาพที่มันถูกเขียนด้วยลายมือ เป็นคอลัมน์จัดชิดขอบทั้งสองข้างอย่างสมบูรณ์ด้วยหมึกบนแผ่นหนัง ก็งดงามมาก
    • ถ้าวิธีนี้แพร่หลาย ผู้อ่านก็น่าจะใช้มันเพื่อหา บรรทัดที่ถูกต้อง ที่ต้องอ่านต่อได้เช่นกัน
      โดยเฉพาะบรรทัดยาว ๆ นั้นค่อนข้างง่ายที่จะอ่านบรรทัดเดิมซ้ำหรือข้ามไปหนึ่งบรรทัด
  • ขอร้อง อย่าทำเว็บไซต์แบบนี้เลย แม้จะมีสาย 1Gbps และอินเทอร์เฟซเครือข่าย 1Gbps เซิร์ฟเวอร์ก็ยังรับเว็บที่ใหญ่ขนาดนี้ไม่ไหว
    ภาพ jpeg ที่เมื่อเรนเดอร์บนจอแล้วด้านหนึ่งยาวไม่เกินไม่กี่ร้อยพิกเซล กลับถูกส่งมาทั้งหมดใน ความละเอียด 4K และมีขนาดสูงสุดถึง 9MiB บางหน้ามีขนาดรวมเกิน 40MiB ทำให้โหลดนานกว่า 15 วินาที
    รู้ว่าเป็นเพราะผลกระทบจาก HN ด้วย แต่ความเร็ว 3Mbps จริง ๆ แล้วไม่แย่สำหรับเซิร์ฟเวอร์เล็ก ๆ ส่วนใหญ่ ตัวเว็บเองต่างหากที่ใหญ่เกินไป
    • กรณีนี้ดูมีเหตุผลรองรับมากกว่าปกติ
      นี่ไม่ใช่เว็บไซต์ที่พยายามเพิ่มประสิทธิภาพและอัตราแปลงสำหรับผู้ใช้ปลายทาง แต่เป็น โชว์เคสดีไซน์ ที่นักออกแบบตัวอักษรทำเพื่อนักออกแบบตัวอักษร
      ทุกพิกเซลมีความสำคัญ และผู้อ่านเป้าหมายก็น่าจะยอมรอสักไม่กี่วินาทีเพื่อดูผลงานในรายละเอียดที่จำเป็น
    • งงมากว่าทำไมไม่มีลิงก์ให้ดูเลย์เอาต์ สุดท้ายถึงรู้ว่ามันกำลังโหลดอยู่
      บนเครือข่ายของฉัน กว่าจะเห็นอันแรกก็ใช้เวลา เกิน 3 นาที
  • "Last is first" ทำให้นึกถึง custos/custodes ที่พบได้บ่อยในโน้ตสวดเกรกอเรียนมาก
    มันเป็นสัญญาณที่วางไว้ท้ายบรรทัดเพื่อบอกโน้ตแรกของบรรทัดถัดไป ทำให้รู้ระดับเสียงได้แล้วขณะที่สายตากำลังหาจุดเริ่มบรรทัดถัดไป โดยปกติจะไม่รวมพยางค์
    ตัวอย่าง: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
  • แย่มาก ชอบ
  • ฉันมีปัญหาทางสายตาอยู่บ้าง โดยเฉพาะตาขี้เกียจและเห็นภาพซ้อน แต่ same-sizer กลับอ่านง่ายอย่างน่าประหลาดใจ
    ค่อนข้างแปลกใจที่มันง่ายกว่าข้อความมาตรฐานด้วยซ้ำ
    คิดว่าไอเดียนี้อาจใช้เป็น โหมดการเข้าถึง แบบหนึ่งได้ไหม
    • นอกจากสายตาเอียงอ่อนมาก ๆ แล้วก็ไม่มีปัญหาทางสายตา แต่ข้อความแบบ same-sizer อ่านง่ายกว่าที่คาดไว้มาก
  • ถึงอย่างนั้น เครื่องมือ "imager" ก็เจ๋งจริง ๆ:
    https://alternativelayoutsystem.com/imager/