Sistema de diseño alternativo

• Es un conjunto de scripts de maquetación para experimentar con alineación de líneas, guionado, márgenes y variaciones de glifos en la composición de texto de InDesign
• Same Sizer extiende el principio de las tipografías monoespaciadas al nivel de palabra, haciendo que cada palabra ocupe el mismo espacio horizontal sin importar la cantidad de letras
• Wiggle Out, Fill the Space, Last is First y Ext. Word & Letter reinterpretan el manejo de márgenes y finales de línea a partir de prácticas de manuscritos hebreos y textos del Corán
• Hyphen Out y Hyphenator ajustan el guionado o el tamaño de las letras finales para reducir la separación de palabras, con cierto control sobre el tamaño y la alineación del resultado
• Variable Gradient calcula los valores entre los dos extremos del eje seleccionado para aplicar un gradiente a un bloque de texto, y puede generar resultados por palabra o por glifo

---

Descarga y experimentos básicos de composición

• Download: enlace de descarga del paquete de scripts Alternative Layout System

• Same Sizer

  • Aplica a palabras completas el principio de que cada carácter tenga el mismo ancho, como en una tipografía monoespaciada
  • Hace que ocupen el mismo espacio horizontal sin importar la longitud de la palabra o la cantidad de letras, creando una apariencia alineada

• Wiggle Out

  • Como en algunos manuscritos hebreos asquenazíes y ciertos textos del Corán, hace rotar hacia el margen las palabras grandes que no caben dentro del bloque de texto
  • Permite ajustar la intensidad de la curva generada
  • También ofrece una versión con terminación recta

• Fill the Space

  • Llena el espacio entre la última palabra de una línea y el final del bloque de texto, como en algunos manuscritos
  • Puede usar una línea simple de pluma, una línea ondulada, repetición de la última letra, signos de puntuación, barras decorativas, puntos, etc.
  • Permite llenar el espacio con uno o más glifos elegidos por el usuario o repetir la última letra de la línea

Guionado, finales de línea y variaciones de glifos

• Hyphen Out

  • Vuelve a unir palabras separadas por guion para eliminar el guionado
  • La segunda parte se coloca fuera del marco de texto
  • El tamaño de la parte resultante puede ajustarse en porcentaje y también puede cambiarse su alineación

• Hyphenator

  • Es un script para InDesign que evita la separación de palabras y mejora el flujo del texto y la legibilidad
  • Reduce el tamaño de las últimas letras de la última palabra de la línea para que entren en el espacio disponible

• Last is First

  • Es un script que muestra por adelantado la palabra que aparecerá en la siguiente línea
  • Está relacionado con una práctica observada en algunos manuscritos hebreos

• Ext. Word & Letter

  • Extiende la última letra o la última palabra de una línea, como en una práctica frecuente en manuscritos hebreos, especialmente en copias de textos bíblicos
  • Sugiere elegir la opción de vectorización para sortear el límite máximo de ampliación del 1000% de InDesign
  • Con este método se puede alinear por completo el lado derecho del marco

• Variable Gradient

  • Calcula los valores intermedios entre dos extremos en el eje seleccionado para crear un efecto de gradiente en todo el bloque de texto
  • El resultado puede aplicarse por palabra o por glifo

[GN⁺]

Opiniones de Hacker News

