2 poin oleh GN⁺ 2025-06-28 | 1 komentar | Bagikan ke WhatsApp
  • Kumpulan skrip tata letak untuk bereksperimen dengan perataan baris, hyphenation, spasi kosong, dan variasi glif dalam tata letak teks InDesign
  • Same Sizer memperluas prinsip font monospace ke tingkat kata, sehingga setiap kata menempati ruang horizontal yang sama tanpa memandang jumlah hurufnya
  • Wiggle Out, Fill the Space, Last is First, Ext. Word & Letter menafsirkan ulang ruang kosong dan penanganan akhir baris berdasarkan praktik dalam manuskrip Ibrani dan teks Al-Qur'an
  • Hyphen Out dan Hyphenator menyesuaikan pemenggalan dengan hyphen atau ukuran huruf terakhir untuk mengurangi pemisahan kata, sambil memungkinkan sebagian kontrol atas ukuran dan perataan hasilnya
  • Variable Gradient menghitung nilai di antara dua ujung pada sumbu yang dipilih untuk menerapkan gradasi pada blok teks, dan dapat menghasilkan hasil per kata atau per glif

Unduhan dan eksperimen tata letak dasar

  • Download: tautan unduhan paket skrip Alternative Layout System
  • Same Sizer

    • Menerapkan prinsip setiap karakter memiliki lebar yang sama seperti pada font monospace ke seluruh kata
    • Menciptakan tampilan yang sejajar karena setiap kata menempati ruang horizontal yang sama terlepas dari panjang kata atau jumlah huruf
  • Wiggle Out

    • Memutar kata besar ke arah margin ketika tidak muat di dalam blok teks, seperti cara yang terlihat pada manuskrip Ibrani Ashkenazi dan beberapa teks Al-Qur'an
    • Kekuatan kurva yang dihasilkan dapat disesuaikan
    • Juga tersedia versi dengan akhir yang ditutup lurus
  • Fill the Space

    • Mengisi ruang antara kata terakhir pada baris dan ujung blok teks, seperti metode yang digunakan dalam beberapa manuskrip
    • Dapat menggunakan garis pena sederhana, garis pena bergelombang, pengulangan huruf terakhir, tanda baca, slash dekoratif, titik, dan lainnya
    • Dapat mengisi ruang dengan satu atau lebih glif pilihan pengguna, atau mengulang huruf terakhir pada baris

Hyphen, akhir baris, dan variasi glif

  • Hyphen Out

    • Menggabungkan kembali kata yang terpisah oleh hyphen untuk menghapus pemenggalan dengan hyphen
    • Bagian kedua ditempatkan di luar bingkai teks
    • Ukuran bagian hasil dapat disesuaikan dalam persen, dan perataannya juga dapat diubah
  • Hyphenator

    • Skrip InDesign untuk menghindari pemisahan kata sehingga meningkatkan alur teks dan keterbacaan
    • Mengecilkan ukuran huruf-huruf terakhir pada kata terakhir di baris agar muat dalam ruang yang tersedia
  • Last is First

    • Skrip yang menampilkan terlebih dahulu kata yang akan muncul di baris berikutnya
    • Terkait dengan praktik yang terlihat dalam beberapa manuskrip Ibrani
  • Ext. Word & Letter

    • Memperluas huruf terakhir atau kata terakhir pada baris, seperti metode yang sering digunakan dalam manuskrip Ibrani, terutama penyalinan teks kitab suci
    • Menyarankan pemilihan opsi vektorisasi untuk melewati batas pembesaran maksimum 1000% di InDesign
    • Dengan cara ini, sisi kanan bingkai dapat dibuat rata sepenuhnya
  • Variable Gradient

    • Menghitung nilai tengah di antara dua kutub pada sumbu yang dipilih untuk menciptakan efek gradasi di seluruh blok teks
    • Hasil dapat diterapkan per kata atau per glif

