Hệ thống bố cục thay thế

 (alternativelayoutsystem.com)
2 điểm bởi GN⁺ 2025-06-28 | 1 bình luận | Chia sẻ qua WhatsApp
  • Đây là bộ script bố cục cho phép thử nghiệm căn dòng, gạch nối, lề và biến đổi glyph trong dàn trang văn bản InDesign
  • Same Sizer mở rộng nguyên lý của phông chữ monospace sang cấp độ từ, khiến mỗi từ chiếm cùng một khoảng ngang bất kể số ký tự
  • Wiggle Out, Fill the Space, Last is First, Ext. Word & Letter diễn giải lại cách xử lý lề và cuối dòng dựa trên tập quán trong bản chép tay Hebrew và văn bản Kinh Qur’an
  • Hyphen Out và Hyphenator điều chỉnh xử lý gạch nối hoặc kích thước chữ cái cuối để giảm việc tách từ, đồng thời cho phép kiểm soát một phần kích thước và căn chỉnh kết quả
  • Variable Gradient tính toán giữa hai giá trị cực trị của trục đã chọn để áp dụng gradient cho khối văn bản, và có thể tạo kết quả theo từng từ hoặc từng glyph

Tải xuống và thử nghiệm dàn trang cơ bản

  • Download: Liên kết tải gói script Alternative Layout System

  • Same Sizer

    • Áp dụng nguyên lý mỗi ký tự có cùng độ rộng như phông chữ monospace cho toàn bộ từ
    • Tạo diện mạo được căn chỉnh bằng cách khiến mỗi từ chiếm cùng một khoảng ngang, không phụ thuộc vào độ dài từ hay số ký tự

  • Wiggle Out

    • Xoay các từ lớn không vừa trong khối văn bản ra phía lề, giống cách thấy trong các bản chép tay Hebrew Ashkenazi và một số văn bản Kinh Qur’an
    • Có thể điều chỉnh độ mạnh/yếu của đường cong được tạo ra
    • Cũng cung cấp phiên bản kết thúc bằng đường thẳng

  • Fill the Space

    • Lấp đầy khoảng trống giữa từ cuối cùng của dòng và cuối khối văn bản, giống cách được dùng trong một số bản chép tay
    • Có thể dùng nét bút đơn giản, nét bút dạng sóng, lặp lại chữ cái cuối, dấu câu, dấu gạch chéo trang trí, dấu chấm, v.v.
    • Có thể lấp đầy khoảng trống bằng một hoặc nhiều glyph do người dùng chọn, hoặc lặp lại chữ cái cuối của dòng

Gạch nối, cuối dòng và biến đổi glyph

  • Hyphen Out

    • Ghép lại từ đã bị tách bằng gạch nối để loại bỏ xử lý gạch nối
    • Phần thứ hai được đặt bên ngoài khung văn bản
    • Kích thước của phần kết quả có thể điều chỉnh theo phần trăm, và cũng có thể thay đổi căn chỉnh

  • Hyphenator

    • Là script InDesign giúp tránh tách từ, cải thiện luồng văn bản và khả năng đọc
    • Thu nhỏ các chữ cái cuối trong từ cuối cùng của dòng để chúng vừa với khoảng trống khả dụng

  • Last is First

    • Là script hiển thị trước từ sẽ xuất hiện ở dòng tiếp theo
    • Có liên hệ với tập quán thấy trong một số bản chép tay Hebrew

  • Ext. Word & Letter

    • Mở rộng chữ cái cuối hoặc từ cuối của dòng, giống cách thường được dùng trong bản chép tay Hebrew, đặc biệt là khi chép văn bản Kinh Thánh
    • Đề xuất chọn tùy chọn vector hóa để vượt qua giới hạn phóng to tối đa 1000% của InDesign
    • Bằng cách này có thể căn thẳng hoàn toàn phía bên phải của khung

  • Variable Gradient

    • Tính toán các giá trị trung gian giữa hai cực trị trên trục đã chọn để tạo hiệu ứng gradient trên toàn bộ khối văn bản
    • Kết quả có thể được áp dụng theo từng từ hoặc từng glyph