• "Same Sizer" hace que las letras se estiren de forma mecánica y se vean feas, y por eso cada línea termina con un ancho distinto.
  Idealmente, debería mantener el ancho de cada línea y solo estirar la posición.
  Un ejemplo que aplica mejor el principio de “todas las palabras tienen el mismo tamaño” se puede ver en la caligrafía vietnamita, que a veces combina el alfabeto latino con una técnica más cercana al ámbito de los caracteres chinos. Ej.: [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)
  Esto está escrito con letras latinas, pero dividido en cuadros cuadrados iguales.
  • Qué curioso. Jamás habría notado que la imagen de ejemplo en realidad usa letras latinas.
    Como no sé leer chino, lo que parece chino termina en mi cabeza en la categoría de “igual no lo voy a entender”. En este caso, si supiera vietnamita, quizá habría reconocido palabras o sílabas conocidas y eso habría ayudado.
    Es un efecto interesante.
  • En una línea similar, esta caligrafía también es bastante impresionante: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
  • Como referencia, este enfoque se llama escritura cuadrada, y reuní enlaces relacionados en https://gwern.net/doc/design/typography/square/index
    Quizá lo más interesante sea la fuente "Hangulatin" (https://www.t26.com/fonts/22320-Hangulatin-EN), que es exactamente lo que su nombre sugiere y, lamentablemente, quedó abandonada y muchos enlaces están muertos, pero se puede ver bastante en videos antiguos: https://www.youtube.com/watch?v=T0syCsC0_4s
  • De verdad quería ver el ejemplo enlazado, pero el enlace está roto.
• A veces uno se topa con algo tan hermosamente tonto que lo único que se ve es la genialidad detrás, y eso da mucho gusto. Está muy bien hecho.
  • Me pregunto si lo probaron leyéndolo en voz alta. La voz se vuelve inmediatamente robótica :D
• Sí quisiera un diseño tipo "Hyphenator", pero aplicado no solo a una palabra, sino también a textos más largos.
  Estaría bueno que el texto sobrante saltara de línea y la fuente siguiera haciéndose más pequeña, imitando esa sensación de apuntes escritos a mano de la universidad, cuando uno metía cosas a la fuerza aunque ya no hubiera espacio en la línea.
• En idiomas con ortografía fonémica irregular, como el inglés, muchos de estos métodos son dolorosos de leer, especialmente "Last is First".
  Si uno ve "I" y enseguida se convierte en "In", tiene que deshacer la comprensión en la cabeza. Si ve "t" y luego se convierte en "that", alguien que lee subvocalizando tiene que reconstruir los fonemas, porque 't' y 'th' son fonemas distintos.
  • Por si sirve: "i.e." es abreviatura de "id est" y significa “es decir”.
    Aquí correspondería más usar "e.g." (exempli gratia), o sea “por ejemplo”.
  • ¿Leer no se parece más al reconocimiento de patrones que a parsear letra por letra? A mí me funciona así.
    Hay un texto famoso que muestra que la gente puede leer con bastante fluidez aunque se mezcle el orden de las letras de cada palabra. Claro, quizá no sea así para todos, y la manera de entender un texto puede variar de una persona a otra.
    Buscando rápido encontré este artículo sobre el fenómeno de las palabras mezcladas, con una oración de ejemplo al inicio: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
  • ¿El inglés no es también un sistema de escritura basado en sonidos? Solo que su ortografía no es regular porque una misma letra puede representar sonidos distintos, pero igual representa sonidos.
    Si en realidad no representara sonidos, esa confusión ni siquiera sería posible.
  • Una palabra corta y común como "that" se lee de un vistazo, así que no hace falta retroceder.
    Palabras menos comunes como "phoenitic" o "subvocalizing" sí se leen como dices, pero para cuando llegas al final de la oración, ya te encontraste con "phoneme" tres veces antes en varias formas, así que sabes cómo leerla.
• "Last Is First" parece más bien una especie de suma de verificación para que quien copia el texto no pierda la posición.
  Recuerdo haber tenido que leer la Torá, y ya era difícil pasar de leer hebreo impreso estándar a un texto sin signos vocálicos; además, las letras estaban estiradas, lo que lo hacía todavía más complicado. También había que aprender a leer las palabras correctamente en forma cantada.
  Aun así, se veía hermoso escrito a mano, con columnas completamente justificadas en tinta sobre pergamino.
  • Si este método hubiera sido común, creo que los lectores también lo habrían usado para encontrar la línea correcta por la que seguir leyendo.
    Especialmente en líneas largas, es bastante fácil volver a leer la misma línea o saltarse una.
• Por favor, no hagan sitios web así. Aunque tengo una conexión de 1 Gbps y una interfaz de red de 1 Gbps, el servidor no puede con un sitio tan pesado.
  Todas las imágenes jpeg que se renderizan en pantalla con apenas unos cientos de píxeles por lado se envían en resolución 4K, y algunas pesan hasta 9 MiB. Algunas páginas superan los 40 MiB en total y tardan más de 15 segundos en cargar.
  Sé que también es por el efecto HN, pero 3 Mbps en realidad no es una mala velocidad de transferencia para la mayoría de los servidores pequeños. El sitio en sí simplemente es demasiado grande.
  • En este caso parece un poco más justificable de lo normal.
    No es un sitio web orientado a usuarios finales que busca maximizar rendimiento y conversión, sino un showcase de diseño hecho por un tipógrafo para tipógrafos.
    Cada píxel importa, y el público objetivo probablemente esté dispuesto a esperar unos segundos para examinar el resultado con el detalle necesario.
  • Estaba muy confundido porque no encontraba el enlace para ver el layout, pero resulta que todavía estaba cargando.
    En mi red tardó más de 3 minutos en aparecer siquiera el primero.
• "Last is first" me recuerda mucho a los custos/custodes que se ven a menudo en la notación del canto gregoriano.
  Se colocan al final de la línea e indican la primera nota de la siguiente, de modo que ya sabes la altura mientras tus ojos buscan el inicio de la línea siguiente. Normalmente no incluyen la sílaba.
  Ej.: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
• Horrible. Me gusta.
• Tengo algunos problemas de visión, específicamente ambliopía y diplopía. Pero same-sizer me resultó sorprendentemente fácil de leer.
  Me parece bastante curioso que haya sido más fácil que el texto estándar.
  Incluso me pregunto si esta idea podría usarse como una especie de modo de accesibilidad.
  • No tengo problemas de visión salvo un astigmatismo muy leve, pero el texto same-sizer me resultó mucho más fácil de leer de lo que esperaba.
• Aun así, la herramienta "imager" está muy buena:
  https://alternativelayoutsystem.com/imager/