1 komentar

 
GN⁺ 2025-06-28
Komentar Hacker News
  • "Same Sizer" membuat huruf memanjang secara mekanis sehingga terlihat jelek, dan akibatnya lebar tiap baris jadi berbeda
    Idealnya, lebar tiap baris dipertahankan dan yang diperpanjang hanya posisinya
    Contoh yang lebih baik dalam menerapkan prinsip "semua kata berukuran sama" bisa dilihat pada kaligrafi Vietnam, yang kadang menggabungkan alfabet Latin dengan gaya penulisan yang lebih dekat ke ranah aksara Tionghoa. Contoh: [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)
    Ini ditulis dengan alfabet Latin tetapi dibagi ke dalam kotak persegi yang seragam
    • Menarik. Saya rasa saya sama sekali tidak akan sadar bahwa gambar contohnya sebenarnya adalah huruf Latin
      Karena saya tidak bisa membaca bahasa Tionghoa, apa pun yang terlihat seperti bahasa Tionghoa langsung masuk kategori “pokoknya saya tidak akan paham” di kepala saya. Dalam kasus ini, kalau saya tahu bahasa Vietnam, saya mungkin bisa mengenali kata atau suku kata yang familiar dan itu akan membantu
      Efek yang menarik
    • Dalam konteks serupa, kaligrafi ini juga cukup mengesankan: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
    • Sebagai referensi, pendekatan seperti ini disebut square word writing, dan saya mengumpulkan tautan terkait di https://gwern.net/doc/design/typography/square/index
      Mungkin yang paling menarik adalah font "Hangulatin"(https://www.t26.com/fonts/22320-Hangulatin-EN), yang memang persis seperti namanya, dan sayangnya sudah terbengkalai sehingga banyak tautannya mati, tetapi masih cukup sering terlihat di video lama: https://www.youtube.com/watch?v=T0syCsC0_4s
    • Saya benar-benar ingin melihat contoh yang ditautkan, tetapi tautannya rusak
  • Kadang ada sesuatu yang begitu indah sekaligus bodoh sampai yang terlihat hanya kejeniusannya, dan saat itu terjadi rasanya sangat menyenangkan. Dibuat dengan sangat baik
    • Saya penasaran apakah ini pernah dibaca keras-keras. Suaranya langsung berubah jadi robot :D
  • Saya ingin tata letak "Hyphenator", tetapi diterapkan ke teks yang lebih panjang, bukan hanya satu kata
    Teks ekstra akan dibungkus ke baris berikutnya dan font-nya terus mengecil, sehingga meniru nuansa catatan tulis tangan semasa kuliah saat seseorang memaksa memasukkan sesuatu meski sudah tidak ada ruang lagi di baris
  • Dalam bahasa seperti Inggris, yang ejaannya tidak beraturan secara fonologis, banyak metode seperti ini menyakitkan untuk dibaca, terutama "Last is First"
    Ketika saya melihat "I" lalu itu segera menjadi "In", saya harus membatalkan pemahaman di kepala saya. Kalau saya melihat "t" lalu itu menjadi "that", orang yang membaca sambil bersuara dalam hati harus menyusun ulang fonemnya, karena 't' dan 'th' adalah fonem yang berbeda
    • Semoga membantu: "i.e." adalah singkatan dari "id est", yang berarti “yaitu”
      Di sini yang lebih tepat adalah memakai "e.g."(exempli gratia), yaitu “misalnya”
    • Bukankah membaca lebih mirip pengenalan pola daripada mengurai huruf satu per satu? Setidaknya bagi saya begitu
      Ada tulisan terkenal yang menunjukkan bahwa orang masih bisa membaca cukup lancar meski urutan huruf dalam tiap kata diacak. Tentu itu mungkin tidak berlaku untuk semua orang, dan cara orang memahami tulisan bisa berbeda-beda
      Saya cepat mencari dan menemukan artikel tentang fenomena kata acak ini, dan kalimat contohnya ada di bagian paling atas: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
    • Bukankah bahasa Inggris juga tulisan berbasis bunyi? Hanya saja huruf yang sama bisa mewakili bunyi berbeda sehingga sistem ejaannya tidak teratur, tetapi tetap saja mewakili bunyi
      Kalau memang tidak mewakili bunyi, kebingungan seperti itu seharusnya tidak mungkin terjadi
    • Kata-kata pendek dan umum seperti "that" dibaca sekaligus, jadi tidak perlu kembali lagi
      Kata yang kurang umum seperti "phoenitic" atau "subvocalizing" dibaca seperti yang Anda katakan, tetapi saat sampai di akhir kalimat, "phoneme" sudah muncul tiga kali sebelumnya dalam beberapa bentuk, jadi kita sudah tahu cara membacanya
  • "Last Is First" tampak lebih seperti checksum yang membantu orang yang menyalin teks agar tidak kehilangan posisi
    Saya ingat harus membaca Taurat, dan berpindah dari membaca Ibrani cetak standar ke teks tanpa tanda vokal saja sudah sulit, lalu dibuat lebih berat lagi karena huruf-hurufnya juga dipanjangkan. Kami juga harus belajar cara membacakan kata-katanya dengan semacam lantunan
    Meski begitu, tampilannya indah ketika ditulis tangan, dengan kolom yang rata kanan-kiri sepenuhnya di atas perkamen dengan tinta
    • Kalau metode seperti ini umum, pembaca mungkin juga akan memakainya untuk menemukan baris yang benar saat melanjutkan membaca
      Terutama pada baris yang panjang, cukup mudah untuk membaca ulang baris yang sama atau melewatkan satu baris
  • Tolong jangan buat situs web seperti ini. Saya punya koneksi 1Gbps dan antarmuka jaringan 1Gbps, tetapi servernya tetap tidak sanggup menangani situs sebesar ini
    Gambar jpeg yang saat dirender di layar panjang sisinya tidak lebih dari beberapa ratus piksel semuanya dikirim dalam resolusi 4K, dengan ukuran sampai 9MiB. Beberapa halaman total ukurannya lebih dari 40MiB sehingga butuh lebih dari 15 detik untuk dimuat
    Saya tahu ini juga karena efek HN, tetapi 3Mbps sebenarnya bukan kecepatan transfer yang buruk bagi kebanyakan server kecil. Situsnya memang terlalu besar
    • Dalam kasus ini rasanya hal itu lebih bisa dibenarkan dari biasanya
      Ini bukan situs web yang ditujukan ke pengguna akhir untuk memaksimalkan performa dan konversi, melainkan etalase desain yang dibuat oleh tipografer untuk tipografer
      Setiap piksel penting, dan pembaca sasarannya mungkin rela menunggu beberapa detik untuk menelaah hasilnya dengan detail yang diperlukan
    • Saya sangat bingung kenapa tidak ada tautan untuk melihat tata letaknya, lalu saya sadar ternyata memang sedang dimuat
      Di jaringan saya, butuh lebih dari 3 menit sampai yang pertama muncul
  • "Last is first" sangat mengingatkan saya pada custos/custodes yang sering terlihat dalam notasi nyanyian Gregorian
    Itu adalah petunjuk yang diletakkan di akhir baris untuk memberi tahu nada pertama di baris berikutnya, sehingga sambil mata mencari awal baris berikutnya, nadanya sudah diketahui. Biasanya suku katanya tidak disertakan
    Contoh: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
  • Mengerikan. Saya suka
  • Saya punya sedikit masalah pada mata, tepatnya ambliopia dan diplopia. Namun, same-sizer ternyata sangat mudah dibaca
    Cukup mengejutkan bahwa itu bahkan lebih mudah daripada teks standar
    Saya jadi bertanya-tanya apakah ide ini bisa dipakai sebagai semacam mode aksesibilitas
    • Selain astigmatisme yang sangat ringan, saya tidak punya masalah penglihatan, tetapi teks same-sizer jauh lebih mudah dibaca daripada yang saya perkirakan
  • Tetap saja, alat "imager" benar-benar keren:
    https://alternativelayoutsystem.com/imager/