Bài viết liên quan

1 bình luận

 
GN⁺ 2025-06-28
Các ý kiến trên Hacker News
  • "Same Sizer" làm chữ bị kéo giãn một cách máy móc nên trông xấu, và vì thế mỗi dòng lại có độ rộng khác nhau
    Lý tưởng thì nên giữ nguyên độ rộng của từng dòng và chỉ kéo giãn vị trí
    Một ví dụ áp dụng tốt hơn nguyên tắc "mọi từ có cùng kích thước" có thể thấy trong thư pháp Việt Nam, nơi đôi khi kết hợp chữ Latin với bút pháp gần với vùng chữ Hán. Ví dụ: [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)
    Đây là dạng viết bằng chữ Latin nhưng được chia thành các ô vuông bằng nhau
    • Thật kỳ lạ. Có lẽ mình sẽ không bao giờ nhận ra hình ví dụ đó thực ra là chữ Latin
      Vì không đọc được tiếng Trung, những gì trông giống tiếng Trung trong đầu mình đều bị xếp vào nhóm “dù sao cũng không hiểu”. Trong trường hợp này, nếu biết tiếng Việt thì chắc việc nhận ra các từ hoặc âm tiết quen thuộc sẽ giúp ích
      Một hiệu ứng thú vị
    • Theo hướng tương tự, thư pháp ở đây cũng khá ấn tượng: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
    • Nhân tiện, cách tiếp cận này được gọi là viết ô vuông, và các liên kết liên quan đã được tập hợp tại https://gwern.net/doc/design/typography/square/index
      Có lẽ thú vị nhất là font "Hangulatin" (https://www.t26.com/fonts/22320-Hangulatin-EN), đúng như tên gọi của nó, và đáng tiếc là đã bị bỏ mặc nên nhiều liên kết đã chết, nhưng có thể thấy khá nhiều trong video cũ này: https://www.youtube.com/watch?v=T0syCsC0_4s
    • Mình rất muốn xem ví dụ được liên kết, nhưng link đã hỏng
  • Thỉnh thoảng ta bắt gặp thứ gì đó ngớ ngẩn một cách đẹp đẽ đến mức chỉ còn thấy được thiên tài đằng sau nó, và những lúc như vậy thật sự rất vui. Làm tốt lắm
    • Không biết họ đã thử đọc to chưa. Giọng nói lập tức trở nên như robot :D
  • Mình muốn layout "Hyphenator", nhưng mong nó áp dụng được cho cả đoạn văn dài hơn chứ không chỉ một từ
    Phần văn bản thừa sẽ xuống dòng và font cứ nhỏ dần, mô phỏng cảm giác vở ghi chép tay hồi đại học khi cố nhồi thêm gì đó vào dù trên dòng đã hết chỗ
  • Với những ngôn ngữ có cách ghi âm vị không đều như tiếng Anh, nhiều cách này rất đau đớn khi đọc, đặc biệt là "Last is First"
    Khi thấy "I" rồi ngay sau đó nó thành "In", bạn phải quay ngược lại sự hiểu trong đầu. Khi thấy "t" rồi nó thành "that", người đọc thầm trong đầu phải dựng lại âm vị, vì 't' và 'th' là các âm vị khác nhau
    • Hy vọng hữu ích: "i.e." là viết tắt của "id est", nghĩa là “tức là”
      Ở đây nên dùng "e.g." (exempli gratia), tức “ví dụ như”, thì đúng hơn
    • Việc đọc chẳng phải giống nhận dạng mẫu hơn là phân tích từng chữ cái một sao? Với mình thì nó hoạt động như vậy
      Có một đoạn văn nổi tiếng cho thấy ngay cả khi trộn thứ tự chữ cái trong từng từ, người ta vẫn có thể đọc khá trôi chảy. Tất nhiên có thể không đúng với mọi người, và cách hiểu văn bản có thể khác nhau tùy từng người
      Tìm nhanh thì thấy một bài về hiện tượng từ bị xáo trộn này, với câu ví dụ ở ngay đầu: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
    • Tiếng Anh chẳng phải cũng là chữ viết dựa trên âm thanh sao? Chỉ là hệ thống chính tả không đều vì cùng một chữ có thể biểu thị các âm khác nhau, nhưng nó vẫn biểu thị âm thanh
      Nếu thực sự không biểu thị âm thanh thì sự nhầm lẫn như vậy đã không thể xảy ra
    • Những từ ngắn và phổ biến như "that" được đọc cả cụm một lần, nên không cần quay lại
      Những từ ít phổ biến hơn như "phoenitic" hay "subvocalizing" thì sẽ được đọc theo cách bạn nói, nhưng đến cuối câu thì "phoneme" đã xuất hiện ba lần trước đó dưới nhiều dạng, nên bạn đã biết phải đọc thế nào
  • "Last Is First" trông giống một loại checksum giúp người chép văn bản không bị lạc vị trí
    Mình nhớ hồi phải đọc Torah, chuyển từ tiếng Hebrew in tiêu chuẩn sang văn bản không có ký hiệu nguyên âm đã khó, lại còn thêm chuyện chữ bị kéo giãn nên càng khó hơn. Cũng phải học cách đọc ngân đúng từng từ
    Dù vậy, khi được viết tay, các cột căn đều hai bên hoàn toàn bằng mực trên giấy da trông rất đẹp
    • Nếu cách này từng phổ biến, mình nghĩ độc giả cũng có thể dùng nó để tìm dòng đúng cần đọc tiếp
      Nhất là với các dòng dài, rất dễ đọc lại cùng một dòng hoặc bỏ qua một dòng
  • Làm ơn đừng tạo những website như thế này. Dù có đường truyền 1Gbps và card mạng 1Gbps, máy chủ vẫn không chịu nổi một trang lớn như vậy
    Các ảnh jpeg khi render trên màn hình không quá vài trăm pixel mỗi cạnh lại đều được gửi ở độ phân giải 4K, có ảnh lên tới 9MiB. Có trang tổng dung lượng hơn 40MiB, mất hơn 15 giây để tải
    Mình biết một phần là do hiệu ứng HN, nhưng 3Mbps thực ra là tốc độ truyền không tệ với hầu hết máy chủ nhỏ. Bản thân trang này đơn giản là quá nặng
    • Trường hợp này có vẻ dễ biện minh hơn bình thường
      Đây không phải website nhằm tối đa hóa hiệu năng và tỷ lệ chuyển đổi cho người dùng cuối, mà là một showcase thiết kế do typographer làm cho typographer
      Từng pixel đều quan trọng, và độc giả mục tiêu có lẽ sẵn sàng chờ vài giây để xem tác phẩm với mức chi tiết cần thiết
    • Mình đã rất bối rối vì sao không có link để xem các layout, hóa ra là nó vẫn đang tải
      Trên mạng của mình, mất hơn 3 phút mới thấy được cái đầu tiên
  • "Last is first" khiến mình nhớ nhiều đến custos/custodes thường thấy trong ký âm thánh ca Gregorian
    Đó là gợi ý đặt ở cuối dòng để cho biết nốt đầu của dòng tiếp theo; trong lúc mắt tìm điểm bắt đầu dòng tiếp theo, bạn đã biết cao độ rồi. Thường không bao gồm âm tiết
    Ví dụ: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
  • Kinh khủng. Mình thích nó
  • Mắt mình có chút vấn đề, cụ thể là nhược thị và song thị. Nhưng same-sizer lại dễ đọc đến đáng ngạc nhiên
    Khá kỳ lạ là nó còn dễ hơn văn bản tiêu chuẩn
    Mình tự hỏi liệu ý tưởng này có thể dùng như một dạng chế độ trợ năng không
    • Ngoài loạn thị rất nhẹ thì mình không có vấn đề thị giác, nhưng văn bản same-sizer dễ đọc hơn dự kiến rất nhiều
  • Dù vậy công cụ "imager" thật sự rất hay:
    https://alternativelayoutsystem.com/imager/